@charset "UTF-8";


#main {
  position: relative;
  width: 100%;
  height: auto;
}

#main #stopImg img{
  width: 100%;
  height: auto;
}


#main #mainLeft{
	position:absolute;
	left:0;
	top:67px;
	width:417px;
	height:321px;
	z-index:2;
	background:url(../images/top/main_left.png) no-repeat;
	display:block;	
}

#main #mainRight{
	position:absolute;
	right:0;
	top:28px;
	width:448px;
	height:380px;
	z-index:2;
	background:url(../images/top/main_right.png) no-repeat;
	display:block;
}   


#main #mainCenter{
	position:relative;
	width:373px;
	height:590px;
	z-index:3;
	margin:0 auto;
	display:block;
}  


#main #mainCenter h2{
	position:absolute;
	top:137px;
	width:373px;
	height:185px;
	display:block;
} 


#main #mainCenter #schedule{
	position:absolute;
	top:355px;
	left:5px;
	width:353px;
	height:86px;
	display:block;
} 



#main #scrollBtn{
	position:absolute;
	bottom:0px;
	left:45%;
	width:118px;
	height:59px;
	display:block;
}


#main #scrollBtn a:hover{
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}


#main .mainWr {
  width: 100%;
  height: 590px;
}
#main .mainWr ul {
  width: 100%;
   height: 100%; }
#main .mainWr ul li {
  width: 100%;
   height: 100%; }
  
  
#main .mainWr ul li > img {
  position: absolute;
  top: 0px;
  
  }
  
#topContents{
	width:1000px;
	margin:0 auto;
	padding:40px 0 0 0;
	overflow:hidden;
}
  
  
#topContents h3{
	width:1000px;
	margin-bottom:30px;
}

#topContents h4{
	width:1000px;
	margin-bottom:22px;
}
  
#topContents ul{
	width:1005px;
	margin-right:-5px;
	margin-bottom:30px;
}   
  
#topContents ul li{
	 float:left;
	 margin-right:5px;
} 
  
  
#topContents ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#contentsEntry{
	width:1020px;
	margin-right:-20px;
}

#topContents dl{
	width:235px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
} 
  
#topContents dl dt{
	width:235px;
	height:235px;
	overflow:hidden;
	background-color:#eee;
}

#topContents dl dt a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
  
#topContents dl dd{
	font-size:10px;
	line-height:14px;
	letter-spacing:1px;
	height:60px;
}

#topContents dl dd div{
	padding:8px 0;
	font-family:Arial, Helvetica, sans-serif;
}

#topContents dl dd div p{
	float:left;
	width:80px;
}

#topContents dl dd div span{
	float:right;
	display:block;
	text-align:right;	
	width:140px;
	font-family:"Meiryo UI","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#topContents dl dd a{
	color:#000000;
	text-decoration:none;
}

#topContents dl dd a:hover{
	color:#999;
	text-decoration:none;
}


#topContents .contentsMore{
	width:195px;
	height:42px;
	margin:10px auto 30px auto;
}


#topContents .contentsMore a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}



#topBnrArea{
	background:url(../images/top/bg_bnrarea.gif) repeat-x;
	width:100%;
	height:200px;
}

#topBnrArea section{
	width:1032px;
	margin:0 auto;
	position:relative;
	padding-top:40px;
	height:160px;
}

.rotate-banner{  
width:1032px;  
position:relative;  
}

#topBnrArea section #btnPrev{
	width:32px;
	height:32px;
	position:absolute;
	top:81px;
	left:0;  
}

#topBnrArea section #btnNext{
	width:32px;
	height:32px;
	position:absolute;
	top:81px;
	right:0px;  
}


.rotate-banner div{  
width:960px;  
overflow:hidden;  
height:120px;  
position:relative;  
left:41px; 
}  


#topBnrArea section div ul{
	width:960px;
	height:120px;
	position:absolute;
	
	overflow:hidden;  
}

#topBnrArea section div ul li{
	float:left;
	width:230px;
	margin-right:10px;
}

rotate-banner:after,  
rotate-banner div:after,  
rotate-banner div ul:after{  
content:".";  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
font-size:0;  
} 



