@charset "euc-jp";
/* CSS Document */

/* Reset
=======================================*/

* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6;
}

body {
	font-size: 12px;
}

ul,li {
	padding:0;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold !important;
}

table {
	border-collapse:separate;
}


.none {
	display:none;
}

/* Layout
=======================================*/

#Wrapper {
	text-align:center;
	display:block;
	background:url(/dol/live_event/image/110809/content_bg.jpg) repeat-y;
	width: 570px;
	display:block;
	margin-left:48px;
}


#Container {
	width: 570px;
	display:block;
	margin:0 auto;
	text-align:left;
	background:url(/dol/live_event/image/110809/main.jpg) no-repeat;
}

#Header {
	width:570px;
	height:18px;
	text-indent:-9999px;
	background:url(/dol/live_event/image/100817/Header.jpg) top center no-repeat;
}

#Header p {
	display:none;
}



#Main {
	width:570px;
}

#Main h1,h2 { display:none; }

#Main p.read01 {
	display:none;
}


#Main p.txt01 {
}

#Main p.txt01 a {
	color:#fcc;
	text-decoration:underline;
}

#Main p.txt01 a:hover {
	color:#faa;
}


#Contents {
	width:570px;
	display:block;
	text-align:left;
}


#Footer {
	background:url(/dol/live_event/image/100817/Footer.jpg) top center no-repeat;
	height:18px;
}

/* Style
=======================================*/

.clear {
	clear: both;
}


#Cont01 {
	padding-top:615px;
}

#Cont01_inter {
	padding-top:10px;
}

#Cont01_inter p {
	line-height:24px;
}


#Cont01_inter .text01 {
	width:350px;
	padding-left:30px;
	color:#fff;
}






#Cont02 {
}

#Cont02_inter {
}

#Cont02_inter h3{
	display:none;
}


#Cont02_inter p {
	line-height:24px;
}


#Cont02_inter .text01 {
	padding-top:10px;
	color:#fff;
	padding-left:30px;
}










#Cont03 {
	background:url(/dol/live_event/image/110809/gaiyou.jpg) no-repeat;
	color:#fff;
	padding-bottom:20px;
}


#Cont05 {
	background:url(/dol/live_event/image/110809/gaiyou2.jpg) no-repeat;
	color:#fff;
	padding-bottom:20px;
}

#Cont05 h3 {
	height:100px;
	text-indent:-9999px;
}



#Cont03 h3 {
	height:100px;
	text-indent:-9999px;
}

#Cont03_inter {
	padding:10px 60px 0 60px;
	color:#000000;
}

#Cont03_inter .subinter {
	padding-top:15px;
	padding-bottom:2px;
	padding-right:5px;
	margin-top:10px;
	background:#fff;
	border:#ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	background:url(/dol/live_event/image/110809/bg_alpha.png);
}

#Cont03_inter .subinter_s {
	padding-top:15px;
	padding-bottom:2px;
	padding-right:5px;
	margin-top:10px;
	margin-right:120px;
	background:#fff;
	border:#ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	background:url(/dol/live_event/image/110809/bg_alpha.png);
}



#Cont03_inter h4 {
	text-indent:-9999px;
}


#Cont03_inter h4.sub01 {
	background:url(/dol/live_event/image/110809/gaiyou_ttl01.png) top left no-repeat;
	height:46px;
}

#Cont03_inter h4.sub02 {
	background:url(/dol/live_event/image/110809/gaiyou_ttl02.png) top left no-repeat;
	height:46px;
}

#Cont03_inter h4.sub03 {
	background:url(/dol/live_event/image/110809/gaiyou_ttl03.png) top left no-repeat;
	height:46px;
}


#Cont03_inter h5 {
	text-indent:-9999px;
	height:24px;
	margin-right:20px;
}


#Cont03_inter h5.sub03_1 {
	background:url(/dol/live_event/image/110809/gaiyou_ttl01_s01.png) top left no-repeat;
}

