@charset "UTF-8";

/******************************************
　共通CSS
******************************************/
*{
margin:0;
padding:0;
}


html {
  font-size: 15px;
  line-height:1.5em;
  color: #0f0200;
}

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;
padding: 0px;
word-break : break-all;
background:url(../img/common/bg.jpg) center top no-repeat;
background-attachment: fixed;
position:relative;
}

li {
	list-style:none;
}

img {
border-style:none;
margin:0;
padding:0;
}

hr {
	clear: both;
	visibility: hidden;
}

a:link {text-decoration: underline;color: #311500;
	text-decoration:underline;
	/*-webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
	-o-transition: 0.4s ease-in-out;  
	transition: 0.4s ease-in-out; */
	}
a:visited {text-decoration: underline;color: #311500;}
a:hover {text-decoration: none;color: #311500;}
a:active {text-decoration: none;color: #311500;}

/*クリア*/
.clear {
clear:both;
height:0px;
font-size:0px;
margin:0px;
padding:0px;
overflow:hidden;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/


/*共通*/
.FL {float:left;}
.FR {float:right;}

.boxCenter {text-align:center !important;}
.marginT10 {margin-top:10px !important; display:block;}
.marginT20 {margin-top:20px !important; display:block;}
.marginT30 {margin-top:30px !important; display:block;}
.marginT40 {margin-top:40px !important; display:block;}
.marginT50 {margin-top:50px !important; display:block;}
.marginT60 {margin-top:60px !important; display:block;}
.marginT100 {margin-top:100px !important; display:block;}
.marginB10 {margin-bottom:10px !important; display:block;}
.marginB20 {margin-bottom:20px !important; display:block;}
.marginB30 {margin-bottom:30px !important; display:block;}
.marginB40 {margin-bottom:40px !important; display:block;}
.marginB50 {margin-bottom:50px !important; display:block;}
.marginB60 {margin-bottom:60px !important; display:block;}
.paddingTB40 {padding:40px 0 !important; display:block;}
.marginR10 {margin-right:10px !important; display:block;}
.marginR20 {margin-right:20px !important; display:block;}
.marginR30 {margin-right:30px !important; display:block;}
.marginL10 {margin-left:10px !important; display:block;}
.marginL20 {margin-left:20px !important; display:block;}
.marginL30 {margin-left:30px !important; display:block;}


.imgHover a:link {
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
/*-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;*/
}

.imgHover a:hover {
opacity:0.4;
filter: alpha(opacity=40);
-ms-filter: "alpha( opacity=40 )";
}

.midashiCenter { width:100%; text-align:center; }

.caution { font-size:12px; color:#565656; text-align:left; width:100%; line-height:1.2em; }

/*----画像縮小---*/
a.scaleimg img {
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    transition: transform 0.3s ease;
}
a.scaleimg img:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}


/*メイン-----------------------------------*/
.toppage .movieBoxOuter {
	height:440px;
	width:100%; 
	margin:0;
	text-align:center;
	 }
	 
.toppage .movieBoxOuter .movieBox {
	height:400px;
	width:1130px;
	margin:0;
	padding:0;
	margin:0 auto;
-webkit-box-shadow: 0 0 15px 0 #fff;
-moz-box-shadow: 0 0 15px 0 #fff;
box-shadow: 0 0 15px 0 #fff;
}

.toppage .movieBoxOuter .movieBox video,
.vjs-error-display {
	margin:0;
	height:400px;
	width:1130px;
}

.otherpage .movieBoxOuter { 
width:100%;
height:286px; 
margin:0;
text-align:center; }
.otherpage .movieBoxOuter .movieBox { 
width:1000px; 
height:286px; margin:0 auto; 
-webkit-box-shadow: 0 0 15px 0 #fff;
-moz-box-shadow: 0 0 15px 0 #fff;
box-shadow: 0 0 15px 0 #fff;
}



/*header-----------------------------------*/
header {
height:121px;
width:100%; 
margin:0 0 70px 0;
position:relative;
background:#fff;
-webkit-box-shadow: 0 0 7px 0 #dddddd;
-moz-box-shadow: 0 0 7px 0 #dddddd;
box-shadow: 0 0 7px 0 #dddddd;
}
#header {
	width:1000px;
	margin:0 auto;
	position:relative;
}

.toppage h1 {text-indent:-9999px; font-size:0; line-height:0;}
.otherpage h1 {text-indent:0;}

.catch {
position:absolute;
top:20px;
left:0;
width:172px;
height:17px;
margin:0;
padding:0;
font-size:0;
list-style:none;
}

/*logo*/
.logo {
position:absolute;
top:44px;
left:0;
width:172px;
height:49px;
margin:0;
padding:0;
font-size:0;
list-style:none;
}

.heaerill {
position:absolute;
top:55px;
left:172px;
margin:0;
padding:0;
font-size:0;
list-style:none;
}
.tell {
position:absolute;
top:82px;
right:158px;
margin:0;
padding:0;
font-size:0;
list-style:none;
}
.plan {
position:absolute;
top:82px;
right:0;
margin:0;
padding:0;
font-size:0;
list-style:none;
}


nav {
	position:absolute;
	top:0;
	right:0;
	padding:0;
	margin:0;
	height:55px;
	width:747px;
}

nav ul {
	margin:0;
	padding:0;
	width:747px;
}

nav ul li {
	float:left;
	margin:0;
	padding:0;
}

nav ul li a img:hover {
	opacity: 0;
}

nav ul li a {
	float:left;
	height:55px;
	margin:0px;
	padding:0px;
}

nav ul li.navi01 a {
	width:48px;
	background: url(../img/common/gnavi01_on.png) no-repeat center top;
}

nav ul li.navi02 {
	width:118px;
	background: url(../img/common/gnavi02_on.png) no-repeat center top;
}

nav ul li.navi03 a {
	width:116px;
	background: url(../img/common/gnavi03_on.png) no-repeat center top;
}

nav ul li.navi04 a {
	width:47px;
	background: url(../img/common/gnavi04_on.png) no-repeat center top;
}

nav ul li.navi05 a {
	width:62px;
	background: url(../img/common/gnavi05_on.png) no-repeat center top;
}

nav ul li.navi06 a {
	width:145px;
	background: url(../img/common/gnavi06_on.png) no-repeat center top;
}

nav ul li.navi07 a {
	width:210px;
	background: url(../img/common/gnavi07_on.png) no-repeat center top;
}


/*コンテンツボックス-----------------------------------*/
.contentsBox {
	width:910px;
	padding:45px;
	margin:0 auto;
	background:#fff;
}

.contentsBox p { padding-bottom:1.8em; } 

.otherpage .contentsBox { padding-bottom:50px; } 

.otherpage .topbg { margin:30px auto 0 auto;}

.Box { width:100%; padding:0; margin:0; position:relative; } 
.BoxLeft { width:440px; float:left; text-align:center; }
.BoxRight { width:440px; float:right; text-align:center; }

.BoxLeft01 { width:286px; float:left; text-align:center; margin:0 25px 0 0; }
.BoxCenter01 { width:286px; float:left; text-align:center; margin:0 25px 0 0; }
.BoxRight01 { width:286px; float:left; text-align:center; margin:0; }


/*動画枠----------------------------------*/
.movieWaku { background:#cdcdcd; display:table-cell; text-align:center; vertical-align:middle;}


/*table-----------------------------------*/
table {
width:100%;
border-collapse:separate;
border-spacing:1px 1px;
margin:0 0 2px 0;
background:#fff;
}

table tr td {
	padding:13px 20px;
	background:#ededed;
	text-align:left;
	font-size:14px;
}
table tr th {
	padding:13px 20px;
	background:#1b1b1b;
	text-align:left;
	font-size:14px;
	color:#fff;
}



/*footer-----------------------------------*/
footer {padding:30px 0 0 0; margin:0; width:100%; background:#b7ebe7;}

.footerInner { width:1000px; margin:0 auto;}

.footerList {
	width:100%;
	display:block;
	text-align:center;
	padding:5px 0;
	margin:0 0 10px 0;
}

.footerList img { margin:0 5px 0 13px; }

.footerLeft {
	width:55%;
	float:left;
	font-size:13px;
	letter-spacing:0;
	line-height:1.1em;
	
}

.footerLeft p { padding:15px 0 0 0; }

.footerRight {
	width:44%;
	float:right;
	font-size:13px;
	line-height:1.4em;
	letter-spacing:0;
	padding:15px 0 0 0;
}

.footerLeft img {
	float:left;
	margin:10px 0 0 0;
}

.copy {
	width:100%;
	padding:10px 0;
	text-align:center;
	margin:0;
	font-size:11px;
	background:#85dbd4;
}

footer .footerList a {
	position: relative;
	display: inline-block;
	line-height:1.6em;
}