@charset "euc-jp";
/* CSS Document */

/* Reset
=======================================*/

* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	font-family:'£Í£Ó £Ð¥´¥·¥Ã¥¯';
}

body {
	font-size: 12px;
}

ul,li {
	padding:0;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold !important;
}

.cont_box{
	width: 600px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background: #162350;
}

.header{
	width: 600px;
	height: 500px;
	margin: 0 auto;
	padding: 0 0;
	text-align: left;
	color: #fff;
	background:url(/dol/live_event/image/130806/header.jpg) top center;
}


.info_box{
	width: 540px;
	height: auto;
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
	color: #fff;
	background:url(/dol/live_event/image/130806/info_center.jpg) top center;
}

.title{
	font-size:16px;
	color: #ffff00;
	font-family:'¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
	border-bottom: dotted 1px #ffff00;
	margin-bottom: 10px;
}

.no{
	color: #ff8000;
}

.ss_box2{
	width: 450px;
	height: auto;
	margin: 30px 0;
	text-align: center;
	border: solid 3px #fff;
}

.misson_box{
	width: 540px;
	height: auto;
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
	color: #fff;
	background:url(/dol/live_event/image/130806/misson_center.jpg) top center;
}

.missonNo{
	width: 99%;
	color: #fff;
	background: #9f0000;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}

.missonNo2{
	width: 260px;
	color: #fff;
	/* background: #9286ff; */
	border-bottom: solid 1px #fff;
	padding: 0 5px 3px 0;
	margin-bottom: 5px;
}

.missonNo2 strong{
	font-weight: bold;
	color: #ff0000;
}

.left_box{
	width: 270px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 10px 0;
	text-align: left;
	color: #fff;
	float: left;
}

.right_box{
	width: 250px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #fff;
	border: solid 3px #fff;
	float: right;
}

table.item_box td{padding: 5px;}

a:link { color: #00ffff; text-decoration: none;}
a:visited { color: #00ffff; }
a:hover { color: #ffff00; text-decoration: underline;}
a:active { color: #00ffff; }

.btn_misson{
	width: 182px;
	padding: 310px 0 0 410px;
}
.btn_misson a{
	background: url(/dol/live_event/image/130806/btn_misson.png);
	width: 182px;
	height:182px;
	display: block;
}

.btn_misson a:hover{
	background: url(/dol/live_event/image/130806/btn_misson.png) 0px -182px;
}

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




/* Style
=======================================*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}



/* garally1
=======================================*/
.garally {width: 490px; height:366px; margin: 10px auto 0 auto; text-align: center; padding:0 0 0 0;}
.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:#373737 solid 1px; margin-left:5px;}
.garally .controls a:hover { background:#373737; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally div.scroller { width: 490px; height:366px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section {width: 490px; height:366px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}