@charset 'Shift_JIS';

/* クレジットカード */
table#index-table02 {
	width: 585px;
}
table#index-table02 tr {

}
table#index-table02 th {
	width: 583px;
	background-image: url(../../img/shared/frame_content/box_title_d1_bottom.gif);
	background-position: bottom;
	vertical-align: top;
}
table#index-table02 th div {
	background-image: url(../../img/shared/frame_content/box_title_d1_top.gif);
	background-repeat: no-repeat; 
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	color: #304981;
	font-weight: bold;
	text-align: left;
}
table#index-table02 th div span {
	font-size: 10px;
	line-height: 14px;
	font-weight:  normal;
}

table#index-table02 td {
	width: 583px;
	background-image: url(../../img/shared/frame_content/box_stg_d1_bottom.gif);
	background-position: bottom;
}
table#index-table02 td div {
	background-image: url(../../img/shared/frame_content/box_stg_d1_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 5px 7px 5px 7px;
	line-height: 16px;
}

table#index-table02 ul {
	
}
table#index-table02 li {
	float: left;
	margin-left: 20px;
}
table#index-table02 li.first-child {
	margin-left: 0;
}



/* チャージできる金額 */
table#index-table01 {
	width: 585px;
}
table#index-table01 tr {

}
table#index-table01 th {
	width: 142px;
	background-image: url(../../img/shared/content_charge/index_table_th_bottom.gif);
	background-position: bottom;
	vertical-align: top;
	font-weight: normal;
}
table#index-table01 th div {
	background-image: url(../../img/shared/content_charge/index_table_th_top.gif);
	background-repeat: no-repeat; 
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	text-align: left;
}
table#index-table01 th.table-title {
	width: 583px;
	background-image: url(../../img/shared/frame_content/box_title_d1_bottom.gif);
	background-position: bottom;
	vertical-align: top;
}
table#index-table01 th.table-title div {
	background-image: url(../../img/shared/frame_content/box_title_d1_top.gif);
	background-repeat: no-repeat; 
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	color: #304981;
	font-weight: bold;
}

table#index-table01 td {
	width: 440px;
	background-image: url(../../img/shared/content_charge/index_table_td_bottom.gif);
	background-position: bottom;
}
table#index-table01 td div {
	background-image: url(../../img/shared/content_charge/index_table_td_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
}

table#index-table01 td span {
	font-size: 10px;
	line-height: 14px;
	color: #e62611;
}
table#index-table01 td i {
	display: block;
	padding-top: 5px;
	font-style: normal;
	font-size: 10px;
	line-height: 14px;
	color: #656464;
}

/* キャプション */
dl#index-caption {
	width: 582px;
	margin: 5px 0 10px 10px;
	font-size: 10px;
	line-height: 14px;
}
dl#index-caption dt {
	width: 25px;
	padding-top: 5px;
	float: left;
	color: #e62611;
}
dl#index-caption dd {
	width: 557px;
	padding-top: 5px;
	float: left;
	color: #656464;
}

div#index-box01 {
	margin: 2px 0 0 5px;
}
div#index-box01 p {
	margin-top: 8px;
	padding: 0;
	font-weight: bold;
	color: #e62611;
}
div#index-box01 div {
	margin-top: 10px;
	padding: 0;
}
div#index-box01 ol {
	margin-top: 6px;
	padding-left: 1px;
}
div#index-box01 ol li {

}
div#index-box01 ol li img {
	vertical-align: middle;
}
div#index-box01 ol li span {
	margin-left: 5px;
}
div#index-box01 ul {
	padding-left: 20px;
	padding-bottom: 3px;
}
div#index-box01 ul li {
	margin-top: 4px;
	font-size: 10px;
	line-height: 14px;
	color: #656464;
	text-indent: -1em;
	padding-left: 1em;
}
div#index-box01 ul li.first-child {
	margin-top: 0;
}
/* チャージ方法 */
div#charge-box01{
	margin-left: 5px;
}

#charge-box01 .charge_left{
	width: 288px;
	float: left;
	margin-top: 10px;
}

div#charge-box01 .charge_right{
	width: 288px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
