@charset "shift_jis";

/* ---================================================================================================================= 共通スタイル */
*{
	margin: 0;
	padding: 0;
}

body{
	color: white;
	font-size: 15px;
	background-color: #181833;
	line-height: 1.3em;
}

h1,h2,h3,h4,h5,h6{
	font-size: 17px;
}

span.cl{
	display: block;
	clear: both;
	font-size: 0px;
}

div#body{
	padding: 15px 20px 10px;
	font-size: 95%;
}

table{
	font-size: 100%;
	border-collapse: collapse;
}

th,td{
	text-align: left;
	vertical-align: top;
}

img{
	border: none;
}

a{
	color: white;
	font-weight: bold;
}

a:hover{
	color: yellow;
	font-weight: bold;
}

span.none{
	display: none;
}

/* ---================================================================================================================= 利用方法のページスタイル */
div.play{
}

div.play ol{
	padding: 20px 30px;
	list-style-position: outside;
}

div.play li{
	padding: 5px 0px 50px 0px;
	background: url(./img/contents/use.gif) no-repeat center bottom;
}

div.play h1{
	height: 45px;
}

div.play h1.play1{
	background: url(./img/contents/play1.jpg) no-repeat left top;
}

div.play h1.play2{
	background: url(./img/contents/play2.jpg) no-repeat left top;
}

div.play h1.play3{
	background: url(./img/contents/play3.jpg) no-repeat left top;
}

div.play h1.play4{
	background: url(./img/contents/play4.jpg) no-repeat left top;
}

div.play h1.play5{
	background: url(./img/contents/play5.jpg) no-repeat left top;
}

p.play{
	padding: 0 30px 0 30px;
	color: #ffff00;
	background: url(./img/contents/nao.gif) no-repeat left top;
}

ol.play img{
	display: block;
	float: left;
	margin: 10px;
}

ol.play span{
	color: ff0099;
	font-weight: bold;
}

p.playBottom{
	margin: 0px 40px 0 0;
	text-align: center;
}

/* ---================================================================================================================= サービスポイントのページスタイル */
div.service h1{
	height: 45px;
	background: url(./img/contents/service.jpg) no-repeat left top;
}

div.ser{
}

div.ser h2{
	margin: 10px;
	padding: 7px 0 10px 22px;
	background: url(./img/contents/h2ser.jpg) no-repeat left top;
}

div.ser p.ser{
	padding: 0 40px 10px 20px;
}

div.ser p.use{
	padding: 5px 40px 10px 20px;
	text-align: right;
}

table.ser{
	margin: 10px 0 10px 30px;
}

table.ser th{
	padding: 5px 10px 5px 10px;
	background: #555555;
	border: 1px #181833 solid;
}

table.ser td{
	padding: 5px 20px 5px 10px;
}

tr.ser td{
	background: #dedede;
	color: #333333;
	border: 1px #181833 solid;
}

tr.ser1 td{
	background: #ffffff;
	color: #333333;
	border: 1px #181833 solid;
}

div.serP{
	margin: 0 0 30px 0;
	text-align: center;
}

table.serP{
	margin: 0 auto;
	font-size: 95%;
}

table.serP th{
	padding: 5px;
	text-align: right;
	background: #555555;
	border: 1px #181833 solid;
}

table.serP td{
	color: #333333;
	padding: 5px 10px 5px 5px;
	text-align: right;
	background: #ffffff;
	border: 1px #181833 solid;
}

table.serP tr.top th{
	text-align: center;
}

table.serP td.center{
	text-align: center;
}

table.serP td.bottom{
	color: yellow;
	background: #555555;
}



/* ---================================================================================================================= プリペ販売店のページスタイル */
div.pripe h1{
	height: 45px;
	background: url(./img/contents/pripe.jpg) no-repeat left top;
}

div.pripe h2{
	margin: 10px;
	padding: 7px 0 10px 22px;
	background: url(./img/contents/h2.jpg) no-repeat left top;
}

div.pripe p{
	margin: 10px;
	line-height: 1.8em;
}

div.pripe form{
	margin: 20px 30px;
}

div.pripe table{
	height: 30px;
}

div.pripe td{
	padding: 3px;
}

div.pripe select{
	margin: 0 5px;
	width: 120px;
	font-size: 15px;
	border: 1px white solid;
}

div.pripe input.address{
	padding: 3px;
	width: 150px;
	height: 22px;
	border: none;
}

div.pripe input.sub{
	border: none;
}

