@charset "utf-8";


/*********************************************************************

    共通

*********************************************************************/

/*====================================================================
 general purpose
====================================================================*/
/* margin
--------------------------------------------------------------------*/
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 35px !important;}
.mr50 {margin-right: 40px !important;}

.pb00 {padding-bottom: 0 !important;}

.va_m {vertical-align:middle;}


/* text-align
--------------------------------------------------------------------*/
.tL {text-align: left !important;}
.tC {text-align: center !important;}
.tR {text-align: right !important;}

.text10 {font-size:72%;}
.text11 {font-size:79%;}
.text12 {font-size:86%;}
.text13 {font-size:93%;}
.text14 {font-size:100%;}
.text15 {font-size:108%;}
.text16 {font-size:115%;}
.text18 {font-size:129%;}
.text20 {font-size:143%;}
.text21 {font-size:150%;}
.text22 {font-size:158%;}
.text23 {font-size:165%;}
.text24 {font-size:172%;}
.text25 {font-size:179%;}
.text26 {font-size:186%;}
.text30 {font-size:214.2%;}
.text40 {font-size:286%;}
.text46 {font-size:326%;}
.text56 {font-size:400%;}

.clr_brown {color:#bc501d;}
.clr_blue {color:#0358af;}


/* lv */
.lv1{
	margin-bottom:10px;
	padding:15px 0 15px 15px;
    border:#e2caa5 1px solid;
	font-size:129%;
	line-height:1 !important;
	color:#fff;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	background: #f1e0c3;
	background: -moz-linear-gradient(top,  #f1e0c3 0%, #c19e66 50%, #b68d4c 51%, #f1e0c3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e0c3), color-stop(50%,#c19e66), color-stop(51%,#b68d4c), color-stop(100%,#f1e0c3));
	background: -webkit-linear-gradient(top,  #f1e0c3 0%,#c19e66 50%,#b68d4c 51%,#f1e0c3 100%);
	background: -o-linear-gradient(top,  #f1e0c3 0%,#c19e66 50%,#b68d4c 51%,#f1e0c3 100%);
	background: -ms-linear-gradient(top,  #f1e0c3 0%,#c19e66 50%,#b68d4c 51%,#f1e0c3 100%);
	background: linear-gradient(to bottom,  #f1e0c3 0%,#c19e66 50%,#b68d4c 51%,#f1e0c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e0c3', endColorstr='#f1e0c3',GradientType=0 );
}
.lv2{
	height:67px;
	margin:0 20px 20px;
	padding-left:30px;
	color:#fff;
	background:url(../images/common/bg_lv2.png) repeat-x;
	font-size:115%;
	line-height:67px;
	text-align:left;
	border-radius:3px;
}

.lv3{
	padding:5px 0 5px 20px;
	margin:8px 0 10px;
	color:#664c23;
	font-size:115%;
	line-height:30px;
	position:relative;
	border-bottom:#714000 1px solid;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edce9c 97%, #ffffff 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#edce9c), color-stop(97%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edce9c 97%,#ffffff 97%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,  #ffffff 0%,#edce9c 97%,#ffffff 97%); /* IE10+ */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#edce9c))";/* IE9 */
	zoom: 1;
	background-position:0 6px;
	background-repeat: no-repeat;
}

.lv3:before{
	display:block;
	content: "";
	background-image: url(../images/common/bg_lv3.png);
	background-repeat:repeat-y;
	position:absolute;
	left:0;
	top:5px;
	padding:15px;
	width:50px;
}

.lv4 {
	z-index:9999 !important;
	padding:3px 15px;
	margin:5px 5px;
	color:#ba5b00;
	font-size:115%;
	background:url(../images/common/bg_lv4.png) 0 50% repeat-y;
	text-indent:-3.1em;
	padding-left:3.5em;
}


/* indent */
.indent-lv1 {margin:0 10px 15px 10px;}
.indent-lv2 {margin:0 10px 15px 10px;}



/* float setting
--------------------------------------------------------------------*/
.fL{ float:left;}
.fR{ float:right;}
.clear{clear:both;}
.clearfix{	zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


body {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:75%;
	line-height:1.3;
	background:#fff;
}


/* リンク */
a:link {
	color: #c9a75f;
	text-decoration: underline;
}
a:hover, a:active {
	color: #f6bf49;
	text-decoration: none;
}
a:visited {
	color: #c9a75f;
	text-decoration: underline;
}


/* ヘッダー */
#gHeader{
	width:100%;
	margin:0 auto;
	background:#000;
}
#gHeader #sitelogo{
	padding-top:1px;
	padding-left:2px;
}
#gHeader #gH_type{
	padding-left:2px;
	height:9px;
	overflow:hidden;
}
#gHeader #gH_type img{
	vertical-align:top;
}
#gHeader #gH_station{
	width:168px;
	height:14px;
	font-size:8px;
	color:#fff;
	text-align:right;
	line-height:14px;
}
#gH_reserve{
	position:absolute;
	top:0;
	right:48px;
	width:96px;
	padding-top:2px;
	color:#fff;
}
#reserveBtn a{
	display:block;
	float:left;
	width:46px;
	padding:6px 0;
	background: -moz-linear-gradient(top, #fefefe, #f2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
	border:#937133 1px solid;
	text-align:center;
}
#reserveBtn a.left{
	border-right:none;
	border-radius: 3px 0 0 3px / 3px 0 0 3px;
}
#reserveBtn a.right{
	border-radius: 0 3px 3px 0 / 0 3px 3px 0;
}



