@charset "Shift_JIS";



/* ################################################### */

/* #                                                 # */

/* #                                                 # */

/* #                コンテンツ用css　                # */

/* #                                                 # */

/* #                                                 # */

/* ################################################### */







/*コンテンツ関連テンプレ

---------------------------------------------------- */



#Contents {

	background-image: url(../img/common/bg_contents2.gif);

	background-repeat: repeat-y;

	background-position: left top;

}

#Contents #Right-contents h1 .h1txt {

	float:left;

}



#Contents #Right-contents h1 .h1logo {

	float:right;

	padding:3px 10px 0 0;

}

h4 {

}

#LeftNavi .bnr_paybanar {

	width:210px;

	padding:10px 5px;

}

/* IE6専用ハック \*/

*html #LeftNavi .bnr_paybanar {

	width:220px;

}

/* IE6専用ハック */



/* mem_payment/index.html

---------------------------------------------------- */

#Right-contents .payment-type {

	float:left;

	width:65px;

	padding:10px 0 10px 20px;

}



#Right-contents .online-img {

	margin:20px auto 10px auto;

	text-align:center;

}



#Right-contents .online-ico {

	margin:0 5px 0 5px;

	vertical-align:middle;

}

/* IE6専用 \*/

*html #Right-contents .payment-type {

	width:85px;

}

/* IE6専用 */

#Right-contents .type-link {

	float:left;

	margin:0;

	padding:20px 0 0 0;

}



/* mem_payment/mobile_au.html

---------------------------------------------------- */

#Contents #Right-contents .h1-box {

	width:703px;

	border-bottom:2px solid #A1A1A1;

	background-image: url(../img/common/ico_h1.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding:3px 0 0 22px;

}

/* No Mac IE \*/

*html #Contents #Right-contents .h1-box {

	width:725px;

}

/* No Mac IE */

#Contents #Right-contents .h1-box h1.h1txt {

	width:580px;

	float:left;

	background:none;

	padding:1px 0 2px 0;

	border:0;

}

#Contents #Right-contents .h1-box h1.soft {

	width:555px;

}

#Contents #Right-contents .h1-box .h1logo {

	float:right;

	padding-right:8px;

}

#Right-contents .height {

	height:65px;

}

/* IE6専用ハック \*/

*html #Right-contents .height {

	height:80px;

}

/* IE6専用ハック */

#Right-contents .payment-image {

	width:52px;

	float:left;

	padding:0 0 0 15px;

}

/* IE6専用ハック \*/

*html #Right-contents .payment-image {

	width:67px;

}

/* IE6専用ハック */

#Right-contents p.payment-txt {

	float:right;

	width:625px;

	padding:0 5px 10px 0;

	margin:0;

}

/* IE6専用ハック \*/

*html #Right-contents p.payment-txt {

	width:630px;

}

/* IE6専用ハック */

#Right-contents .vertical {

	vertical-align:bottom;

	margin:12px 0 0 25px;

	padding:0;

}

#Right-contents .vertical .procedure {

	width:450px;

	border:1px solid #999999;

	margin:0;

	padding:0;

}

#Right-contents .vertical .procedure .access {

	width:450px;

	border-bottom:1px solid #999999;

	text-align:center;

	font-size:1.3em;

	background-color:#E4E4E4;

	font-weight:bold;

	padding:4px 0 4px 0;

}

#Right-contents .vertical .procedure ul {

	list-style:none;

	margin:0 0 0 12px;

	padding:10px 0 10px 0;

}

#Right-contents .vertical .procedure ul li {

	padding:0 5px 0 1em;

	line-height:150%;

	text-indent:-1em;

	font-size:1.3em;

}

#Right-contents .vertical .procedure ul li img {

	margin:5px 0 5px 0;

}

#Right-contents .vertical .procedure ul li span {

	font-weight:bold;

}

#Right-contents .alignright {

	text-align:right;

}

