strong{ font-weight: bold;}

.index_header{
	width: 700px;
	height: 400px;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px #000; */
	padding: 0;
	background:url(/dol/2nd_age/img/index/index_header.jpg) top center no-repeat;
}

.index_info_box{
	width: 700px;
	height: 180px;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px #000; */
	padding: 0 0 0 0;
	background:url(/dol/2nd_age/img/index/index_info_box.jpg) top center no-repeat;
}

.cont_box{
	width: 680px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px #000; */
	padding: 0 0 20px 20px;
	color: #fff;
	background:url(/dol/2nd_age/img/index/main_bg.jpg) #21439a top center no-repeat;
}

.index_left_box{
	width: 235px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px #fff; */
	float: left;
	padding-top: 20px;
}


.index_right_box{
	width: 420px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px #fff; */
	float: left;
	padding-top: 20px;
}

.all_at{
	width: 660px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	color: #000;
}
/* all event
============================================================================  */

.event_cont_box_top{
	height: auto;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/2nd_age/img/cp1/index/cp1_ev_cont_bg.jpg) top center no-repeat;
}






/* index btn
============================================================================  */
.sub_btn{ padding-bottom: 10px;}
.sub_btn a{ width: 217px; height: 36px; display: block;}
.sub_btn a:hover{ background-position: 0 -36px;}
.sub_btn strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

.sb01 a{background: url(/dol/2nd_age/img/index/sub_btn01.jpg);}
.sb02 a{background: url(/dol/2nd_age/img/index/sub_btn02.jpg);}
.sb03 a{background: url(/dol/2nd_age/img/index/sub_btn03.jpg);}
.sb04 a{background: url(/dol/2nd_age/img/index/sub_btn04.jpg);}
.sb05 a{background: url(/dol/2nd_age/img/index/sub_btn05.jpg);}
.sb06 a{background: url(/dol/2nd_age/img/index/sub_btn06.jpg);}
.sb07 a{background: url(/dol/2nd_age/img/index/sub_btn07.jpg);}

.main_btn{ padding-bottom: 10px;}
.main_btn a{ width: 417px; height: 117px; display: block;}
.main_btn a:hover{ background-position: 0 -117px;}
.main_btn strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

.main01 a{background: url(/dol/2nd_age/img/index/main_btn01.jpg);}
.main02 a{background: url(/dol/2nd_age/img/index/main_btn02.jpg);}
.main03 a{background: url(/dol/2nd_age/img/index/main_btn03.jpg);}
.main04 a{background: url(/dol/2nd_age/img/index/main_btn04.jpg);}

#info_btn{width: 210px; padding: 30px  0 0 15px;}
#info_btn a{ background: url(/dol/2nd_age/img/index/info_btn.png); width: 210px; height: 118px; display: block;}
#info_btn a:hover{ background: url(/dol/2nd_age/img/index/info_btn.png) 0px -118px;}
#info_btn strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

#prologue_btn{width: 190px; padding: 15px  0 0 500px;}
#prologue_btn a{ background: url(/dol/2nd_age/img/index/btn_prologue.gif); width: 190px; height: 32px; display: block;}
#prologue_btn a:hover{ background: url(/dol/2nd_age/img/index/btn_prologue.gif) 0px -32px;}
#prologue_btn strong{ position: absolute; width: 0; height: 0; overflow: hidden;}




/* cp1 btn
------------------------------------------------------------------------------------------ */
#cp1_btnbg{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/2nd_age/img/cp1/index/menu_bg.jpg) top center no-repeat;
}

#cp1_btnBox{ width: 620px; height: auto; margin: 0 auto; text-align: center;}
#cp1_btnBox div{ width: 620px; 	height: 100px; margin-top: -20px;}
#cp1_btnBox a{ width: 620px; height: 100px; display: block; background-position:center bottom;}
#cp1_btnBox a:hover{ background-position: 0 -36px; height: 100px; background-position:center bottom;}
#cp1_btnBox strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.margin0{margin-top: 0 !important;}


/*
#cp1_btn01 a{ background: url(/dol/2nd_age/img/cp1/index/btn01.gif) no-repeat;}
#cp1_btn02 a{ background: url(/dol/2nd_age/img/cp1/index/btn02.gif) no-repeat;}
#cp1_btn03 a{ background: url(/dol/2nd_age/img/cp1/index/btn03.gif) no-repeat;}
#cp1_btn04 a{ background: url(/dol/2nd_age/img/cp1/index/btn04.gif) no-repeat;}

*/

#cp1_btn01 a{ background: url(/dol/2nd_age/img/cp1/index/btn01.png) no-repeat;}
#cp1_btn02 a{ background: url(/dol/2nd_age/img/cp1/index/btn02.png) no-repeat;}
#cp1_btn03 a{ background: url(/dol/2nd_age/img/cp1/index/btn03.png) no-repeat;}
#cp1_btn04 a{ background: url(/dol/2nd_age/img/cp1/index/btn04.png) no-repeat;}
#cp1_btn05 a{ background: url(/dol/2nd_age/img/cp1/index/btn05.png) no-repeat;}

/* cp2 btn
------------------------------------------------------------------------------------------ */
#cp2_btnbg{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	background:url(/dol/2nd_age/img/cp2/index/menu_bg.jpg) top center no-repeat;
}

