@charset "utf-8";

div#container div#contents-body h3.no-mrg {
	padding: 0px 0px 7px 32px;
	font-size: 120%;
	line-height: 120%;
	background: url(../img/bg_h3.gif) no-repeat 12px 3px;
	color: #000000;
	display:block;
}
/* ----------------------------------------------------------------- COMMON CSS */
div#container div#contents-body div#btn-area ul#member-top{
	width:676px;
	padding: 23px 0px 0px 0px;
	background: url(../img/bg_areah3.gif) repeat-x left top;
}
div#container div#contents-body div#btn-area ul#member-top ul{
	width:676px;
}
div#container div#contents-body div#btn-area ul#member-top li{
	float:left;
	height:auto;
	padding: 0px 0px 0px 0px;	
	width:337px;	
}
div#container div#contents-body div#btn-area ul#member-top li.start{
	float:left;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #CCCCCC;	
}
div#container div#contents-body div#btn-area ul#member-top li.end{
	float:right;
	width:333px;	
	padding: 0px 0px 0px 0px;
}
div#container div#contents-body div#btn-area ul#member-top li a{
	width:333px;
	display:block;
	text-align:center;
	font-weight: normal;
	line-height: 140%;
}
div#container div#contents-body div#btn-area ul#member-top li a img{
	padding: 5px 0px 0px 0px;
}
div#container div#contents-body div#qa-area-member div.qa-box {
	clear: both;
	padding: 0px 0px 20px;
}
div#container div#contents-body div#qa-area-member div.qa-box h3 {
	padding: 8px 12px 9px 12px;
	margin: 0px 0px 10px;
	clear: both;
	font-size: 110%;
	line-height: 120%;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left bottom;
	color: #000000;
	border-top: 1px solid #2090d2;
}


/* =================================================================== DOWNLOAD CSS */
div#container div#contents-body div#member-dl{
	padding: 3px 0px 20px;
	width: 676px;
	background: url(../img/bg_areah3.gif) repeat-x left top;
}
div#container div#contents-body div#member-dl li{
	padding: 10px 12px 10px;
	width: 676px;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left bottom;
}
div#container div#contents-body div#member-dl li a{
	padding: 1px 0px 2px 18px;
	background: url(../../member/img/ico_pdf.gif) no-repeat left top;
	display: block;
}


