@charset "utf-8";

@import url("../css/base.css");


/* --------------------------------------------------

headline

-------------------------------------------------- */

/* headlineEvent*/

h2{
height:37px;!important
line-height:37px;!important
display: inline-block;!important}

.headlineEvent{
text-align:center;
	font-size: 110%;

	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	height: 43px;
	vertical-align: middle;
	display:block;
width:720px;
margin-bottom:10px;

}
.m01{	background-image: url(img//headline_01.jpg);}
.m02{	background-image: url(img//headline_02.jpg);}
.m03{	background-image: url(img//headline_03.jpg);}
.m04{	background-image: url(img//headline_04.jpg);}
.m05{	background-image: url(img//headline_05.jpg);}
.m06{	background-image: url(img//headline_06.jpg);}
.m07{	background-image: url(img//headline_07.jpg);}
.m08{	background-image: url(img//headline_08.jpg);}
.m09{	background-image: url(img//headline_09.jpg);}
.m10{	background-image: url(img//headline_10.jpg);}
.m11{	background-image: url(img//headline_11.jpg);}
.m12{	background-image: url(img//headline_12.jpg);}

.headlineEvent h2{
	float:left;
	width:530px;
	padding:5px 0 0 0px;
	text-align:center;
	vertical-align: baseline;
}

.headlineEvent .backmonth{float:left; width:95px;}
.headlineEvent .nextmonth{float:left; width:95px;}

/* --------------------------------------------------

eventIndex

-------------------------------------------------- */
#eventIndex{

	background:url(../img/common/dot_x.gif) repeat-x top;

}



#eventIndex li{
clear:both;
	background:url(../img/common/dot_x.gif) repeat-x bottom;
	padding-bottom:10px;s
}



#eventIndex .wrapperLeft{
	padding-top: 15px;
	padding-left:10px;
	margin-bottom:10px;
float:left;
width:130px;}

#eventIndex .wrapperRight{
	padding: 15px 10px 10px 0;
	float:right;
	width:555px;}

#eventIndex .wrapperRight table{
	font-size:90%;
	margin-top:10px;
	line-height: 1.8;
	c
}

#eventIndex .wrapperRight th{
	margin-top:5px;

	clear:both;
	text-align:center;
/*	width: 120px; */
	width: 50px;

	font-weight: bold;
	background-color: #DEE9FA;
	padding-top: 2px;
	padding-bottom: 2px;

}

#eventIndex .wrapperRight td{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top:5px;
/*	width:425px; */
	width:495px;

}



#eventIndex .side{

	background: none;
}
#eventIndex .wrapperRight h3{ margin-top:5px;}
#eventIndex .wrapperRight h3 a{
	font-weight: bold;
	color: #2478D0;
	font-size:120%;

}
#eventIndex .wrapperRight h3 {
	margin-bottom:10px;}

#eventIndex .wrapperRight span{
font-size:80%;
	font-weight: bold;

}


#eventIndex .wrapperLeft .img{
width: 120px;
text-align:center;
float:left;
border:2px solid #AECBF2;
padding:3px;



}


#eventIndex .wrapperLeft .img img{
vertical-align:top;
margin:auto o;

}


#eventDetail .wrapperLeft .logo{
	float:left;
	width: 230px;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}


#eventIndex .wrapperLeft .btn{
clear:both;
margin-top:10px;
float:left;

}



/* --------------------------------------------------

eventDetail

-------------------------------------------------- */


#eventDetail{


}
#eventDetail .wrapperLeft{
	padding-top: 20px;
	padding-left:10px;
float:left;
width:240px;}

#eventDetail .wrapperRight{
	padding: 20px 10px 10px 0;

float:right;width:445px;}


#eventDetail .wrapperRight table{
    vertical-align:top;
	font-size:100%;
	background-image: url(../img/common/dot_x.gif);
	background-repeat: repeat-x;
	background-position: top;
	width:100%;

}

#eventDetail .wrapperRight th{
    vertical-align:top;
	width: 100px;
	text-align:center;
	background-image: url(../img/common/dot_x.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#eventDetail .wrapperRight th span{


	background-color: #DEE9FA;
	margin:5px 0;
	font-weight: bold;	font-size:90%;
	display:block;
	padding:3px 0;
}

#eventDetail .wrapperRight td{
    vertical-align:top;
	background-image: url(../img/common/dot_x.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:5px 3px 3px 10px;
	line-height: 1.8;
}



#eventDetail .wrapperLeft .img{
width: 230px;
text-align:center;
float:left;
border:2px solid #AECBF2;
padding:3px;


}


#eventDetail .wrapperLeft .img img{
vertical-align:top;
margin:auto o;

}

#eventDetail .wrapperRight .btn{
vertical-align:middle;
margin-bottom:3px;


}

#eventDetail .wrapperRight img.btn{
	margin-left:5px;
}

#eventDetail .wrapperRight .btnLink{
float:right;
vertical-align:middle;
margin-top:10px;
margin-left:2px;

}

#eventDetail p#text{
clear:both;
width:710px;
margin:0 auto;	margin-bottom:10px;}

#map{
clear:both;
	border: 2px solid #3366CC;
	width:710px;
margin:0 auto;

}

/* --------------------------------------------------

detailheadline

-------------------------------------------------- */


.headlineEventDetail{
	width:630px;
	margin:0 auto;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 80px;
	padding-bottom:8px;
	color: #2478D0;
	font-size: 130%;
	font-weight: bold;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #DEE9FA;
	height: auto;
	overflow: visible;
}

/*.headlineEventDetail img{ vertical-align:top; margin-right: 5px; }*/
#concert{background-image: url(img/bg_detailconcert.gif);}
#drama{background-image: url(img/bg_detaildrama.gif);}
#sports{background-image: url(img/bg_detailsports.gif);}
#specialEvents{background-image: url(img/bg_specialevents.gif);}
#preview{background-image: url(img/bg_detailpreview.gif);}
#mix{background-image: url(img/bg_detailmix.gif);}
#join{background-image: url(img/bg_detailjoin.gif);}
#etc{background-image: url(img/bg_etc.gif);}



/* form.html */


.posting{


	margin-bottom:30px;
	font-size:90%;

}
.posting h3{
	clear:both;
	background-color:#DEE9FA;
	color:#3366CC;
	margin-bottom:17px;
	text-indent:7px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C1D5F5;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
.posting_confrim{
	margin-top:6px;
	margin-left:17px;
	margin-bottom:15px;
}

.table_line{
	background:url(img/contact/blue_line.gif) top left repeat-x;
	padding-top:1px;
}

table.con{
	font-size:90%;
	height:280px;
}

table.con th{
	width:150px;
	color:#3366CC;
	background:url(img/contact/blue_line.gif) #DEE9FA bottom left repeat-x;
	text-align:center;
}

table.con td{
	width:570px;
	background:url(img/contact/blue_line.gif) bottom left repeat-x;
	vertical-align: top;
	padding:10px;
}

table.con li{
	list-style-position: inside;
	list-style-type: disc;
}

table.con td .address{
	width:560px;
}


table.con td textarea{
	width:560px;
	height:120px;
	font-size:100%;
}

.conform_btn{
	text-align:center;
	margin-top:22px;
}

.thx{
	width:720px;
	background:url(img/contact/thx.jpg) no-repeat;
	height:281px;
	margin-top:20px;
	display:block;
	text-indent:-1000em;
}

.ready {
	width:653px;
	border: 1px solid #CCCCCC;
	margin-bottom:25px;
	margin-left:5px;
	text-align: center;
	padding-top: 60px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
}