div.shop{
	margin: 10px;
	line-height: 1.8em;
}
div.shop p{
	margin: 10px 0;
	padding: 5px 10px 15px 10px;
	line-height: 1.5em;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px #272753 solid;
}

p.page{
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

table.shop{
	margin: 5px 0 20px 20px;
}

table.shop th{
	padding: 5px;
	width: 80px;
	font-weight: normal;
	background: #555555;
	border: 1px #181834 solid;
}

table.shop td{
	padding: 5px;
	width: 350px;
	color: #333333;
	background: #ededed;
	border: 1px #181834 solid;
}


/* ---================================================================================================================= 電子マネーのページスタイル */
div.money h1{
	height: 45px;
	background: url(./img/contents/money.jpg) no-repeat left top;
}

div.money h2{
	margin: 10px;
	padding: 7px 0 10px 22px;
	background: url(./img/contents/h2.jpg) no-repeat left top;
}

div.money p{
	margin: 10px;
}

div.money table{
	margin: 0 10px 20px;
}

div.money th{
	padding: 15px 5px 15px 5px;
	text-align: center;
	background: #333333;
}

div.money td.name{
	padding: 15px 5px 5px;
	background: #555555;
	border-top: 1px #181834 solid;
	border-left: 1px #181834 solid;
	border-right: 1px #181834 solid;
	border-bottom: 1px #555555 solid;
	text-align: center;
}

div.money td.img{
	padding: 5px 5px 15px;
	background: #555555;
	border-top: 1px #555555 solid;
	border-left: 1px #181834 solid;
	border-right: 1px #181834 solid;
	border-bottom: 1px #181834 solid;
	text-align: center;
}


/* ---================================================================================================================= クレジットカードのページスタイル */
div.credit h1{
	height: 45px;
	background: url(./img/contents/credit.jpg) no-repeat left top;
}

div.credit p{
	margin: 10px;
}

div.credit form{
	float: left;
	padding: 5px;
}

table.credit{
	margin: 10px;
}

table.credit input{
	width: 102px;
	height: 27px;
	color: white;
	background: url(./img/contents/inputBg.gif) no-repeat left top;
	border: none;
	cursor: pointer;
}

table.credit input:hover{
	background: url(./img/contents/inputBg2.gif) no-repeat left top;
}


table.credit th{
	padding: 5px;
	width: 80px;
	vertical-align: middle;
	background: #555555;
	border: 1px #181834 solid;
}

table.credit td{
	padding: 5px 0 5px 5px;
	background: #dddddd;
	border: 1px #181834 solid;
}

/* ---================================================================================================================= 銀行振込のページスタイル */
div.bank h1{
	height: 45px;
	background: url(./img/contents/bank.jpg) no-repeat left top;
}

div.bank p{
	margin: 10px;
}

table.bank{
	font-size: 13px;
}

div.center h2{
	margin: 10px;
	padding: 7px 0 10px 22px;
}

table.bank th{
	padding: 40px 0 13px 20px;
	font-size: 15px;
	text-align: left;
	background: url(./img/contents/th.jpg) no-repeat left bottom;
}

table.bank td{
	padding: 3px;
	border: 1px #181834 solid;
}


td.white{
	color: #300000;
	background: #ededed;
}

td.gray{
	color: black;
	background: #ffffff;
}


td.bank1{
	width: 100px;	background: #555555;	border: 1px 181834 solid;
}

td.bank2{
	width: 110px;	background: #555555;	border: 1px 181834 solid;
}

td.bank3{
	width: 80px;	background: #555555;	border: 1px 181834 solid;
}

td.bank4{
	width: 50px;	background: #555555;	border: 1px 181834 solid;
}

td.bank5{
	width: 30px;	background: #555555;	border: 1px 181834 solid;
}

td.bank6{
	width: 70px;	background: #555555;	border: 1px 181834 solid;
}


/* ---================================================================================================================= センター番号のページスタイル */
div.center h1{
	height: 45px;
	background: url(./img/contents/center.jpg) no-repeat left top;
}

div.center h2{
	margin: 10px;
	padding: 7px 0 10px 22px;
	background: url(./img/contents/h2.jpg) no-repeat left top;
}

div.center p{
	padding: 0 10px;
}

div.center img{
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

p.center{
	padding: 20px 0 0 0;
	text-align: right;
}

/* ---================================================================================================================= トップページのページスタイル */
div.eye{
	margin: 10px 0;
	padding: 10px 0;
	border: 1px red solid
}