/* switch_menu */
#switch_menu {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:46px;
	height:46px;
	background: #eaa52d;
	background: -moz-linear-gradient(top,  #eaa52d 0%, #7d5d00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaa52d), color-stop(100%,#7d5d00));
	background: -webkit-linear-gradient(top,  #eaa52d 0%,#7d5d00 100%);
	background: -o-linear-gradient(top,  #eaa52d 0%,#7d5d00 100%);
	background: -ms-linear-gradient(top,  #eaa52d 0%,#7d5d00 100%);
	background: linear-gradient(to bottom,  #eaa52d 0%,#7d5d00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaa52d', endColorstr='#7d5d00',GradientType=0 );
    /*border:#be881b 1px solid;*/
	color:#ffffff;
	vertical-align: middle; 
	text-align: center; 
	font-weight: bold; 
	font-size: 16px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	z-index:10;
	}

#switch_menu img { 
	vertical-align: middle; 
	width: 40px; 
	height:40px;
	margin: -3px 3px 0 3px; 
}
#switch_menu a { display: block; padding: 5px 0; }



/* globalNav */
#globalNav{
	width:100%;
	height:auto;
}
header #mainNav {
	border-top:0px;
	width:100%;
	display:none;
}

#globalNav li{
	height:50px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5px 8px 0;
	position:relative;
}

#mainNav {
	background-color:#7d5d00;
	color:#ffffff;
}

#globalNav li span,
#globalNav li#g_home a,
#globalNav li#g_guide a,
#globalNav li#g_products a,
#globalNav li#g_company a,
#globalNav li#g_office a,
#globalNav li#g_closeup a{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	width:100%;
	height:45px;
	display:block;
	background:none !important;
	text-indent:0;
	white-space:normal;
	overflow:hidden;
	text-decoration:none;
	color:#644610;
	background-color:#ffffff !important;
	padding-left:20px;
	padding-right:30px;
	line-height:45px;
	font-size:14px;
	border-radius:8px 8px 8px 8px;
}

#globalNav li#g_home a:after,
#globalNav li#g_guide a:after,
#globalNav li#g_products a:after,
#globalNav li#g_company a:after,
#globalNav li#g_office a:after,
#globalNav li#g_closeup a:after{
	display:block;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-7px;
	background-image:url(../images/common/icon_arrow_brown.png);
	background-repeat:no-repeat;
		background-size:11px 9px;
		background-position:0 center;
	z-index:5;
}
#globalNav li#g_home.act span,
#globalNav li#g_products.act span,
#globalNav li#g_office.act span{
	/*background-image:none;*/
	background-color:#a9a9a9 !important;
}



/* close */
	#headerSubNav li.closemenu { 
	display: block; 
	clear:both;	
	width:40%;
	margin:0px auto; 
	padding-top:7px;
	padding-bottom:15px;
	position:relative; 
	z-index:10;
	}
	#headerSubNav li.closemenu a {
			font-weight: bold; 
			color: #644610; 
			background-color:#dccc9e;
			border-radius:6px;
			-webkit-border-radius:6px;
			display: block;
			text-align: center; 
			padding: 15px 20px 15px 25px; 
			margin-top: 8px; 
			text-decoration:none;
			position:relative;
			text-indent:0;
		}
	#headerSubNav li.closemenu a:before {
		display:block;
		position:absolute;
		left:10px;
		top:12px;
		width:20px;
		height:20px;
		content: "";
		background:url(../images/common/icon_close.png) no-repeat;
		background-size:20px 20px;
		background-position:0 center;
	}



/* フッター */
#gFooter{
	clear:both;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:20px;
	background:#000;
	color:#fff;
	text-align:left;
	line-height:1.8;
}
#gFooter #copyright{
	padding-left:10px;
	padding-top:10px;
	text-align:left;
	font-size:86%;
}

#gFooter a:link {
	color: #fff;
	text-decoration: none;
}
#gFooter a:hover, #gFooter a:active {
	color: #fff !important;
	text-decoration: underline;
}
#gFooter a:visited {
	color: #fff;
	text-decoration: none;
}



/* フッター */
#gfooter{
	padding-top:20px;
	padding-bottom:20px;
	background:#513a07;
	color:#fff;
}
#copyright{
	padding-left:10px;
	text-align:left;
	font-size:86%;
}



/* パンくず */
#breadcrumbList{
	border-top:#eab92e 1px solid;
}
#breadcrumbList div{
	margin:0 auto;
	padding:5px 15px;
}


/* メイン */
#mainContents{
	padding-bottom:20px;
	background:url(../images/common/bg_main.jpg);
}
.container{
	padding:0 10px;
}


/* ページTOP */
.pagetop {
	display: none;
	position: fixed;
	bottom:50px;
	right:20px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}