div#charge-box01 ul{
	margin-top: 20px;
}
div#charge-box01 li{
	line-height: 18px;
}
div#body-left-area .charge-conv{
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div#body-left-area .charge-conv .left{
	width: 110px;
	float: left;
	margin-top: 10px;
}
div#body-left-area .charge-conv .right{
	width: 467px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
div#body-left-area .charge-conv .right h4{
	color: #005198;
	margin-top: 0px;
	font-size: 12px;
}

/* 本人認証 */
table#index-table03 {
	width: 585px;
}
table#index-table03 tr {

}
table#index-table03 th {
	width: 290px;
	background-image: url(../../img/shared/content_charge/index_table_td_bottom.gif);
	background-position: bottom;
	vertical-align: top;
	font-weight: normal;
}
table#index-table03 th div {
	background-image: url(../../img/shared/content_charge/index_table_td_top.gif);
	background-repeat: no-repeat; 
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	text-align: left;
}
table#index-table03 th.table-title {
	width: 290px;
	background-image: url(../../img/shared/frame_content/box_title_d1_bottom.gif);
	background-position: bottom;
	vertical-align: top;
}
table#index-table03 th.table-title div {
	background-image: url(../../img/shared/frame_content/box_title_d1_top.gif);
	background-repeat: no-repeat; 
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	color: #304981;
	font-weight: bold;
}

table#index-table03 td {
	width: 290px;
	background-image: url(../../img/shared/content_charge/index_table_td_bottom.gif);
	background-position: bottom;
}
table#index-table03 td div {
	background-image: url(../../img/shared/content_charge/index_table_td_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
}

table#index-table03 td span {
	font-size: 10px;
	line-height: 14px;
	color: #e62611;
}
table#index-table03 td i {
	display: block;
	padding-top: 5px;
	font-style: normal;
	font-size: 10px;
	line-height: 14px;
	color: #656464;
}

/* 本人認証対応カード会社 */
table#index-table04 {
	width: 585px;
	font-size:12px;
}
table#index-table04 tr {

}
table#index-table04 th.01 {
	width: 220px;
	background-image: url(../../img/shared/content_charge/index_table_td_bottom.gif);
	background-position: bottom;
	vertical-align: top;
	font-weight: normal;
}
table#index-table04 th.02 {
	width: 360px;
	background-image: url(../../img/shared/content_charge/index_table_td_bottom.gif);
	background-position: bottom;
	vertical-align: top;
	font-weight: normal;
}
table#index-table04 th div {
	background-image: url(../../img/shared/frame_content/box_title_d1_top.gif);
	background-repeat: no-repeat; 
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	color: #304981;
	font-weight: bold;
	text-align: left;
}
table#index-table04 th.table-title {

}
table#index-table04 th.1maintable-title {

	background-color:#CEF6FD;
}

table#index-table04 td.maintable-title div {
	width:570px;
	background-color::#CEF6FD;
	padding: 0 7px 4px 7px;
	line-height: 16px;
	color: #304981;
	font-weight: bold;
	text-align:center;
}
table#index-table04 th.table-title div {
	background-image: url(../../img/shared/frame_content/box_title_d1_top.gif);
	background-color:#FFF7B1;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	color: #304981;
	font-weight: bold;
	text-align:center;
}
table#index-table04 th.table-title2 {
	width: 582px;
	background-image: url(../../img/shared/frame_content/box_title_d3_bottom.gif);
	background-position: bottom;
	vertical-align: top;
}
table#index-table04 th.table-title2 div {
	background-image: url(../../img/shared/frame_content/box_title_d3_top.gif);
	background-repeat: no-repeat; 
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
	color: #304981;
	font-weight: bold;
	text-align:center;
}
table#index-table04 td.table-tit {
	width: 220px;
	background-image: url(../../img/shared/content_charge/index_table_td_bottom.gif);
	background-position: bottom;
}
table#index-table04 td.table-tit div {
	background-image: url(../../img/shared/content_charge/index_table_td_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
}
table#index-table04 td.table-con {
	width: 360px;
	background-image: url(../../img/shared/content_charge/index_table_td_bottom.gif);
	background-position: bottom;
}
table#index-table04 td.table-con div {
	background-image: url(../../img/shared/content_charge/index_table_td_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 3px 7px 4px 7px;
	line-height: 16px;
}

