@charset "utf-8";
body {
	font-family: "小塚ゴシック Pro M ,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*-----------------------------
    　　　共通設定
------------------------------*/
#wrapBody{
	width: 1600px;
	overflow: hidden;
	margin: 0 auto;
	position:relative;
	padding:0 40px;
}
#wrap_topLeft {
	float: left;
	width: 80%;
}
#wrap_topRight {
	width: 280px;
	float: right;
}
/*----------------------------*/
#wrap {
	border-top: solid 2px #000;
	margin-top: 18px;
}
#bottmLine{
	border-top:solid 1px #000;
	margin-top:17px;
	width:100%;
}
#bottmLineIn{
	border-bottom:solid 1px #000;
	margin:0 0 10px 0;
	padding:14px 0;
}
#header {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
}
#headerLeft {
	overflow: hidden;
	position:absolute;
	top:0
}
#headerLeft h1 { width: 222px;}
.navi_top {
	position:absolute;
	top:5px;
	right:22%;
	width: 615px;
	padding: 10px 0 0 0;
	border-bottom: solid 1px #898989;
	z-index:100;
}
.navi_top li {
	float: left;
	font-size: 11px;
	padding-left: 10px;
	margin-bottom:15px;
}
#wrap_topLeft, #wrap_topRight{	position: relative}

