@charset "UTF-8";
/* CSS Document */

/*index_css*/
/*TOPページ用css*/

#main_area{
	width:100%;
	height:449px;
	margin:0px auto;
	background-color:#047bff;
	position:relative;
	text-align:center;
	}
	
#main_box{
	width:100%;
	margin:0px auto;
	height:429px;
	z-index:0;
	/*position:absolute;
	top:0px;
	left:15px;*/
	background-color:#047bff;
	text-align:center;
	overflow:hidden;
	}
	
#main_box ul{
	width:1000px;
	}

/*#slider{
	width:970px;
	margin:0px auto;
	height:429px;
	list-style:none;
	}
	*/

	
.slider{
	width:1000px;
	margin:0px auto;
	height:429px;
	list-style:none;
	margin:0px auto;
	text-align:center;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0px auto;
	}
	
.slider img{
	width:1000px;
	margin:0px auto;
	height:429px;
	/*list-style:none;*/
	text-align:center;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0px auto;
	}
	
.slideSampleThumbnail {
  float: left;
  list-style: none;
  height: 429px;
  width:100%;
  overflow: hidden;
  position: relative;
  top: 0px;
}	
	
	

#main_boxTxt{
	width:970px;
	height:449px;
	z-index:9;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0px auto;
		}


#sub_area{
	width:100%;
	height:190px;
	margin:0px auto;
	background-color:#047bff;
	}
	
	
	#news{
		width:100%;
		height: auto;
		margin:0px auto;
		background-color:#0242b7;
		padding-bottom:100px;
		}
		
	#news_area{
		width:1000px;
		height:370px;
		margin:0px auto;
		}
	
	#news_topics{
		width:400px;
		height:370px;
		float:left;
		margin:0px 25px;
		}
		
	#h2_topics{
		width:196px;
		height:26px;
		margin:47px auto 0px auto;
		}
		
	#topics_box{
		width:368px;
		height:183px;
		border:#798799 1px solid;
		margin:15px auto;
		background-color:#FFF;
		padding:15px;
		overflow:scroll;
		}
		
	.topics_day{
		width:368px;
		height:auto;
		margin:0px 0px 5px 0px;
		color:#1f87ec;
		font-size:14px;
		}
		
	.topics_data{
		width:368px;
		height:auto;
		margin:0px 0px 5px 0px;
		color:#666666;
		font-size:15px;
		line-height:1.5em;
		}
	
	#news_fb{
		width:500px;
		height:370px;
		float:left;
		margin:0px 25px;
		}
		
	#h2_fb{
		width:236px;
		height:26px;
		margin:47px auto 0px auto;
		}
		
	#fb_box{
		width:498px;
		height:213px;
		border:#798799 1px solid;
		margin:15px auto;
		background-color:#FFF;
		}

#about{
	width:100%;
	margin:0px auto;
	background-color:#b1d1e6;
	padding:0px;
	display: inline-block;
	}
	
#about_area{
	widows:1000px;
	margin:0px auto;
		background-color:#b1d1e6;
	}	

#h2_about{
	width:196px;
	height:26px;
	margin:47px auto 0px auto;
	}

#h3_about{
	width:100%;
	height: auto;
	margin:47px auto 0px auto;
	color:#0242b7;
	font-size:26px;
	text-align:center;
	}
	
#p_about{
	width:900px;
	height:auto;
	margin:20px auto 96px auto;
	color:#0242b7;
	font-size:19px;
	text-align: left;
	line-height:1.6em;
	}	

#interview{
	width:100%;
	height:650px;
	border-top:#0ba2fe 10px solid;
	background-image:url(../img/index/bg_topPlayer.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#012f83;
	}
	
	#h2_interview{
		width:840px;
		height:74px;
		margin:31px auto 0px auto;
		/*background-image:url(../img/index/icon_ganbare.png),url(../img/index/icon_ganbare.png);
		background-position:right,left;
		background-repeat:no-repeat,no-repeat;*/
		text-align:center;
		}
		
	#samLogo{
		width:160px;
		height:74px;
		margin:31px auto 0px auto;}
		
	#interview_movieArea{
		width:1040px;
		height:270px;
		margin:75px auto 0px auto;
		overflow:hidden;
		}
		
	.interview_movieBox{
		width:390px;
		height:270px;
		margin:0px 65px;
		float:left;
		}
		
.movie01{
		width:390px;
		height:220px;
		margin:0px auto;
		background-color:#333;
		}
		
	.movieComingsoon{
		width:300px;
		height:110px;
		padding:110px 0px 0px 0px;
		margin:0px auto;
		font-size:18px;
		color:#787878;
		text-align:center;
		}
		
.movie_txt01,.movie_txt02{
	width:370px;
	height:30px;
	margin:21px auto;
	color:#FFF;
	font-size:21px;
	text-align:center;
	}
	
.movie_txt02{
	color:#0ba2fe;
	}
	
#digest{
	width:100%;
	height:480px;
	background-color:#FFF;
	}
	
#h2_digest{
	width:470px;
	height:80px;
	margin:40px auto;
	}
	
.digest_movieBox{
		width:370px;
		height:270px;
		margin:39px auto;
		}
	
#aoshoma{
	width:100%;
	height:590px;
	border-top:#0ba2fe 10px solid;
	background-image:url(../img/index/bg_topAoshima.jpg);
	background-position:center;
	background-size:cover;
	}
	
	#h2_aoshoma{
	width:470px;
	height:80px;
	margin:31px auto;
	}
	
	.aoshoma_movieBox{
		width:370px;
		height:270px;
		margin:49px auto;
		}
		
.aoshoma_btn01{
	width:270px;
	height:47px;
	margin:94px auto;
	}

/*--------------------*/
/*サブ　loopslider*/


#loopslider,.loopslider {
    margin: 0 auto;
    width: 100%;
    height: 190px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul,.loopslider ul{
    height: 190px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li,.loopslider ul li{
    width: 270px;
    height: 190px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
 
/*------FINISH----------------------*/
 
 #h2_finish{
	 width:469px;
	 height:71px;
	 margin:50px auto 20px auto;
	 }
	 
#finish{
	width:800px;
	margin:20px auto 50px auto;
	height: auto;
	}
	
.prizeNum01,.prizeNum02,.rankNum01{
	width:100px;
	height:83px;
	background-color: #013593;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:40px;
	border-bottom:#fff 1px solid;
	border-left:#fff 1px solid;
	}
	
.prizeNum01{border-top:#fff 1px solid;}

.prizePoint01,.prizePoint02,.rankPoint01{
	width:130px;
	height:83px;
	background-color: #013593;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:25px;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
	}
	
.prizePoint01{border-top:#fff 1px solid;}
 
 .prizeName01, .prizeName02,.rankName01{
	width:568px;
	height:83px;
	background-color: #024b7;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:25px;
	border-bottom:#fff 1px solid;
	font-size:32px;
	font-weight:bold;
	font-style:italic;
	 }
	 
 .prizeName01{border-top:#fff 1px solid;}
	 

 
.rankNum01{
	width:100px;
	height:68px;
	background-color: #012b77;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:30px;
	border-bottom:#fff 1px solid;
	border-left:#fff 1px solid;
	}

.rankPoint01{
	width:130px;
	height:68px;
	background-color: #012b77;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:25px;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
	}
 
.rankName01{
	width:568px;
	height:68px;
	background-color: #013593;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:26px;
	border-bottom:#fff 1px solid;
	font-weight:bold;
	font-style:italic;
	 }
 
.ft22{	font-size:22px;}
.ft20{	font-size:20px;}


 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}
