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


td{
	vertical-align: middle;
}

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

#header{
	width: 570px;
	height: 410px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/live_event/image/120529/header.jpg) top center no-repeat;
}

#infoBox{
	width: 570px;
	height: 600px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/live_event/image/120529/infoBox.jpg) top center no-repeat;
}
#coramBox{
	width: 570px;
	height: 365px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/live_event/image/120529/coram.jpg) top center no-repeat;
}




.infotext1{line-height: 1.2; width: 470px; height: 90px; color:#fff; margin:0 auto; padding: 140px 0 0 0;}
.infotext2{line-height: 1.2; width: 470px; height: 98px; color:#fff; margin:0 auto; padding: 0 0 0 0;}
.infotext3{line-height: 1.2; width: 360px; height: 55px; color:#000; margin:0 auto; padding: 0 0 0 110px;}
.infotext4{line-height: 1.2; width: 330px; height: 75px; color:#000; margin:0 auto; padding: 0 0 0 140px;}
.infotext5{line-height: 1.2; width: 290px; height: 60px; color:#000; margin:0 auto; padding: 0 0 0 180px;}
.infotext6{line-height: 1.2; width: 290px; height: 70px; color:#000; margin:0 auto; padding: 0 0 0 180px;}

.infotext7{line-height: 1.2; width: 210px; height: 120px; color:#000; margin:0 0; padding: 140px 0 0 45px;}
.infotext8{line-height: 1.2; width: 240px; height: 65px; color:#000; margin:0 auto; padding: 0 0 0 5px; float: left;}
.infotext9{line-height: 1.2; width: 220px; height: 65px; color:#000; margin:0 auto; padding: 0 5px 0 0; float: right;}
.infotext10{line-height: 1.2; width: 470px; height: 90px; color:#000; margin:0 auto 0 auto; padding: 0 0 0 0;}

.No{font-weight: bold; font-size: 120%; color: #0000ff;}

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


/* btn
=======================================*/

#m_btn{margin: 0 0 0 400px; padding-top: 10px; /* padding-top: 230px; */}
#m_btn a{
	background: url(/dol/live_event/image/120529/ma_btn.png);
	width: 143px;
	height: 142px;
	display: block;
}

#m_btn a:hover{
	background: url(/dol/live_event/image/120529/ma_btn.png) 0px -142px;
}

#m_btn strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}





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

.clear {
	clear: both;
}




/* garally1
=======================================*/
.garally {width: 570px; height:387px; margin: 0 auto; text-align: center; padding:13px 0 0 0; background:url(/dol/live_event/image/120529/ssBox.jpg) top center no-repeat;}
.garally .g_cont {}
.garally .controls { margin-top:10px; margin-left:40px;}
.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; height:20px; width:20px; margin-top:-5px;}
.garally div.scroller { width: 470px; height:350px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section {width: 470px; height:350px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}



/* garally2
=======================================*/
.garally2 {width: 570px; height:370px; margin: 0 auto; text-align: center; padding:30px 0 0 0; background:url(/dol/live_event/image/120529/m_ssBox.jpg) top center no-repeat;}
.garally2 .g_cont {}
.garally2 .controls { margin-top:-22px; margin-left:55px;}
.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; height:20px; width:20px; margin-top:-5px;}
.garally2 div.scroller { border: solid 1px #912324; width: 458px; height:333px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally2 div.scroller div.section {width: 458px; height:333px; overflow:hidden; float:left;}
.garally2 div.scroller div.content {width: 10000px;}