/* =================================================================== PROCEDURE CSS */
div#container div#contents-body div.areah2 p.txt-body-nomrg{
	padding: 10px 12px 0px;
}
div#container div#contents-body div.areah2 ul.attention{
	padding: 5px 12px 20px 12px;
}
div#container div#contents-body div.areah2 ul.attention li {
	padding: 0px 0px 2px 1em;
	line-height: 120%;
	font-size: 85%;
	text-indent: -1em;
}
div#container div#contents-body div.areah2 ul.attention-line{
	background: url(../img/bg_line_dot_1px.gif) repeat-x left top;
	padding: 11px 12px 10px 12px;
}
div#container div#contents-body div.areah2 ul.attention-line li {
	padding: 0px 0px 2px 1em;
	line-height: 120%;
	font-size: 85%;
	text-indent: -1em;
}
div#container div#contents-body div.areah2 div.member-btn-box{
	float:right;
	padding: 0px 0px 20px 20px;
	text-align: right;
}
div#container div#contents-body ol.flow {
	padding: 0px 0px 0px 12px;
}
div#container div#contents-body ol.flow li {
	padding: 2px 0px 12px 70px;
	line-height: 140%;
	font-weight: bold;
	color: #000000;
}
div#container div#contents-body ol.flow li.step1 {
	background: url(../../member/img/ico_step1.gif) no-repeat left top;
}
div#container div#contents-body ol.flow li.step2 {
	background: url(../../member/img/ico_step2.gif) no-repeat left top;
}
div#container div#contents-body ol.flow li.step3 {
	background: url(../../member/img/ico_step3.gif) no-repeat left top;
}
div#container div#contents-body a.pdf{
	padding: 0px 0px 0px 18px;
	background: url(../../member/img/ico_pdf.gif) no-repeat left 2px;
	display: block;
	line-height: 140%;
	color: #2090d2;
}
div#container div#contents-body a.inquiry{
	padding: 0px 0px 0px 18px;
	background: url(../img/arw_ul.gif) no-repeat left 1px;
	display: block;
	line-height: 140%;
	color: #2090d2;
}
/* ----------------------------------------------------------------- ANCHOR PAYMENT CSS */
div#container div#contents-body div#anchor-payment{
	width:676px;
	padding: 0px 0px 0px 0px;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left bottom;
}
div#container div#contents-body div#anchor-payment div.anchor-box{
	width:676px;
	padding: 0px 0px 0px 0px;
	background: url(../../member/img/bg_anchor_payment.gif) repeat-y left top;
}
div#container div#contents-body div#anchor-payment div.anchor-box dl{
	width:676px;
	padding: 0px 0px 0px 0px;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left top;
}
div#container div#contents-body div#anchor-payment div.anchor-box dl dt{
	width:250px;
	padding: 8px 10px 0px 10px;
	float:left;
	font-weight: bold;
	color: #000000;
	line-height: 120%;
}
div#container div#contents-body div#anchor-payment div.anchor-box dl dd{
	width:390px;
	padding: 8px 0px 0px 0px;
	float:right;
}
div#container div#contents-body div#anchor-payment div.anchor-box dl dd a{
	display: block;
	padding: 0px 0px 0px 13px;
	background: url(../img/arw_anchor.gif) no-repeat 0px 6px;
	line-height: 120%;
}
div#container div#contents-body div#anchor-payment div.anchor-box dl dd span.caption{
	display: block;
	padding: 5px 0px 0px 14px;
	line-height: 120%;
	font-size: 85%;
}
/* ----------------------------------------------------------------- LAYOUT PAYMENT CSS */
div#container div#contents-body div.ttl-area{
	padding: 5px 0px 0px 0px;
	background: url(../../member/img/bg_p_category.gif) no-repeat left top;
	border-top: 3px solid #00217b;
}
div#container div#contents-body div.ttl-area p.payment-category{
	padding: 0px 0px 5px 18px;
	line-height: 120%;
	color: #000000;
	font-weight: bold;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left bottom;
}
div#container div#contents-body div.ttl-area h2{
	padding: 13px 0px 14px 45px;
	line-height: 120%;
	color: #000000;
	font-weight: bold;
	background: url(../../member/img/ico_h2.gif) no-repeat 17px 14px;
	border-top-style: none;
}

/* =================================================================== MAINTE CSS */
div#container div#contents-body div#mainte-body{
	width:676px;
	padding: 0px 0px 20px 0px;
}
div#container div#contents-body div#mainte-body div#mainte-ttl-area{
	background: url(../../mainte/img/bg_mainte_ttl.gif) no-repeat left bottom;
}
div#container div#contents-body div#mainte-body h2{
	width:auto;
	padding: 8px 0px 7px 15px;
	background: url(none);
	border-top: 3px solid #00217b;
	font-size: 140%;
	line-height: 120%;
	color: #000000;
}
div#container div#contents-body div#mainte-body div#mainte-ttl-area p{
	float:right;
	width:150;
	padding: 12px 15px 0px 0px;
	background: url(none);
	line-height: 120%;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box{
	width:auto;
	margin: 30px 0px 0px;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box h3{
	clear: both;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box h3.ttl-heading{
	clear: both;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 10px 12px 9px 12px;
	font-size: 120%;
	line-height: 120%;
	background: url(../../mainte/img/bg_mainte_ttl_heading.gif) repeat left top;
	color: #000000;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box div.mainte-list-box{
	clear: both;
	padding: 12px 12px 0px;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box div.mainte-list-box div.mainte-list-desc{
	clear: both;
	width:652px;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box div.mainte-list-box div.mainte-list-desc h4{
	float:left;
	width:80px;
	font-size: 100%;
	line-height: 120%;
	text-align:center;
	background: #EFEFEF;
	font-weight: bold;
	padding: 3px 0px 2px;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box div.mainte-list-box div.mainte-list-desc p{
	float:right;
	width:560px;
	padding: 2px 0px 2px;
	text-align:left;
	line-height: 140%;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box div.mainte-list-box div.txt-body{
	clear: both;
	width:652px;
	padding: 11px 0px 2px;
	margin: 8px 0px 0px;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left top;
}
div#container div#contents-body div#mainte-body div.mainte-desc-box div.mainte-list-box div.txt-body p{
	line-height: 120%;
}
div#container div#contents-body div#mainte-body p#no-entry{
	padding: 100px 0px 100px;
	border: 1px solid #CCCCCC;
	text-align:center;
}