#Cont03_inter h5.sub03_2 {
	background:url(/dol/live_event/image/110809/gaiyou_ttl01_s02.png) top left no-repeat;
}

#Cont03_inter h5.sub03_3 {
	background:url(/dol/live_event/image/110809/gaiyou_ttl01_s03.png) top left no-repeat;
}

#Cont03_inter p {
	margin-left:1em;
	margin-bottom:15px;
}


#Cont03_inter .font_s10 {
	font-size:10px;
	margin-bottom:8px;
}

#Cont03 ol {
	margin-left:20px;
}


#Cont03 ol li {
	text-indent:-18px;
	margin-bottom:8px;
	margin-left:1em;
}

#Cont03 ol li strong {
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:5px;
}


#Cont05 ol {
	margin-left:20px;
}


#Cont05 ol li {
	text-indent:-18px;
	margin-bottom:8px;
	margin-left:1em;
}

#Cont05 ol li strong {
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:5px;
}



#Cont04 {
	background:url(/dol/live_event/image/110809/0823.jpg) no-repeat;
	height:70px;
	color:#fff;
}


#gaiyou {
	background:url(/dol/live_event/image/110809/gaiyou_bg.jpg) repeat-y;
}





#Gallary {
	background:url(/dol/live_event/image/110809/gallary.jpg);
	display:block;
	height:450px;
	padding-top:24px;
}



#Gallary2 {
	display:block;
	height:480px;
	padding-left:0px;
	padding-top:5px;
}




#btn_battle a {
	background:url(/dol/live_event/image/110809/btn_battle.png) top left no-repeat;
	width:262px;
	height:192px;
	display:block;
	position:absolute;
	margin-top:135px;
	margin-left:-40px;
}


#btn_battle a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


#bonus {
	border:#F96 solid 1px; background:#fff; padding-top:10px; padding-right:10px; margin:10px;
}

#bonus a {
	text-decoration:underline;
}

#bonus a:hover {
	background:#F33;
}









/*preload classes*/
.svw {width: 24px; height: 24px; margin:10px;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
margin: 0 0 10px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: hidden;
width: 1%;
	height:30px;
}
.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
	text-align:right;
}
.stripTransmitter ul li{
	width:25px;
	float:left;
	margin: 0 3px 1px 0;
	background:#ab0000;
}


.stripTransmitter a{
	font: bold 16px Verdana, Arial;
	text-align: center;
	line-height: 25px;
	color: #eee;
	text-decoration: none;
	display: block;
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;*/
	border:#330000 solid 1px;
	background:-moz-linear-gradient(top, #eaa, #ab0000);
	background:-webkit-gradient(linear, center top, center bottom, from(#eaa), to(#ab0000));
}

.stripTransmitter a:hover,a:active, a.current{
	background: #d60000;
	color: #fff;
}


/** html .stripTransmitter a{
	background:#00abeb;
}
* html .stripTransmitter a:hover,a:active, a.current{
	background: #00d6d6;
	color: #fff;
	text-decoration:underline;
}
*/

/*tooltips formatting*/
.tooltip
{
	display:none;
/*padding: 0.5em;
background: #fff;
color: #000;
*/}

/* garally1
=======================================*/
.garally {width: 512px; height:384px; margin: 0 auto; text-align: center; padding:0 0 0 1px;}
.garally .g_cont {}
.garally .controls {padding-top: 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;}
.garally div.scroller { width: 512px; height:384px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section {width: 512px; height:384px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}

/* garally2
=======================================*/
.garally2 {width: 480px; height:360px; margin: 0 auto; text-align: center; padding:0 0 0 0px; }
.garally2 .g_cont {}
.garally2 .controls {padding-top: 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:#fff; color:#000;}
.garally2 div.scroller { width: 480x; height:360px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally2 div.scroller div.section {width: 480px; height:360px; overflow:hidden; float:left;}
.garally2 div.scroller div.content {width: 10000px;}