#cp2_btnBox{ width: 620px; height: auto; margin: 0 auto; text-align: center;}
#cp2_btnBox div{ width: 620px; 	height: 50px; padding-bottom: 10px;}
#cp2_btnBox a{ width: 620px; height: 50px; display: block; background-position:center bottom;}
#cp2_btnBox a:hover{ background-position: 0 -50px; height: 50px; background-position:center bottom;}
#cp2_btnBox strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.margin10{margin-top: 10 !important;}

#cp2_btn01 a{ background: url(/dol/2nd_age/img/cp2/index/btn01.png) no-repeat;}
#cp2_btn02 a{ background: url(/dol/2nd_age/img/cp2/index/btn02.png) no-repeat;}
#han_cp2_btn02 a{ background: url(/dol/2nd_age/img/cp2/index/han_btn02.png) no-repeat;}


/* cp3 btn
------------------------------------------------------------------------------------------ */
#cp3_btnbg{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	background:url(/dol/2nd_age/img/cp3/index/menu_bg.jpg) top center no-repeat;
}

#cp3_btnBox{ width: 620px; height: auto; margin: 0 auto; text-align: center;}
#cp3_btnBox div{ width: 620px; 	height: 50px; padding-bottom: 10px;}
#cp3_btnBox a{ width: 620px; height: 50px; display: block; background-position:center bottom;}
#cp3_btnBox a:hover{ background-position: 0 -50px; height: 50px; background-position:center bottom;}
#cp3_btnBox strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.margin10{margin-top: 10 !important;}

#cp3_btn01 a{ background: url(/dol/2nd_age/img/cp3/index/btn01.png) no-repeat;}
#cp3_btn02 a{ background: url(/dol/2nd_age/img/cp3/index/btn02.png) no-repeat;}
#han_cp2_btn02 a{ background: url(/dol/2nd_age/img/cp2/index/han_btn02.png) no-repeat;}


/* cp4 btn
------------------------------------------------------------------------------------------ */
#cp4_btnbg{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	background:url(/dol/2nd_age/img/cp4/index/menu_bg.jpg) top center no-repeat;
}

#cp4_btnBox{ width: 620px; height: auto; margin: 0 auto; text-align: center;}
#cp4_btnBox div{ width: 620px; 	height: 50px; padding-bottom: 10px;}
#cp4_btnBox a{ width: 620px; height: 50px; display: block; background-position:center bottom;}
#cp4_btnBox a:hover{ background-position: 0 -50px; height: 50px; background-position:center bottom;}
#cp4_btnBox strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.margin10{margin-top: 10 !important;}

#cp4_btn01 a{ background: url(/dol/2nd_age/img/cp4/index/btn01.png) no-repeat;}
#cp4_btn02 a{ background: url(/dol/2nd_age/img/cp4/index/btn02.png) no-repeat;}
#cp4_btn03 a{ background: url(/dol/2nd_age/img/cp4/index/btn03.png) no-repeat;}






/* garally
------------------------------------------------------------------------------------------ */

.garally			{ width:500px; height:430px; margin:0 auto; padding-top:10px; padding-left:10px; text-align:left;}
.g_cont				{}
.controls			{ margin-top:-80px; margin-left:10px;}
.controls a			{ height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.controls a:hover	{ background:#ccc; color:#000;}
div.scroller		{  width:500px; height:430px; overflow: hidden;}
div.scroller div.section { width:500px; height:430px; overflow:hidden; float:left;}
div.scroller div.content { width: 10000px;}

/* garally Short
------------------------------------------------------------------------------------------ */

.garally2					{ width:500px; height:323px; margin:0 auto; padding-top:10px; padding-left:10px; text-align:left;}
.garally2 .g_cont			{}
.garally2 .controls 		{ margin-top:-80px; margin-left:10px;}
.garally2 .controls a 		{ height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally2 .controls a:hover { background:#ccc; color:#000;}
.garally2 div.scroller 		{ width:500px; height:323px; overflow: hidden;}
.garally2 div.scroller div.section {width:500px; height:323px; overflow:hidden; float:left;}
.garally2 div.scroller div.content { width: 10000px;}


/* garally リードなし
------------------------------------------------------------------------------------------ */

.garally3					{ width:500px; height:385px; margin:0 auto; padding-top:10px; padding-left:10px; text-align:left;}
.garally3 .g_cont			{}
.garally3 .controls			{ margin-top:-35px; margin-left:10px;}
.garally3 .controls a		{ height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally3 .controls a:hover	{ background:#ccc; color:#000;}
.garally3 div.scroller		{  width:500px; height:385px; overflow: hidden;}
.garally3 div.scroller div.section { width:500px; height:385px; overflow:hidden; float:left;}
.garally3 div.scroller div.content { width: 10000px;}

/* garally fullサイズ
------------------------------------------------------------------------------------------ */

.garally4					{ width:632px; height:420px; margin:0 auto; text-align:left;}
.garally4 .g_cont			{}
.garally4 .controls			{}/* 個別設定 */
.garally4 .controls a		{}/* 個別設定 */
.garally4 .controls a:hover	{}/* 個別設定 */
.garally4 div.scroller		{  width:632px; height:420px; overflow: hidden;}
.garally4 div.scroller div.section { width:632px; height:420px; overflow:hidden; float:left;}
.garally4 div.scroller div.content { width: 10000px;}



/* cont All
============================================================================  */

.cp_wrapper{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	background:url(/dol/2nd_age/img/index/maincont_bg.jpg);
}

#page_back{
	width: 257px;
	text-align: center;
	margin: 0 0 0 450px;
	/* border: solid 1px #000; */
}






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