@charset "UTF-8";

#header .header_box{
	padding: 0 100px;
	}
#header .hgroup h1{
	left: 100px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
1:メインヴィジュアルSet Up
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#mainV{
	background: #000;
		width: 100%;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	background-position: center -127px;

	}
	

#mainV .image{
	width: 1101px;
	height:414px;
	margin: auto;
	position:relative;
}
#mainV .image img{
	position:absolute;
	left:0;
	top:0;
}
#mainV .image .main{
	z-index:1;

}
#mainV .image .soon{
	z-index:2;
	
}/*----- Image Slider Set Up ------*/

#imageSlider {
	width: 1204px;
	height: 414px;
	position:relative;
	margin: auto;
}

#slides {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}


.slides_container {
	width:1101px;
	height: 415px;
	overflow:hidden;
	position:relative;
	display:none;
	margin-left: 50px;
}


.slides_container p {
	width:1101px;
	height:415px;
	display:block;
	cursor: auto;
}


.slides_container p img {
	display:block;
}



#slides .next,#slides .prev {
	position:absolute;
	top:172px;
	left:0;
	width:32px;
	height:33px;
	display:block;
	z-index:101;
}

#slides .next {
	left:1170px;
}

.pagination{
	display: none!important;

}


	


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
2:チケット販売 Set Up
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#ticket{
	width: 100%;
	height: 115px;
	background-color: #FFF12A;
	background-image: url(../images/ticket_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
#ticket .ticket_box{
	width: 1080px;
	margin: auto;
	padding-top: 17px;
	}
	
	
#ticket .ticket_box ul li{
	float:left;
	}
	
#ticket .ticket_box .gap{
	padding:9px 0 0 20px;
	}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
3:コンテンツ Set Up
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#container{
	width: 960px;
	margin: auto;
	padding-top: 20px;
	}
	
#container .first .gap{
	padding-top: 5px;
	}	
	
#container .first .gap02{
	padding-bottom: 10px;
	}	
	
#container .first .gap03{
	margin-top: 10px;
	}	
	
#container .first .gap04{
	padding-left: 6px;
	}	
	
/*--メインコンテンツ--*/	
#container .first{
	width: 734px;
	float: left;
	}
	
#container .first .subNavi{
	width: 734px;
	}
	
#container .first .subNavi li{
	float:left
	}
	

#container .first .news{
	width: 734px;
	padding-top: 40px;
}

#container .first .news .newsarea{
	width: 712px;
	padding: 10px;
	margin-top: 15px;
	height: 120px;
	overflow: auto;
	border:1px dotted #999; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border-radius:3px;
}


#container .first .news .date{
	background:url(../images/news_pointer.gif) 2px 5px no-repeat;
	color: #d22549;
	font-weight: bold;
	float: left;
	padding-left: 10px;
}
	
#container .first .news .article{
	float: left;
	padding-left: 20px;
	width: 570px;
	line-height:160%;
	}

/*イベント 2014-09-05UP*/
#eventlist{
	margin-left: 180px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
}
#eventlist li{
	list-style:circle; width:100%; height:30px;
}
#eventlist span{
	 font-size:12px; font-weight:normal;
}
#eventbody{
	position:relative;
	padding-top: 20px;
	background-color: #fff;width:510px;
}
#eventbody .img {
    height: auto;
    position: absolute;
    right: -233px;
    top: 0;
    width: 180px;
}
#eventbody h4{
	font-size: 16px;
	margin-bottom: 10px;
}
#eventbody p,#eventbody dl{
	margin-bottom: 10px;
}
#eventbody dt{
	font-weight: bold;
}
#eventbody dd{
	padding-left: 10px;
}
#container .first .event01{
	width: 734px;
	padding-top: 40px;
	}
	
#container .first .event01 .evnt{
	width: 734px;
	position: relative;
	}
	
#container .first .event01 .evnt .detail{
	width: 145px;
	position: absolute;
	top: 140px;
	left: 428px;
	}
	
#container .first .event01 .evnt .detail02{
	width: 145px;
	position: absolute;
	top: 160px;
	left: 428px;
	}

#container .first .event02{
	width: 734px;
	padding-top: 40px;
	}

#container .first .event02 .events{
	padding-top: 10px;
	}
	
#container .first .event02 .events li{
	width: 142px;
	float: left;
	}

#container .first .event02 .info{
/*	margin-top: 10px;*/
	background:url(../images/thumb_bg.png);
	width: 130px;
	height: 80px;
	padding: 10px 4px 10px 8px;
	line-height: 18px;
	}

#container .first .event02 .info a:link{
	text-decoration: underline;
	color: #2E4DA0;
	}
#container .first .event02 .info a:hover{
	text-decoration: none;
	}
#container .first .event02 .info a:active{
	text-decoration: none;
	}

#container .first .event02 .info dt{
	font-size: 14px;
	font-weight: bold;
	background: url(../images/thumb_pointer.gif) 0px 3px no-repeat;
	padding-left: 12px;
	height:60px;
	}


#container .first .event02 .info dd{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #5e5e5e;
	background-color:#FFFFFF;
	padding: 2px;
	margin:0 3px 0 0;
	}

#container .first #facebookbox{
	width: 734px;
	padding-top: 46px;
}


/*--サイドコンテンツ--*/	
#container .secondly{
	width: 200px;
	float: right;
	}
	
#container .secondly .gap{
	padding-top: 10px;
	}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■20160810 初回アクセス時のオーバーレイ表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#overlay{
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 10000;
	background: rgba(0,0,0,0.7);
	vertical-align:middle;
}

#overlay img{
	position:absolute;
	left:50%;
	top:50%;
	z-index:1000;
	margin-left:-405px;
	margin-top:-253px;
}

#overlay a:hover img{
	opacity:0.9; filter:alpha(opacity=90);
}

#overlay .close{
	position:absolute;
	left: 50%;
	top: 50%;
	z-index: 1001;
	margin: -290px 0 0 380px;
}
#overlay .close img{
	position: static;
	margin: 0;
}