@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;
	background:#000;
}

#lead{
	width: 570px;
	height: 530px;
	margin: 0 auto;
	text-align: left;
	color: #000;
	line-height: 1.3;
	background:url(/dol/live_event/image/111220/lead.jpg) top center no-repeat;
}

#infoBox1{
	width: 525px;
	height: 270px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	line-height: 1.3;
	padding: 50px 20px 0 25px;
	background:url(/dol/live_event/image/111220/infoBox1.jpg) top center no-repeat;
}

#infoBox2{
	width: 525px;
	height: 248px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	line-height: 1.3;
	padding: 0 20px 0 25px;
	background:url(/dol/live_event/image/111220/infoBox2.jpg) top center no-repeat;
}

#infoBox3{
	width: 570px;
	height: 512px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	line-height: 1.3;
	background:url(/dol/live_event/image/111220/infoBox3.jpg) top center no-repeat;
}

#infoBox4{
	width: 570px;
	height: 485px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	line-height: 1.3;
	background:url(/dol/live_event/image/111220/infoBox4.jpg) top center no-repeat;
}




.textBox1{padding-bottom: 80px;}

.leadText1{
	width: 350px;
	height: 240px;
	padding: 30px 10px 0 190px;
	line-height: 1.4;
	text-align: left;
}

.leadText2{
	width: 340px;
	height: 240px;
	padding: 0 10px 0 40px;
	line-height: 1.4;
	text-align: left;
}

.textBox3 li{
	text-indent: -20px;
	padding-left: 20px;
}



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

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


.at{
	line-height: 1.2;
}



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

.clear {
	clear: both;
}




/* garally1
=======================================*/
.garally {width: 552px; height:414px; margin: 20px auto; text-align: center; padding:3px 0 0 0; background:url(/dol/live_event/image/111220/ssbox.jpg) top center no-repeat;}
.garally .g_cont {}
.garally .controls { margin-top:-25px; margin-left:5px;}
.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:#008000; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally div.scroller {  /* modify width and height of scrolling section if necessary	*/ width: 546px; height:408px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section { * modify width and height of each section as needed (should match the size of the scroller window)	*/ width: 546px; height:408px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}



/* garally2
=======================================*/
.garally2 {width: 468px; height:468px; margin: 0px auto; text-align: center; padding:6px 0 0 0; background:url(/dol/live_event/image/111220/infoBox3.jpg) top center no-repeat;}
.garally2 .g_cont {}
.garally2 .controls { margin-top:-25px; margin-left:5px;}
.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:#008000; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally2 div.scroller {  /* modify width and height of scrolling section if necessary	*/ width: 468px; height:468px; overflow: hidden;}
.garally2 div.scroller div.section { * modify width and height of each section as needed (should match the size of the scroller window)	*/ width: 468px; height:468px; overflow:hidden; float:left;}
.garally2 div.scroller div.content {width: 10000px;}