@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	background:#dbe7f3 url("../img/bg.jpg"); 
	font-size: 14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;*/
	/*font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	line-height: 1.6em;
	color: #111;
	text-align: center;
}

a {
	color: #111;
	text-decoration: none;
}

a:hover {
	color: #555;
	text-decoration: underline
}

a:hover img{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}


img {
	border: none;
	vertical-align: top;
}
p{
	padding: 0.5em 0;
}
.cl{
	clear:both;
}

#wrapper {
	margin:0;
	padding:0;
	width: 100%;
	text-align: center;
}


#movie_box{
	height: 507px;
	width: 100%;
	text-align: center;
}
#movie {
	width: 100%; 
	height: 507px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	overflow:hidden;
	position: relative;
}
.covervid-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 507px;
	z-index: 100;
}
.masthead-video {
	z-index: 100;
	width: 100%;
	height: 507px;
}

#logo_box{
	width: 100%;
	text-align:center;
	margin: 0 auto;
	padding-top:20px;
	text-align:center;
	position:absolute;
	z-index: 200;
}


/* グローバルナビ
---------------------------------------------*/

#navi_box{
	float: left;
	width: 100%;
	height: 95px;
	margin: 0;
	text-align: center;
	background: #fff url(../img/navi_bg.jpg) top center no-repeat;
	box-shadow: 0 2px 6px #444;
	-webkit-box-shadow: 0 2px 6px #444;
	-moz-box-shadow: 0 2px 6px #444;

}

#navi {
	margin:0 auto;
	padding: 0;
	width: 1010px;
	height: 95px;
}

#navi ul,
#navi ul li{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navi ul{
	width: 1010px;
	height: 95px;
	margin: 0;
	padding: 0;
	background:url(../img/navi.jpg) no-repeat;
}

#navi ul li.navi01 a{
	display: block;
	width: 292px;
	height: 95px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#navi ul li.navi02 a{
	display: block;
	width: 167px;
	height: 95px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#navi ul li.navi03 a{
	display: block;
	width: 102px;
	height: 95px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#navi ul li.navi04 a{
	display: block;
	width: 67px;
	height: 95px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#navi ul li.navi05 a{
	display: block;
	width: 122px;
	height: 95px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#navi ul li.navi06 a{
	display: block;
	width: 65px;
	height: 95px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#navi ul li.navi07 a{
	display: block;
	width: 195px;
	height: 95px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}


#navi ul li.navi01 a.active,
#navi ul li.navi01 a:focus,
#navi ul li.navi01 a:hover{
	background:url(../img/navi.jpg) no-repeat left bottom;
}

#navi ul li.navi02 a.active,
#navi ul li.navi02 a:focus,
#navi ul li.navi02 a:hover{
	background:url(../img/navi.jpg) no-repeat -292px -95px;
}

#navi ul li.navi03 a.active,
#navi ul li.navi03 a:focus,
#navi ul li.navi03 a:hover{
	background:url(../img/navi.jpg) no-repeat -459px -95px;
}

#navi ul li.navi04 a.active,
#navi ul li.navi04 a:focus,
#navi ul li.navi04 a:hover{
	background:url(../img/navi.jpg) no-repeat -561px -95px;
}

#navi ul li.navi05 a.active,
#navi ul li.navi05 a:focus,
#navi ul li.navi05 a:hover{
	background:url(../img/navi.jpg) no-repeat -628px -95px;
}

#navi ul li.navi06 a.active,
#navi ul li.navi06 a:focus,
#navi ul li.navi06 a:hover{
	background:url(../img/navi.jpg) no-repeat -750px -95px;
}

#navi ul li.navi07 a.active,
#navi ul li.navi07 a:focus,
#navi ul li.navi07 a:hover{
	background:url(../img/navi.jpg) no-repeat -815px -95px;
}


/* メイン
---------------------------------------------*/
#goaisatsu{
	clear:both;
	width:100%;
	height:507px;
	margin:0 auto 30px;
	background:url(../img/goaisatu.png) no-repeat center center;
}
#content{
	clear:both;
	width:1010px;
	margin:0 auto;
	padding:0;
}
#miryoku1{
	clear:both;
	float:left;
	width:307px;
	margin:0 0 0 5px;
	padding:0;
}
#miryoku1 .txt{
	padding:15px 0;
	text-align:left;
	line-height:1.5;
}
#miryoku2{
	float:left;
	width:307px;
	margin:0 0 0 40px;
	padding:0;
}
#miryoku2 .txt{
	padding:15px 0;
	text-align:left;
	line-height:1.5;
}
#miryoku3{
	float:right;
	width:307px;
	margin:0 5px 0 0;
	padding:0;
}
#miryoku3 .txt{
	padding:15px 0;
	text-align:left;
	line-height:1.5;
}
.miryoku_midashi{
	width:307px;
	text-align:center;
	font-size:24px;
	padding:22px 0 15px;
}
#left_column{
	clear:both;
	float:left;
	width:290px;
	margin-top:50px;
}
#ika{
	float:left;
	position:relative;
	top:670px;
}
#right_column{
	float:right;
	width:685px;
	margin-top:50px;
}

#plan_bnr{
	float:left;
	width:290px;
	height:290px;	
}

#osusume{
	float:right;
	width:685px;
	padding-bottom:10px;
}
#osusume_top{
	width:685px;
	margin:0 0 25px;
}
.osusume_box {
	float:left;
	text-align:left;
	color:#222;
	font-weight:normal;
	line-height:1.9;
	width:440px;
}
.osusume_photo{
	clear:both;
	float:right;
	width:225px;
}
.osusume_box dt{
	font-size:130%;
	font-weight:normal;
	margin-bottom:10px;
	line-height:1.4;
}
.osusume_box a{
	color:#097f84;
}
.osusume_box dd{
	font-size:100%;
}
.osusume_hr{
	float:left;
	clear:both;
	background: url("../img/osusume_hr.png") left top no-repeat;
	width:685px;
	height:11px;
	margin:15px 0;
}
#blog{
	float:right;
	width:685px;
	margin:30px 0 10px;
	background:#fff;
}
#blog_top{
	width:685px;
	height:57px;
	margin:0 0 25px;
}

/* フッター
---------------------------------------------*/



#footer{
	clear:both;
	float:left;
	width:100%;
	height:260px;
	background:url("../img/footer_bg.png") bottom center;
	margin:0;
}

#totop{
	clear:both;
	float:left;
	width:1010px;
	text-align:right;
	margin:50px auto 0;
}	
#footer_contents{
	width:1010px;
	margin:0 auto;
}
#footer_contents a{
	color:#fff;
}

#bottom_menu{
	width:100%;
	margin:40px 0 0;
	text-align:center;
	font-size:115%;
	line-height:2.0;
	color:#00696d;
}
#bottom_menu a{
	color:#00696d;
}

#bottom_txt{
	clear:both;
	float:left;	
	color:#111;
	font-size:95%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:left;
}

#yadosagashi{
	clear:both;
	float:left;
	width:50%;
	color:#111;
	font-size:90%;
	text-align:left;
	line-height:1.0;
}
#copyright{
	float:right;
	width:50%;
	text-align:right;
}