@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;
	background:url(/dol/live_event/image/120717/main_bg.jpg) top center;
}

#info_title{
	width: 570px;
	height: 300px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/live_event/image/120717/info_title.jpg) top center no-repeat #000;

}

.cont1{
	width: 313px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	float: left;
	padding-top: 100px;
	/* border: solid 1px #000; */
}

.cont2{
	width: 215px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	float: left;
	padding: 28px 7px 5px 15px;
	line-height: 1.3;
	/* border: solid 1px #000; */
}

.text_box1{
	width: 250px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding-top: 5px;
	padding-left: 20px;
	line-height: 1.2;
	color: #fff;
}

.text_box2{
	width: 500px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding: 5px 20px 0 40px;
	line-height: 1.2;
	color: #fff;
}



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

h3{
	font-size: 16px;
	border-left: solid 5px #ffff80;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #ffff80;
}

.text_box2 li{
	padding-bottom: 3px;
	padding-left: 18px;
	text-indent: -18px;
	line-height: 1;
}

.text_box2 li strong{
	color: #ffff80;
	font-size: 16px;
}

.at{
	line-height: 1;
	font-size: 97%;
}

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

.clear {
	clear: both;
}




/* garally1
=======================================*/
.garally {width: 561px; height:390px; margin: 0 auto; text-align: center; padding:10px 9px 0 0;}
.garally .g_cont {}
.garally .controls { margin-top:0px; margin-left:53px;}
.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: 496px; height:371px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section {width: 496px; height:371px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}