/*-----------------------------
    スライダー
------------------------------*/
.slider {
	position: relative;
	top: 73px;
	margin-bottom:73px;
	padding-top: 27px;
	width: 100%;
	height: 680px;
	overflow: hidden;
}
.slider li{
	right:0;
	overflow:hidden;
	width:100%;
	position:relative !important;
	height:680px
}
.slider li img{	
	width:100%;
}
/*.bx-viewport,.slider li{ height:680px !important}
.bx-controls{
	position:absolute;
	top:0;
	right:10px;
}*/
.bx-pager-item {
	float: left;
	clear: none;
	display: block;
	margin: 0 12px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.bx-pager-item a{
	width: 8px;
	height: 8px;
	display:block;
	border-radius: 50% 50%;
	background: #898989;
}
.bx-pager-item a.active{ background-color:#f39800}
.reservation{
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:55
}
.reservation a:hover img{
	opacity: 1;
	filter: alpha(opacity=100); 
	-ms-filter: "alpha(opacity=100)"; 
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.flex-control-nav{
	position:absolute;
	overflow:hidden;
	top:0;
	right:10px;
	height:10px;
}
.flex-control-nav li {
	float: left;
	clear: none;
	display: block;
	width:15px;
	margin: 0 12px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.flex-control-nav li a{
	width: 8px;
	height: 8px;
	display:block;
	border-radius: 50% 50%;
	background: #898989;
}
.flex-control-nav li a.flex-active{ background-color:#f39800}
.slides01{
	background:url(../img/top/slide/top_images01.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides02{
	background:url(../img/top/slide/top_images02.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides03{
	background:url(../img/top/slide/top_images03.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides04{
	background:url(../img/top/slide/top_images04.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides05{
	background:url(../img/top/slide/top_images05.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides06{
	background:url(../img/top/slide/top_images06.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides07{
	background:url(../img/top/slide/top_images07.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides08{
	background:url(../img/top/slide/top_images08.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides09{
	background:url(../img/top/slide/top_images09.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.slides10{
	background:url(../img/top/slide/top_images10.png) right top no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
/*----------------------------*/
#TopSabnavi{
	padding-top:20px;
}
#TopSabnavi ul.btomnavi{
	overflow:hidden;
	height:145px;
}
#TopSabnavi ul.btomnavi li{
	float:left;
	margin-right:3px;
	width:203px;
	height:145px
}
#TopSabnavi ul.btomnavi li a div{ width:100%; height:100px; overflow:hidden; display:block; position:relative}
#TopSabnavi ul.btomnavi li a div img{ position:absolute; display:block; left:0; top:0}
#TopSabnavi ul.btomnavi li:first-child{ width:172px;}
#TopSabnavi ul.btomnavi li:last-child{ margin-right:0}
#TopSabnavi ul.btomnavi li p{
	background:url(../img/top/bg_topsubnavi.gif) right bottom no-repeat;
	font-size:11px;
	padding:12px 10px 0 10px;
	width:203px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
	min-height:39px;
	 color:#231815
}
#TopSabnavi ul.btomnavi li:hover p{ color:#BFBFBF}
#TopSabnavi .subTConte{
	overflow:hidden;
	border-left:solid 1px #231815;
	border-right:solid 1px #231815;
	width:658px;
	height:102px;
	margin-top:20px;
}
#TopSabnavi .subTConte div{ float:left}
#TopSabnavi .subTConte div p{ 
	text-align:center;
	padding:5px 0;
}
#TopSabnavi .subTConte div img{ margin:0 auto}
#TopSabnavi .subTConte div ul{ 
	overflow:hidden;
	margin-top:17px;
}
#TopSabnavi .subTConte div li{ 
	border-right:solid 1px #231815;
	float:left;
	width:129px;
	text-align:center;
}
#TopSabnavi .subTConte div li:last-child{
	border-right:none;
}
#TopSabnavi .subTConte div.subTCLeft{
	width:392px;
	border-right:solid 1px #231815;
}
#TopSabnavi .subTConte div.subTCRight{ width:260px;}
#TopSidenavi ul{
	overflow:hidden
}
#TopSidenavi ul li{
	float:left;
	width:48%;
	height:187px;
	margin:0 1.85% 15px 0;
}

.Side_news{
	border-left:solid 1px #898989;
	border-right:solid 1px #898989;
	padding:5px 15px;
	margin-top:10px;
}
.Side_news li{
	font-size:11px;
	margin-bottom:5px;
	line-height:1.2em;
}
.sivebana li{ margin-bottom:5px}
.herdBtn{
	overflow:hidden;
	margin:10px;
	width:85px;
}
.herdBtn li{
	width:36px;
	height:36px;
	margin:0 3px;
	float:left;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.herdBtn li a{
	display:block;
	height:36px;
}
.herdBtn li.Twitter{ background:url(../img/common/twitter.png) left top no-repeat}
.herdBtn li.Facebook{ background:url(../img/common/facebook.png) left top no-repeat}

/*バナー設置のため*/
.baner2{
	margin-top:10px;
	max-width:800px;
}
.baner2 p{
	display:inline-block;
	width:49%;
}
.baner2 img{
	width:100%;
}
/*ここまで*/

	
p.footer_btoom{
	color:#514b49;
	font-size:10px;
	text-align:right;
	width:1600px;
	padding-bottom:3px;
	margin:0 auto;
}
footer{
	margin:0 auto;
	width:1600px;
	overflow:hidden
}
#footerIn{ width:79.48%}
footer div.hokubu,footer div.tyubu,footer div.nanbu{
	float:left;
	height:64px;
	padding: 9px 0 5px 50px;
	overflow:hidden;
	margin-left:15px;
}
footer div.hokubu{
	width:531px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
	background:url(../img/top/hokubu.png) left center no-repeat;
}
footer div.tyubu{
	background:url(../img/top/tyuubu.png) left center no-repeat;
	width:205px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}
footer div.nanbu{
	width:192px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
	background:url(../img/top/mannbu.png) left center no-repeat;
}
footer ul{ 
	overflow:hidden;
	float:left;
	font-size:11px;
}
footer ul li{
	float:left;
	padding:3px 10px 0 14px;
	background:url(../img/common/iconlist.gif) left center no-repeat;
}
footer ul li a{ color:#231815}
#footerIn img{ float:left}
.Topside_heder{
	overflow:hidden;
	width:280px;
	padding-bottom:43px
}
.Topside_heder div{ 
	float:right;
}
.bana_herf{ 
	width:137px;
	float:left;
	margin-right:5px;
	margin-bottom: 7px;
}
@media all and (max-width: 1480px) {
#wrapBody{
	width: 94%;
	padding:0 35px;
}
.navi_top { right:13%;}
#wrap_topLeft {
	width: 77%;
}
#headerLeft h1{ margin-left:0}

.slider li{ overflow:hidden;}
footer{ 
	padding-left:0;
	width:100%
}
#wrap_topLeft {
	width: 75%;
	margin-right: 1.8%;
}

.Topside_heder{ width:100%}
#TopSabnavi{ padding-left:1px}

#TopSabnavi ul.btomnavi li p{ width:100%}
/*.Topside_heder div{ width:55%}*/
.herdBtn{ 
	width:100%;
	display:block
}
#headerLeft .navi_top li{ margin-bottom:15px}
#footerIn{
	width: auto;
	padding:0 40px
}
#footerIn img{ float:none}
.Region{
	overflow:hidden;
	padding-top:10px
}
p.footer_btoom{width: 94%;}
}
@media all and (max-width: 1280px) {
#wrap_topLeft {
	width: 71%;
	margin-right:1%
}
}
@media all and (max-width: 1024px) {
	#wrapBody{
	width:965px;
	padding:0 20px;
	margin:0
	}
	
	/*バナー設置のため*/
.baner2{
	width:660px;
}
	/*バナーここまで*/
	
	p.footer_btoom{width:965px;}
	#wrap_topLeft{
		width:660px;
	}
	#footerIn img{
	float:none;
	margin-left:15px;
}
	footer div.hokubu,footer div.tyubu,footer div.nanbu{	
	padding:5px 0 10px 5%;
	height:31px;
}
#headerLeft .navi_top{ width:68%}
	/*footer div.hokubu{ width:54%}
	footer div.tyubu{ width:10%}
	footer div.nanbu{ width:14%}*/
	#TopSabnavi ul{ height:148px;}
	/*#TopSabnavi ul.btomnavi li{ width:156px;}
	#TopSabnavi .subTConte{ width:100%}
	#TopSabnavi .subTConte div.subTCLeft{ width:59.5%}
	#TopSabnavi .subTConte div.subTCRight{ width:40%}
	#TopSabnavi .subTConte div.subTCLeft li{ width:33%}
	#TopSabnavi .subTConte div ul{ height:60px;}
	#TopSabnavi .subTConte div.subTCRight li{ width:49.5%}*/

}