@charset "utf-8";

#topimg{
	position:relative;
	background:url(../../image/index/topimg.jpg) no-repeat;
	width:980px;
	height:530px;
	margin-bottom:10px;
	border-radius:3px;
}

/*公式生放送*/
@keyframes slide1 {
	0% {opacity: 1;}
	10%,50% {left: 0px;top: 0px;opacity: 1;}
}

/*TOP画像*/
@keyframes slide2 {
	0%,50% {left:0px;top: 0px;opacity: 0;}
	60%,90% {left: 0px;top: 0px;opacity: 1;}
	100% {opacity: 0;}
}


/*画像ブロック*/
#mainimg {
	clear: left;
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom:10px;
	border-radius:3px;
}

/*２枚画像の共通設定*/
#slide1,#slide2 {
	-webkit-animation-duration: 16s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 16s;			/*同上*/
	-webkit-animation-iteration-count:infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count:infinite;			/*同上*/
}

/*公開生放送*/
#slide1 {
	-webkit-animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1;				/*同上*/
	position: relative;
	width: 100%;
	height: auto;
}

/*TOP画像*/
#slide2 {
	-webkit-animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;

}

#top_slider_wrap{
	display:block;
	position: absolute;
	width:980px;
	height:120px;
	background:rgba(0,0,0,0.5);
	bottom:0;
	border-radius:0 0 3px 3px;
	padding:10px 0;
}
#top_slider{
	width:900px;
	height:120px;
	margin:0 auto;
}

#top_slider>div{
	height:120px;
	margin:0 auto;
}

#top_slider>div img{
	margin:0 auto;
}

/*バナーエリア*/
.main_bannerarea{
	text-align:center;
	margin-bottom:10px;
}

/* お知らせ */
#index_info{
	width:800px;
	margin-top:-5px;
	margin-bottom:20px;
	padding:0 10px 10px 10px;
	font-size:10pt;
	background:#fff;
	border-radius:0 0 3px 3px;
	border:1px solid #ccc;
	border-top:none;
	box-sizing:border-box;
}

#index_info>dl {
	margin-bottom:10px;
}

#index_info>dl>dt {
	float: left;
	display:block;
	width: 8em;
	padding: 5px 0;
	font-weight: bold;
	color:#c90;
}

#index_info>dl>dd {
	display:block;
	padding: 5px 0 5px 8em;
	border-bottom: 1px #CCC solid;
}

#index_info>dl>dd a{
	display:block;
}

#index_info p{
	margin:0;
}
#index_info p a{
	display:block;
}



/* index分割記事 */
.article_separate_body{
	background:url(../../image/index/article_separate_body.png);
}
	.article_separate_rb .article_separate_body{/*右空欄*/
		background:url() no-repeat;
	}

.article_separate_foot{
	clear:both;
	height:10px;
	background:url(../../image/index/article_separate_foot.png) no-repeat;
}
	.article_separate_rb .article_separate_foot{/*右空欄*/
		background:url() no-repeat;
	}

.article_separate_foot hr{display:none;}  



/* スケジュール */
#schedule dl {
	margin-bottom:0;
}

#schedule dl dt {
	float: left;
	display:block;
	width: 4.5em;
	padding: 0 0 5px 0;
	font-weight: bold;
	color:#c90;
}
#schedule dl dd {
	display:block;
	padding: 0 0 5px 4.5em;
}

/*特徴*/
#index_point{
	margin-right:-10px;
}
#index_point li{
	float:left;
	width:395px;
	margin-right:10px;
	margin-bottom:10px;
}

#index_point li a:hover{
	opacity:0.75;
}