table#index-table04 td span {
	font-size: 10px;
	line-height: 14px;
	color: #e62611;
}
table#index-table04 td i {
	display: block;
	padding-top: 5px;
	font-style: normal;
	font-size: 10px;
	line-height: 14px;
	color: #656464;
}
table#index-table05 {
	width: 585px;
	font-size:12px;
}
table#index-table05 th{
	color: ##304981;
	background-color: #FFF7B1;
	text-align: center;
}
table#index-table05 td{
	background-color: #ffffff;
}
table#index-table05 p{
	line-height: 21px;
}
table#index-table05 .back{
	background-color: #ECF5FF;
}
table#index-table05 h4{
	font-weight: bold;
	margin-top: 0px;
	color: #666666;
}
/* ローソン */
div#body-left-area #box {
	background-image: url(../../img/shared/content_charge/conv/waku02.gif);
	background-repeat: repeat-y;
	float: left;
	width: 587px;
	background-position: top;
	margin-left: 5px;
	margin-top: 10px;
}
div#body-left-area #box_inner {
	background-image: url(../../img/shared/content_charge/conv/waku01.gif);
	background-repeat: no-repeat;
	height: 8px;
	width: 587px;
}



div#body-left-area #box li {
	list-style-type: none;
	background-image: url(../../img/shared/content_charge/conv/maru.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-left: 20px;
	line-height: 20px;
	padding-right: 10px;
}


div#body-left-area p.print{
	text-align:right;
	padding-left: -10px;
}
div#body-left-area #charge_box {
	background-color: #FFFFCC;
	border: 2px solid #FF9900;
	margin-top: 15px;
	width: 562px;
	margin-left: 5px;
	padding: 10px;
}
div#body-left-area #charge_box p {
	font-size: 15px;
	font-weight: bold;
	color: #FF6600;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div#body-left-area .charge_box1 {
	border: 2px solid #ff9900;
	margin-top: 15px;
	width: 562px;
	margin-left: 5px;
	padding: 10px;
}
div#body-left-area .charge_box1 p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div#body-left-area #shiharai {
	width: 400px;
	margin-left: 15px;
	margin-top: 10px;
	float: left;
}

div#body-left-area p.print a{

}

.all-clear {
	clear: both;
}
div#body-left-area .nagare{
	margin-left: 5px;
	margin-top: 15px;
}

div#body-left-area .nagare .box{
	width: 177px;
	border: 1px solid #cdc9c3;
	float: left;
	padding: 5px;
	height: 175px;
	margin-right: 10px;
}

div#body-left-area .nagare p{
	font-size: 10px;
	line-height: 14px;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}
/* クレジットカード */
#card_box {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#card_box img {
	margin-right: 20px;
}
#card_box li {
	background-image: url(../../img/shared/content_charge/card/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 1em;
	line-height: 1.5;
	padding-left: 10px;
	margin-left: 10px;
	padding-top: 4px;
}
#card_box ul {
	margin-bottom: 20px;
}
.table-01 {
	width: 585px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: 5px;
	margin-top: 15px;
}
.table-01 td {
	padding: 3px;
	border: 1px #cccccc solid;
	border-width: 0 0 1px 1px;
}
.table-01 th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #DAE9F8;
	color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.first{
	border-right-style: none;
}
dl.type dt {
	clear: left;
	float: left;
	width: 5em;
	border-left: solid 8px #8DC6FA;
	padding-left: 5px;
	color: #FF0000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 10px;
	font-weight: bold;
}

dl.type dd {
	margin-bottom: 0.2em;
	margin-left: 7em;
}
.red_b {
	font-weight: bold;
	color: #FF0000;
}
#pass_01{
	float: left;
	width: 180px;
}
#pass_02{
	float: left;
	margin-left: 23px;
	width: 180px;
}
#pass_03{
	float: left;
	margin-left: 23px;
	width: 180px;
}