@charset "utf-8";



@import "base.css";




.clearfix:after
{
  content: url(/images/basic/spacer.gif);
  display: block;
  clear: both;
  height: 0;
}

.floatl {
	float: left;
}
.floatr {
	float: right;
}


/*ページ全体設定 ---------------------------------------------------------*/

html,body {

	margin:0px 0px 0px 0px;

	padding:0px;

	width:100%;

	color:#ECECEC;

	font-family:sans-seirf;

	background:url(/images/bg_all.jpg) #000000 center top no-repeat;

}

		

p.left {

	margin:0 auto;

	padding:0px;

	color:#fff;

	font-size:12px;

	font-family:MS UI Gothic;

	text-align:left;

	line-height:160%;

}

	



.margin_b10 { margin-bottom:10px; }

.margin_b20 { margin-bottom:20px; }

.small { font-size:10px; }	



div#mainAll {

	padding:35px 45px 10px 45px;

	background:url(/images/bg_main.jpg) #000000 left top no-repeat;

}


div#mainb {
	width:850px;
	
	background-color:#000000;
}

div#mainschedule {
	width:850px;
	
	background:url(/images/schedule/_schedule_bg.gif) repeat-y;
}

div#mainTxtsche {
	padding:45px 50px 10px 50px;
	color:#000;
	font-size:12px;
}

div#menumain {

	width:850px;
	
	background:url(/images/bg_menu_2.jpg)

}





/*イベントスケジュール ---------------------------------------------------------*/

div#event {

	margin-top:10px;

	padding-right:35px;

	height:41px;

	text-align:right;

}





/*バナー部分 ---------------------------------------------------------*/

div#bn {
	height:150px;
	text-align:left;
	background:url(/images/bg_bn.gif) #000000 left top repeat-x;
	padding-left:47px;

}



#bn p {
	padding:20px 10px 0 10px;
	text-align:left;

}

	

#bn a img {

	margin-right:20px;

	border:4px solid #9F7D4A;

}



#bn a:hover img {

	margin-right:20px;

	border:4px solid #cccccc;

}





/*NEWS部分 ---------------------------------------------------------*/

div#news {

	padding:27px 95px 0 95px;

	color:#cccccc;

	text-align:left;

}



#news .day {

	padding:2px 20px 2px 12px;

	font-size:11px;

	font-family:Arial;

	font-weight:bold;

}



#news .news {

	font-size:10px;

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}



#news .news_info {

	color:#FF6633;

	font-size:12px;

	font-family:"ＭＳ Ｐゴシック", Verdana, "ヒラギノ角ゴ Pro W3";

}



#news img.title {

	padding-bottom:15px;

}



#news img.end {

	padding-top:15px;

}
/*Slideshow 設定 ---------------------------------------------------------*/
#slide_container {
	width: 670px;
	margin-left: 10px !important;
	margin-left: 5px;
}
div#slideshow
{
	width: 660px;
	height: 265px;
	/* スライドショー表示場所の冗長なスクロール指定は、JavaScriptを切っている環境でもコンテンツが見えるようにする配慮	*/
	overflow: scroll;
}
ul#slides_nav
{
	list-style: none;
}
ul#slides_nav li
{
	float: left;
	padding: 3px 3px 0 0;
	margin: 0;
}
ul#slides_nav li a {
	display: block;
	width: 48px;
	height: 28px;
	background: #0A0000;
	text-align: center;
	padding-top: 16px;
}
ul#slides_nav li a:hover, ul#slides_nav li a:active {
	background: #343333;
	text-decoration: none;
}

/* ##### page tab #####*/

#page_tab ul li
{
	list-style: none outside none;
	float: left;
	display: block;
	margin: 0 2px 3px 0;
	padding: 3px 0 6px 0;
	cursor: pointer;
	color: #344400;
	text-align: center;
}
/* jquery cycleのpagerに指定したDOM内のliにはactiveSlideというCSSクラスがあって、アクティブ、非アクティブを制御している */
#page_tab ul li.activeSlide
{
	border-bottom: 2px #CCCCCC solid;
	padding: 3px 0;
}

/*Schedule_area 設定 ---------------------------------------------------------*/
#schedule_area {
	width: 250px;
	background: url(/images/basic/topics_top.png) 0 0 no-repeat;
	padding-top: 5px;
}
#schedule_bottom {
	background: url(/images/basic/topics_bottom.png) 0 bottom no-repeat;
	padding-bottom: 5px;
}
#schedule_area .main {
	background:  #0A0000;
	border-right: 1px #584529 solid;
	border-left: 1px #584529 solid;
	padding: 5px;
	height: 297px;
	/* overflow-y: scroll; */
	overflow:
}
#schedule_area .title {
	border-bottom: 1px #544B29 solid;
	margin-bottom: 5px;
	padding-bottom: 3px;
	text-align: left;
}
#schedule_area .info {
	padding: 0 10px 15px 10px;
}
#schedule_area .info .thumb {
	float: left;
	width: 53px;
}
#schedule_area .info .date, #schedule_area .info .event {
}
#schedule_area .info .date {
	color: #CCCCCC;
}
