@charset "utf-8";
/* CSS Document */

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

* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

body { 
	font-size: 16px;
	background-color:#17234c;
	 }

ul,li { padding:0; }

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

strong { font-weight: bold !important; }

.txt_b_r { font-weight:bold; color:#900; }

a:link { color:#900; text-decoration: underline;}
a:visited { color: #900; underline;}
a:hover { color:#f00; text-decoration: none;}
a:active { color: #f00; }

.clear { clear: both; }

.note dt { position: relative; }
.note dt span { position: absolute; }
.note dd { padding-left: 1em;}

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


#header{
	width:600px;
	height:462px;
	margin:0 auto;
	background:url(/dol/live_event/image/160315/header.png) top center no-repeat;
	}
	

#leader{
	width:600px;
	height:336px;
	margin:0 auto;
	background:url(/dol/live_event/image/160315/leader.png) top center no-repeat;
	}

#main_box{
	width:600px;
	margin:0 auto;
	background:url(/dol/live_event/image/160315/wall.png) top center;
	}


#c_header{
	width:600px;
	height:64px;
	margin:0 auto;
	background:url(/dol/live_event/image/160315/c_header.png) top center no-repeat;
	}

#c_box{
	width:600px;
	margin:0 auto;
	background:url(/dol/live_event/image/160315/c_wall.png) top center;
	padding-top:10px;
	}

#c_hat{
	width:600px;
	height:255px;
	margin:0 auto;
	background:url(/dol/live_event/image/160315/hat.png) bottom center no-repeat;
	}
	
#c_footer{
	width:600px;
	height:223px;
	margin:0 auto;
	background:url(/dol/live_event/image/160315/c_footer.png) bottom center no-repeat;
	}
	

.txt_box{
	width:530px;
	margin:0 auto;
	padding-bottom:20px;
}

.txt_box02{
	width:530px;
	margin:0 auto;
	padding-bottom:5px;
}


.ss_box{
		width:520px;
	margin:10px auto 0px auto;
}


#s_title01{
	width:395px;
	height:18px;
	margin:0px;
	background:url(/dol/live_event/image/160315/s_title01.png) top center no-repeat;
	}
	
#s_title02{
	width:395px;
	height:18px;
	margin:0px;
	background:url(/dol/live_event/image/160315/s_title02.png) top center no-repeat;
	}
	
#s_title03{
	width:395px;
	height:18px;
	margin:0px;
	background:url(/dol/live_event/image/160315/s_title03.png) top center no-repeat;
	}
	
#s_title04{
	width:395px;
	height:18px;
	margin:0px;
	background:url(/dol/live_event/image/160315/s_title04.png) top center no-repeat;
	}
	
#s_title05{
	width:395px;
	height:18px;
	margin:0px;
	background:url(/dol/live_event/image/160315/s_title05.png) top center no-repeat;
	}
	
/* garally */


.garally {
	margin:0 auto;
	text-align:left;
	width:520px;
	height: 396px;
	position:relative;
}

.garally .fl{
	width:520px;
	height: 396px; 
	background:url(/dol/live_event/image/151020/ss01_f.png);
	position:absolute;
	top:0px;
	left:0px;
	z-index:90;
}
.g_cont {
}

.controls {
	margin-top:-35px;
	margin-left:445px;
}

.controls a {
	height:15px;
	width:15px;
	background:#ae8700;
	border:#fff;
	display:block;
	z-index:1000;
	float:left;
	border:#fff solid 1px;
	margin-left:5px;
}

.controls a:hover {
	background:#ffff8e;
	color:#000;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	height:396px;
	width:520px;
	overflow: hidden;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	height:396px;
	width:520px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}

.l_n { font-weight:bold; color:#946d02; }