@charset "utf-8";

/*-- ↓for ie8↓ --*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}
/*-- ↑for ie8↑ --*/

body{position:relative;font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ 明朝', 'MS Mincho', serif;color:#000;font-size:75%;-webkit-text-size-adjust: 100%;background:url("../img/bgall.jpg") 0 0 repeat;min-width: 1020px;}


a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
a{text-decoration:none;color:#fff;transition:color 0.2s linear;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;}
a:hover{color:#CCADAF;}

#wrap{width:950px;margin:0 auto 0 auto;position:relative;height:658px;}
#wrap2{width:950px;margin:0 auto 0 auto;background:url("../img/conbg.png") 0 0 repeat-y;padding:20px 0 50px 0;}
#wrap3{width:950px;margin:0 auto 0 auto;background:url("../img/conbg.png") 0 0 repeat-y;padding:20px 0 20px 0;}




#header{background:url("../img/header_bg.jpg") 0 0 repeat-x;min-height:57px;margin:0 auto;}
.header_in{width:950px;margin:0 auto;overflow:hidden;}

#nav{overflow:hidden;margin:0 0 0 -35px;padding:7px 0 0 0;}
#nav li{float:left;font-size:16px;border-left:7px solid #fff;padding:0 0 0 5px;margin:0 0 0 35px;line-height:1.1;min-height:35px;}
ul#nav2{overflow:hidden;margin:0 0 0 -24px!important;padding:7px 0 0 0!important;}
ul#nav2 li{float:left;font-size:16px;border-left:7px solid #fff;padding:0 0 0 5px!important;margin:0 0 0 24px!important;line-height:1.1;min-height:35px;}


#footer{padding:24px 0 0 0;margin:0 0 0 0;color:#fff;font-size:93%;background:url("../img/footer_bg.jpg") 0 0 repeat-x;overflow:hidden;min-height:33px;}
#footer ul{float:left;overflow:hidden;}
#footer li{float:left;padding:0 40px 0 20px;background:url("../img/arrow.png") 0 center no-repeat;}
#footer p{float:right;}
.footer_in{margin:0 auto; width:950px;}



.moviebox{background:url("../img/moviebg.png") 0 center no-repeat;width:850px;margin:30px auto 0 auto;min-height:203px;padding:20px 0 20px 0;position:relative;}
.moviebox h2{text-align:center;}

.moviebox_in{margin:25px auto 0 auto;display: table;width: 800px;}
.moviebox_in .mov{display: table-cell;width:180px;text-align:center;padding:0 12px;}
.moviebox_in .mov p{text-align:center;padding:15px 0 0 0;font-size:16px;font-weight:bold;letter-spacing: 0.2em;color:#1E0000;}

.map {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	height: 610px;
	background-image: url(../../map/img/map.png);
}

.cent01{
	margin-left: 180px;
}

.cent02{
	margin-left: 50px;
}


/*a:hover img.mapbtn{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}*/



a.mapbtn{
	background-color: #FFD1CF; /*背景に設定*/
	border-radius: 5px;
	display: block; /*ブロック化重要！*/
    }
a.mapbtn img{
    transition:all 0.5s ease;
    }
a:hover.mapbtn img{
    opacity: 0.75;
    filter: alpha(opacity=70);
    }
/*
.mov1{position:absolute;top:95px; left:30px;}
.mov1 p{text-align:center;padding:15px 0 0 0;font-size:16px;font-weight:bold;letter-spacing: 0.2em;color:#1E0000;}
.mov2{position:absolute;top:95px; left:234px;}
.mov2 p{text-align:center;padding:15px 0 0 0;font-size:16px;font-weight:bold;letter-spacing: 0.2em;color:#1E0000;}
.mov3{position:absolute;top:95px; left:438px;}
.mov3 p{text-align:center;padding:15px 0 0 0;font-size:16px;font-weight:bold;letter-spacing: 0.2em;color:#1E0000;}
.mov4{position:absolute;top:95px; left:642px;}
.mov4 p{text-align:center;padding:15px 0 0 0;font-size:16px;font-weight:bold;letter-spacing: 0.2em;color:#1E0000;}
*/

.controlarea{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	/*--------*/
	width: 1000px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#speedsel{
	flex: 0 1 auto;
	width: 800px;
	margin-left: 0px;	
}
#back{
	flex: 0 1 auto;
	width: 108px;
}
input[type=radio] {
	display: none;
}
.label {
	display: block;
	float: left;
	margin: 2px;
	width: 60px;
	height: 16px;
	padding: 1px;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	border: 0px;
	border-radius: 5px;
	font-size: 12px;
	background-color: #999999;
}
input[type="radio"]:checked + label {
	background-color: #670303;
}