#topNews{
	width:1000px;
	margin:0 auto;
	padding:35px 0 0 0;
}

#topNews h3{
	margin-bottom:20px;
}

#topNews ul{
	width:960px;
	height:260px;
	overflow-y:scroll;
	background-color:#FAFAFA;
	padding:20px;
}

#topNews ul li{
	padding:0 0 10px 0;
	font-size:14px;
	line-height:20px;
	border-bottom:#eee 1px solid;
	width:950px;
	margin-bottom:10px;
}

#topNews ul li p{
	padding:0 0 5px 0;
	font-size:12px;
	line-height:14px;
	color:#999;
}

#topNews ul li a{
	display:block;
	padding:0 0 0 17px;
	background:url(../images/top/arrow_news.gif) no-repeat 0px 7px;
	letter-spacing:1px;
	text-decoration:none;
	color:#000000;
}

#topNews ul li a:hover{
	text-decoration:none;
	color:#999;
}


#topNews .contentsMore{
	width:195px;
	height:42px;
	margin:25px auto 30px auto;
}



#topNews .contentsMore a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


#topMedia{
	width:1000px;
	margin:0 auto 30px auto;
	overflow:hidden;
}

#topMedia h3{
	margin-bottom:20px;
}


#topMedia ul{
	width:1010px;
	margin-right:-10px;
}

#topMedia ul li{
	float:left;
	margin:0 10px 10px 0;
}



.topLogoCenter{
	width:1000px;
	margin:0 auto 50px auto;
	text-align:center;
}

.topLogoCenter h3{
	margin-bottom:30px;
}

.topLogoCenter h4{
	width:1000px;
	margin-bottom:22px;
	margin-top:30px;
}

.topLogoCenter{
	width:1000px;
	margin:0 auto 50px auto;
	text-align:center;
}




.topLogoCenter ul{
	display:inline-block;
}

.topLogoCenter ul li{
	float:left;
	margin:0 20px 0px 0;

}



.topLogoCenter ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}



.topLogoCenter p a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}














.topLogo{
	width:1000px;
	margin:0 auto 50px auto;
	overflow:hidden;
}

.topLogo h3{
	margin-bottom:20px;
}

.topLogo h4{
	width:1000px;
	margin-bottom:22px;
	margin-top:30px;
}

.topLogo ul{
	width:1010px;
	margin-right:-10px;
}


.topLogo ul li{
	float:left;
	margin:0 10px 10px 0;
	background-color:#eee;
	display:block;
}


.topLogo ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


.topLogoB{
	width:1000px;
	margin:0 auto 50px auto;
	overflow:hidden;
}

.topLogoB h3{
	margin-bottom:20px;
}

.topLogoB h4{
	width:1000px;
	margin-bottom:22px;
	margin-top:30px;
}


.topLogoB ul{
	width:1008px;
	margin-right:-8px;
}

.topLogoB ul li{
	float:left;
	margin:0 8px 8px 0;
	background-color:#eee;
	display:block;
}


.topLogoB ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


#likeBox{
	width:1000px;
	margin:0 auto 50px auto;
}








.topLogoS{
	width:1000px;
	margin:0 auto 50px auto;
	overflow:hidden;
}

.topLogoS h3{
	margin-bottom:20px;
}

.topLogoS h4{
	width:1000px;
	margin-bottom:22px;
	margin-top:30px;
}

.topLogoS ul{
	width:1008px;
	margin-right:-8px;
}


.topLogoS ul li{
	float:left;
	margin:0 8px 8px 0;
	background-color:#eee;
	display:block;
}


.topLogoS ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}







.topLogoBCenter{
	width:1000px;
	margin:0 auto 50px auto;
	text-align:center;
}

.topLogoBCenter h3{
	margin-bottom:30px;
}

.topLogoBCenter h4{
	width:1000px;
	margin-bottom:22px;
	margin-top:30px;
}






.topLogoBCenter ul{
	display:inline-block;
}

.topLogoBCenter ul li{
	float:left;
	margin:0 8px 0px 0;

}



.topLogoBCenter ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}



.topLogoBCenter p a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}