@charset "utf-8";
/* CSS Document */

#wrapper{
	width:100%;
	background:url("../images/head_bg.png") repeat-x top center;
}

header{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
}
header h1{
	float:left;
	padding-left:5px;
}
header p{
	float:right;
	padding-right:5px;
}
header h2{
	width:684px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:25px;
}
p.main img{
	width:100%;
}
.contents_wide{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.contents{
	width:960px;
	margin:0 auto;
	text-align:center;
}
.contents h3{
	padding-top:80px;
	padding-bottom:50px;
}
.contents h4{
	padding-bottom:80px;
}

.contents_wide h5{
	color:#0068b4;
	font-weight: bold;
	font-size:131%;
	padding-top:70px;
	padding-bottom:30px;
}

.bg_blue{
	width:100%;
	background-color:#0068b4;
	padding:60px 0 90px 0;
}
.bg_gray{
	width:100%;
	margin-top:70px;
	background-color:#f0f0f0;
	padding:0 0 90px 0;
}
.text_white{
	color:#fff;
	line-height: 250%;
}

.blue_left{
	width:500px;
	float:left;
	padding:130px 0 0 25px;
	box-sizing: border-box;
	text-align:left;
}
.blue_right{
	width:460px;
	float:right;
	padding:0 0 0 50px;
	box-sizing: border-box;
	text-align:left;
}

ul.page_nav li{
	float:left;
	margin-top:70px;
	margin-right:15px;
	margin-bottom:30px;
}
ul.page_nav li:last-child{
	margin-right:0px;
}

.accordion_box{
	position:relative;
}
.accordion_box h6 {
	border:#0068b4 solid 1px;
	width:310px;
	padding:8px 0;
	margin:0 auto;
	font-weight: bold;
	font-size:108%;color:#0068b4;
	cursor: pointer;
}
.accordion_in{
	width:640px;
	margin:50px auto 0 auto;
	text-align:left;
}
.accordion_in p{
	line-height: 200%;
}
.accordion_in .name{
	float:right;
}
.accordion_box h6:before{
	display: block;
	content: "";
	position: absolute;
	background:url(../images/arrow_before.png) no-repeat;
	background-size:305px 20px;
	top:10px;
	width:305px;
	height:20px;
	color:#0068b4;
}
.accordion_box h6.active{
	background-color:#0068b4;
	color:#fff;
}
.accordion_box h6.active:after{
	display: block;
	content: "";
	position: absolute;
	background:url(../images/arrow_after.png) no-repeat;
	background-size:305px 20px;
	top:10px;
	width:305px;
	height:20px;
}

.accordion_box dl{
	margin-bottom:30px;
}
.accordion_box dt{
	margin-left:15px;
}
.accordion_box dd{
	margin-left:25px;
}

#zone{
	position:relative;
	background-color:#f0f0f0;
	background:url(../images/zone_bg.png) no-repeat;
	width:960px;
	height:656px;
	margin:50px auto 0 auto;
}
#zone #link1{position:absolute;top:242px;left:0px;cursor:pointer;}
#zone #link2{position:absolute;top:364px;left:0px;cursor:pointer;}
#zone #link3{position:absolute;top:33px;left:628px;cursor:pointer;}
#zone #link4{position:absolute;top:154px;left:688px;cursor:pointer;}

#zone #link1:hover, #zone #link2:hover, #zone #link3:hover, #zone #link4:hover{opacity:0.7;
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	display: inline-block;
	zoom:1;
}
#zone #pop1{position:absolute;top:296px;left:322px;cursor:pointer;}
#zone #pop2{position:absolute;top:366px;left:306px;cursor:pointer;}
#zone #pop3{position:absolute;top:80px;left:387px;cursor:pointer;}
#zone #pop4{position:absolute;top:368px;left:623px;cursor:pointer;}


.movie_list{
	width:960px;
	margin:0 auto;
	text-align:left;
}
.movie_list h6{
	margin-top:35px;
	margin-bottom:20px;
}
.movie_list h6.title_no{
	margin-bottom:0px;
}
.movie_list p{
	margin-bottom:5px;
}
.movie_list .movie_l{
	float:left;
}
.movie_list .movie_r{
	float:right;
}

.pdf_list{
	width:960px;
	margin:50px auto;
	text-align:left;
}
.pdf_list h6{
	margin-bottom:10px;
}
.pdf_list li{
	float:left;
	margin-right:15px;
}
.pdf_list li:last-child{
	margin-right:0px;
}


#page_top{
	position:fixed;
	right:30px;
	bottom:11px;
	z-index:3;
	cursor:pointer;
}

footer{
	width:100%;
	height:179px;
	background:url("../images/footer_bg.png") repeat-x bottom center;
	text-align:center;
}

#copy{
	font-size:11px;
	margin:0 auto;
	color:#fff;
	padding:140px 0 0 0;
}

.sp_only{
	display:none;
}
.pc_only{
	display:block;
}

@media only screen and (max-width: 767px) {
	
.sp_only{
	display:block;
}
.pc_only{
	display:none;
}
	
header{
	width:100%;
}
header h1{
	padding-top:2px;
}
header h1 img{
	width:190px;
}
header p img{
	width:100px;
}
header h2{
	width:90%;
	margin:0 5%;
	padding-top:35px;
	padding-bottom:20px;
	text-align:center;
}
header h2 img{
	width:100%;
}
.contents h3 img{
	width:90%;
}
.contents h4 img{
	width:90%;
	margin:0 5%;
}

p.photo img{
	width:100%;
}
.contents{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.contents h3{
	padding-top:40px;
	padding-bottom:25px;
}
.contents h4{
	padding-bottom:40px;
}

.contents_wide h5{
	padding-top:35px;
	padding-bottom:15px;
}

.bg_blue{
	width:90%;
	padding:30px 5% 45px 5%;
	text-align:left;
}
.bg_gray{
	margin-top:35px;
	padding:0 0 45px 0;
}


.blue_left{
	width:100%;
	float:none;
	padding:65px 0 0 0;
}
.blue_left img{
	width:100%;
}
.blue_right{
	width:100%;
	float:none;
	padding:0 0 0 0;
}
.blue_right img{
	width:100%;
}

ul.page_nav{
	width:100%;
}
ul.page_nav li{
	float:left;
	margin:35px 1% 15px 2%;
	width:30%;
}
ul.page_nav li img{
	width:100%;
}

.accordion_box h6 {
	width:280px;
}
.accordion_in{
	width:280px;
	margin:25px auto 0 auto;
	text-align:left;
}
.accordion_box h6:before{
	background-size:270px 20px;
	width:270px;
	height:20px;
}
.accordion_box h6.active:after{
	background-size:270px 20px;
	width:270px;
	height:20px;
}

#zone_sp{
	width:100%;
	margin:25px auto 0 auto;
}
#zone_sp img{
	width:100%;
}

.movie_list{
	width:90%;
	margin:0 5%;
}
.movie_list a img{
	width:100%;
}
.movie_list .movie_l{
	float:none;
}
.movie_list .movie_r{
	float:none;
}

.pdf_list{
	width:90%;
	margin:25px 5% 0px 5%;
}
.pdf_list li{
	float:none;
	margin-right:0px;
}
.pdf_list a img{
	width:100%;
	height:auto;
}
.pdf_space{
	margin-top:10px;
}
	
#page_top{
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:3;
	cursor:pointer;
}
#copy{
	padding:130px 0 0 0;
}
	
}