@charset "UTF-8";

/*//////////////////////////////////////////////////

Title : help.css
For   : Setting base styles of the site

Created       : 2009-8-3
Last Modified : 

/*===== CONTENTS ===========================================

	 1: INQUIRY001
	 2: CHANGE001
	 3: CANCEL001
	 4: LEAVE001
	 5: FAQ001
	 6: TERMS001
	 7: CHANGECARD001
	 
==========================================================*/

/*======================================

	1: INQUIRY001

=======================================*/

body#INQUIRY001 #right_contents_wrap .btns_area {
	width: 482px;
	
	/* for windows IE5.x */
	
	margin-left: 88px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
	/* exclude windows IE5.x */
	margin: 0 auto;
}

body#INQUIRY001 #right_contents_wrap .btns_area ul li.left {
	float: left;
	width: 231px;
}

body#INQUIRY001 #right_contents_wrap .btns_area ul li.right {
	float: right;
	width: 231px;
}

/*======================================

	2: CHANGE001

=======================================*/

body#CHANGE001 #right_contents_wrap .btns_area,
body#CANCEL001-5 #right_contents_wrap .btns_area {
	width: 482px;
	
	/* for windows IE5.x */
	
	margin-left: 88px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
	/* exclude windows IE5.x */
	margin: 0 auto;
}

body#CHANGE001 #right_contents_wrap .btns_area ul li.left,
body#CANCEL001-5 #right_contents_wrap .btns_area ul li.left {
	float: left;
	width: 231px;
}

body#CHANGE001 #right_contents_wrap .btns_area ul li.right,
body#CANCEL001-5 #right_contents_wrap .btns_area ul li.right {
	float: right;
	width: 231px;
}

/*======================================

	3: CANCEL001

=======================================*/


.tocancel_btn input {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/help/btn_tocancel.gif") no-repeat 0 0;
	cursor: pointer;
}

body#CANCEL001 #right_contents_wrap .btns_area {
	width: 482px;
	
	/* for windows IE5.x */
	
	margin-left: 88px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
	/* exclude windows IE5.x */
	margin: 0 auto;
}

body#CANCEL001 #right_contents_wrap .btns_area ul li.left {
	float: left;
	width: 231px;
}

body#CANCEL001 #right_contents_wrap .btns_area ul li.right {
	float: right;
	width: 231px;
}


/*======================================

	4: LEAVE001

=======================================*/

ul.reason_list {
	line-height: 1.6;
}

ul.reason_list li input {
	margin-right: 3px;
}


strong.reason {
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	color: #505050;
}

body#LEAVE001 #right_contents_wrap .btns_area {
	width: 482px;
	
	/* for windows IE5.x */
	
	margin-left: 88px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
	/* exclude windows IE5.x */
	margin: 0 auto;
}

body#LEAVE001 #right_contents_wrap .btns_area ul li.left {
	float: left;
	width: 231px;
}

body#LEAVE001 #right_contents_wrap .btns_area ul li.right {
	float: right;
	width: 231px;
}

.toleave_btn input {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/help/btn_toleave.gif") no-repeat 0 0;
	cursor: pointer;
}

.leave-btn {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/help/btn_leave.gif") no-repeat 0 0;
	cursor: pointer;
}

.next-btn {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/help/btn_next.gif") no-repeat 0 0;
	cursor: pointer;
}

/*======================================

	5: FAQ001

=======================================*/

ul.anchorlink {
	overflow: hidden;
	width: 660px;
	margin: 0 0 30px 30px;
}

ul.anchorlink li {
	float: left;
	width: 280px;
	margin-right: 10px;
	padding: 0 0 15px 12px;
	text-align: left;
	background: url("/img/common/icon_anchorlink.gif") no-repeat left top;
}


dl.question_area strong {
	font-size: 110%;
	font-weight: bold;
}

body#FAQ001 strong.normal {

	color: #505050;
	font-weight: bold;
}

body#FAQ001 strong.redbold {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
}

dl.question_area {
	width: 660px;
	margin-bottom: 20px;
}

dl.last {
	background: none;
}


dl.question_area dt {
	margin: 0 0 20px 10px;
	font-size: 120%;
	font-weight: bold;
}

dl.question_area dd ol {
	margin-left: 20px;
	list-style-type: upper-alpha;
	list-style-position: inside;
}

dl.question_area dd ol li {
	margin-left: 15px;
	padding-bottom: 15px;
	line-height: 1.3;
}

dl.question_area dd ol li {
	margin-right: 35px;
	margin-left: 15px;
}

dl.question_area dd ol li ul li img {
	vertical-align: text-top;
}

dl.question_area dd ol li ul li {
	width: 550px;
	margin-left: 0;
	padding-bottom: 0;
	line-height: 2;
}

dl.question_area dd p {
	margin: 10px 15px;
}

dl.question_area dd ol li p.answer {
	margin: 10px 55px 20px 15px;
}

dl.question_area dd ol li ul li p.answer {
	margin: 10px 0px 15px;
}

ul.pagetop_inner {
	overflow: hidden;
	width: 590px;
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: 2px #dddddd solid;
}

ul.non_border {
	width: 575px;
	margin-bottom: 10px;
	border-bottom: none;
}


ul.pagetop_inner li {
	margin-bottom: 0;
	padding: 0;
}

ul.pagetop_inner li p {
	float: right;
	width: 120px;
	margin-right: 0px;
	margin-bottom: 0;
	padding: 0 0 0 13px;
	background: url("/img/common/icon_pagetop.gif") no-repeat left 1px;
}

ul.non_border li p {
	padding-right: 20px;
}

body#FAQ001 .to_detail {
	margin-left: 15px;
	padding-left: 80px;
	background: url("/img/help/icon_to_detail.gif") no-repeat left top;
}

body#FAQ001 .to_detail_inner {
	margin-left: 0px;
	padding-left: 80px;
	background: url("/img/help/icon_to_detail.gif") no-repeat left top;
}

body#FAQ001 .to_detail span,
body#FAQ001 .to_detail_inner span {
	position: absolute;
	text-indent: -9999px;
	font-size: 0;
}

dl.question_area dd ol li.separate {
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 20px;
	padding-bottom: 0;
	border-bottom: 2px #dddddd solid;
}

dl.question_area dd ol li.separate ul li {
	margin-left: 0;
}

dl.question_area dd ol li ol.alpha {
	list-style-type: lower-alpha;
}

dl.question_area dd ol li ol.decimal {
	list-style-type: decimal;
}

dl.question_area dd ol li ol.alpha li {

}


/*======================================

	6: TERMS001

=======================================*/

.terms_area {
	margin 0 0 0 20px;
	text-align: left;
	font-family: monospace, 'osaka-����'; 
	line-height: 1.5;
}

.terms_area strong {
	display: block;
	margin-bottom: 10px;
	color: #505050;
	font-weight: bold;
}

.terms_area area p {
	margin: 0 10px 15px 0;
}

.terms_area ol,
.terms_area ul {
	margin-bottom: 15px;
}

.terms_area ol li,
.terms_area ul li {
	margin-bottom: 10px;
}

/*======================================

	7: CHANGECARD001

=======================================*/

.tochangecard_btn input {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/help/btn_changecard.gif") no-repeat 0 0;
	cursor: pointer;
}

body#CANGECARD001 .flow_chart,
body#CANGECARD002 .flow_chart {
	width: 660px;
	text-align :center;
}