#Right-contents .explanation {

	margin:10px 0 0 0;

	padding:0;

}

#Right-contents .explanation p.tel {

	margin-top:5px;

	margin-bottom:3px;

}

#Right-contents .explanation p.tel-no {

	margin-top:0px;

	margin-left:40px;

	padding-left:1.5em;

	text-indent:-1.5em;

	line-height:170%;

}

#Right-contents .explanation p.tel-no2 {

	margin-top:7px;

	padding-left:8.5em;

	text-indent:-7.1em;

	line-height:100%;

}

#Right-contents .explanation p.tel-no3 {

	margin-top:0px;

	padding-left:7em;

	text-indent:-5.1em;

	line-height:170%;

}



#Right-contents dl.online {

	margin:0 0 0 43px;


}

#Right-contents dl.exis {

	margin-top:10px;

}

#Right-contents dl.online dt {

	float:left;

	width:138px;

	text-align:center;

}

#Right-contents dl.online dd {

	float:left;

	width:38px;

	padding-top:68px;

	text-align:center;

}

#Right-contents dl.online dt p {

	margin:5px 0;

	text-align:left;

	line-height:120%;

	padding-left:0.6em;

	text-indent:-0.6em;

}



/* mem_payment/gas_tokyo.html テーブル用

---------------------------------------------------- */



#Right-contents .explanation table.procedure-box {

	margin:0 0 0 25px;

}

#Right-contents .explanation table.procedure-box td {

	border:1px solid #999999;

	border-collapse: collapse;

	vertical-align:top;

}

#Right-contents .explanation .procedure2 {

	padding:0 5px 15px 5px;

	width:200px;

}

#Right-contents .explanation .procedure3 {

	margin:0;

	padding:0 5px 15px 5px;

	width:300px;

}

#Right-contents .explanation .procedure2 p.tel,

#Right-contents .explanation .procedure3 p.tel {

	margin-left:0;

	margin-top:5px;

	margin-bottom:3px;

	font-size:13px;

}

#Right-contents .explanation .procedure2 p.tel-no,

#Right-contents .explanation .procedure3 p.tel-no {

	margin-top:5px;

	line-height:170%;

	font-size:13px;

	margin-bottom:0;

	margin-left:0;

	padding-left:1em;

	text-indent:-1em;

}

#Right-contents .explanation .procedure2 p.tel-no span,

#Right-contents .explanation .procedure3 p.tel-no span {

	font-weight:bold;

	font-size:1.5em;

}



#Right-contents .explanation .procedure2 p.tel-rice,

#Right-contents .explanation .procedure3 p.tel-rice {

	margin-top:0;

	margin-bottom:0;

	margin-left:0;

	padding-left:2em;

	text-indent:-1em;

	font-size:13px;

}



/* mem_payment/newspaper_sankei.html キャンペーン用

---------------------------------------------------- */

#Right-contents .cp-area {

	width:660px;

	border:1px solid #999999;

	text-align:left;

	padding:10px 0 10px 0;

	margin-left:25px;

}

#Right-contents .cp-area p {

	line-height:110%;

}

#Right-contents .cp-area p.cp-ttlarea {

	margin:5px 0 10px 25px;

}

#Right-contents .cp-area p.cp-ttlarea img {

	vertical-align:middle;

	margin:0 10px 2px 0;

}

#Right-contents .cp-area p.cp-txt {

	margin:5px 0 0 45px;

}

#Right-contents .cp-area .atten-area {

	width:590px;

	text-align:left;

	background-color:#F5F5F5;

	margin:10px 30px 10px 45px;

	padding:5px;

}

/* No Mac IE \*/

*html #Right-contents .cp-area .atten-area {

	width:600px;

}

/* No Mac IE */

#Right-contents .cp-area .atten-area p {

	margin:5px;

}



/* No Mac IE \*/

/* No Mac IE */