@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;
}


/* Layout
=======================================*/
#CenterBox{
	width: 570px;
	margin: 0 auto;
	text-align: center;
}


#Wrapper {
	text-align:center;
	display:block;
}


#Container {
	width: 570px;
	display:block;
	margin:0 auto;
	text-align:left;
}

#infoBox{
	width: 570px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	color: #29220e;
	font-size: 12px;
	background:url(/dol/live_event/image/111018/info_back.jpg) top center;
}

#infoBox p{
	margin: 0;
	padding-bottom: 10px;
}



.infoText{
	width: 470px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
}




.number{
	font-weight: bold;
	font-size: 150%;
	color: #800000;
}

.at{
	width: 390px;
	height: 80px;
	margin: 0 auto;
	text-align: left;
	padding: 0 40px  30px 140px;
	text-align: left;
	font-size: 90%;
	color: #800000;
}



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

.clear {
	clear: both;
}


.LineType1{
	border: dashed 1px #475f4a;
	margin: 5px 0;
	_margin: 0;
	padding:0;
}

*:first-child+html .LineType1{
	border: dashed 1px #475f4a;
	margin: 0;
	padding:0;
}


#ssbox{
	width:570px;
	height:auto;
	background:url(/dol/live_event/image/111018/flash.jpg) top center;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0;

}


/* garally */


.garally {
	/* background:url(/dol/developer/image/ud/common/ud_ImgBg.jpg) top center no-repeat; */
	height:382px;
	width:509px;
	margin:0 auto;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
}


.g_cont {
}

.controls {
	margin-top:-25px;
	margin-left:5px;
}

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

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

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