@charset "EUC-JP";   /*   文字コード   */

#contentsBox{
	width: 730px;
	margin: 10px auto;
	text-align: center;
	background:url(/dol/service/option/img/main_back.jpg) top center repeat-y;
}


.graybox{
	width: 693px;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	background:url(/dol/service/option/img/graybox_center.jpg) top center repeat-y;
}

.redbox{
	width: 693px;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	background:url(/dol/service/option/img/redbox_center.jpg) top center repeat-y;
}

.title_box{
	width: 683px;
	height: 50px;
	margin: 0 auto;
	padding: 12px 0 0 10px;
	background:url(/dol/service/images/serial_number/cont_top.jpg) top center no-repeat;
}

.new{
	background:url(/dol/service/images/serial_number/cont_top_new.jpg) top center no-repeat;
}

.textbox{
	width: 660px;
	text-align: left;
	padding: 7px 5px 5px 5px;
	margin: 0 auto;
	line-height: 1.5;
}

table.date_box{width: 100%; border-spacing:0;}
table.date_box tr{background:#faf6f3;}
table.date_box th.title{padding: 5px 5px 5px 8px; background:#93a7e1; color: #000; border-bottom: solid 2px #f9faf7; border-right: solid 2px #f9faf7; width: 75px; background:#1e316c; color: #fff;}
table.date_box td{padding: 5px 5px 5px 8px; background:#93a7e1; color: #000; border-bottom: solid 2px #f9faf7;}



.lead{
	width: 370px;
	margin: 0 auto 10px auto;
	text-align: left;
	line-height: 1.2;
	font-size: 10px;
}


/* garally1
=======================================*/
.garally {width: 370px; height:278px; margin: 0 auto 0 auto; text-align: center; padding:0 0 0 0; border: solid 5px #fff;}
.garally .g_cont {}
.garally .controls { margin-top:-30px; margin-left:10px;}
.garally .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally div.scroller { width: 370px; height:278px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section {width: 370px; height:278px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}





.atBox{
	width: 640px;
	text-align: left;
	padding: 10px;
	margin: 0 auto;
	line-height: 1.5;
	background: #eeeeee;
	border: solid 1px #0c0c0c;
}

.at{
	color: #008000;
	line-height: 1;
	padding-top: 10px;
	font-size: 95%;
}

.atBox2{
	width: 650px;
	text-align: left;
	padding: 5px;
	margin: 5px auto;
	line-height: 1.2;
	background: #ffff80;
	border: solid 1px #0c0c0c;
}

strong{
	font-weight: bold;
}


.mini_title{
	width: 98%;
	padding-left: 5px;
	padding-bottom: 2px;
	border-left: solid 5px #800000;
	border-bottom: solid 1px #800000;
	margin-bottom: 5px;
	font-weight: bold;
}

.mini_title2{
	width: 98%;
	padding-left: 5px;
	padding-bottom: 2px;
	border-left: solid 5px #000080;
	border-bottom: solid 1px #000080;
	margin-bottom: 5px;
	font-weight: bold;
}

.btnBox{
	width: 440px;
	margin: 0 auto;
	text-align: center;
}

.btnBox a{
	background: url(/dol/service/images/serial_number/btn_shop.jpg);
	width: 440px;
	height: 50px;
	display: block;
	margin: 10px 0;
}

.btnBox a:hover{
	background: url(/dol/service/images/serial_number/btn_shop.jpg) 0px -50px;
}

.btnBox strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


.top_up{
	width: 650px;
	height: auto;
	margin: 5px auto 0 auto;
	padding: 5px 0 0 0;
	text-align: left;
	border-top: dotted 1px #000;
}


.red{
	color: #ff0000;
}