@charset "utf-8";

/*.clearfix******************************/
.clearfix:after {  content: "."; display: block;height: 0;font-size:0;clear: both; visibility:hidden;}
.clearfix{display: inline-block;} 
/* Hides from IE Mac \*/
* html .clearfix{height: 1%;}
.clearfix{display:block;}

.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:10px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl70{padding-left:70px;}
.pl150{padding-left:150px;}
.pr0{padding-right:0px;}
.pr5 {padding-right: 5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr70{padding-right:70px;}

/***********************************************
common
***********************************************/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#content {
	width: 950px;
	margin: 20px auto 0px;
	background-image: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/12/bg.gif);
	padding:0px;
}
/***********************************************
top
************************************************/

/*header***********************************************/
#top #header {
	height: 525px;
	width: 950px;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/12/top_bg_main.jpg) no-repeat center top;
	position:relative;
}
#top #header #note {
	width: 808px;
	height: 25px;
	position: absolute;
	top: 502px;
	left: 70px;
	color: #fffbbd;/*平常時文字色*/
	/*color: #000;*/
	text-align: center;
	font-size: 10px;
}

/*middle**************************************************/
#top #middle {
	margin: 0px auto ;
	width: 930px;
	padding:0px;
}
#top #middle #mapArea {
	position:relative;
	width:930px;
	height:717px;
	background:url(https://www.jalan.net/theme/kuchikomi/gentei/191202images/top_map_off.jpg) no-repeat center center;
}
#top #middle #mapArea #mapPoint {
	position:absolute;
	left: 73px;
	top: 125px;
}
/*bannerWrap**************************************************/
#top #bannerWrap {
	width: 670px;
	margin: 36px auto 0px;
	padding: 0px 0px 20px;
}
#top #bannerWrap #bannerTitle {
	width: 417px;
	height: 129px;
/*	background:url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/top_banner_title.jpg) no-repeat center center;*/
	background:url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/top_banner_title.png) no-repeat center center;
	margin:0 auto;
	text-indent:-999em;
}
#top #bannerWrap #imgWrap {
	margin-left: 10px;
}
#top #bannerWrap #imgWrap ul li {
	width: 210px;
	height: 80px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

#top #bannerWrap #imgWrap ul li img {
	background-color: #ffffff;
}

#top #bannerWrap #imgWrap ul li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#top #noteBottom { 
	font-size:11px;
	color: #fffbbd;/*平常時文字色*/
	/*color: #000;*/
	text-align:center;
	padding:10px 0px; }

#top #chaintxt { 
	font-size:12px;
	color: #fffbbd;/*平常時文字色*/
	/*color: #000;*/
	text-align:center;
	padding:5px 0 0 5px; }
	

/*Firefox CSSハック*/
@-moz-document url-prefix() {
#top #chaintxt { padding:0 0 0 5px; }
}

/***********************************************
area
************************************************/

/*h1～h5*********************************************/
#area .colomun01 .columnHead h2 {
	padding: 8px 15px;
	background-color: #460000;
	color:#FFF0B5;
	font-size:16px;
	line-height:1.2em;
}
#area .colomun01 .columnHead h3 {
	padding: 5px 15px;
	background-color: #b1b1b1;
	color:#FFFFFF;
	font-size:16px;
	line-height:1.2em;
	font-weight:100;
}
#area .colomun01 .columnHead h4 {
	padding:15px;
	font-size:21px;
	line-height:1.2em;
	color:#666666;
}
#area .colomun01 .columnHead h4 a {
	color:#8E7625;
	text-decoration:none !important;
}
#area .colomun01 .columnHead h4 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
	
#area .colomun01 h5 {
	padding: 0px;
	color: #7d550f;
	font-size: 18px;
	line-height: 1.2em;
	padding-bottom: 10px;
}


/*header***********************************************/
#area #header {
	height: 525px;
	width: 950px;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/12/bg_main.jpg) no-repeat center top;
	position: relative;
}

#area #content #header #areaName {
	width: 169px;
	height: 56px;
	position: absolute;
	top: 71px;
	left: 717px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#area #content #header #toTop {
	position: absolute;
	top: 159px;
	left: 15px;
	width: 920px;
	height: 92px;
}
#area #content #header #toTop a {
	width: 920px;
	height: 92px;
	display:block;
	text-indent:-999em;
}
#area #content #header #toTop a:hover {
/*	background-image: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/to_top.jpg);*/
	background-image: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/to_top.png);	
}

#area #content #header #headBtnWrap {
	width: 900px;
	top: 312px;
	left: 25px;
	position: absolute;
}
#area #headBtnWrap ul li {
	width: 96px;
	height: 51px;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/btn_bg_off.png) no-repeat;
	text-align:center;
	float:left;
	margin:4px 4px 0px 0px;
}
#area #headBtnWrap ul li.last {
	margin: 4px 0px 0px !important;
}

#area #headBtnWrap ul li a.btnOn {
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/btn_bg_on.png) no-repeat;
}
#area #headBtnWrap ul li:hover {
	width: 96px;
	height: 51px;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/btn_bg_on.png) no-repeat;
	text-align:center;
	vertical-align:middle;
}

#area #headBtnWrap ul li a {
	width: 96px;
	height:51px;
	text-align: center;
	text-decoration:none !important;
	color: #fffbbd;
	display:block;
	vertical-align:middle;
	text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
	padding:0 !important;
	margin:0 !important;
}

#area #headBtnWrap ul li a:hover {
	color: #ffffe2;
}
#area  ul li a span {
	text-decoration:none;
}
#area  ul li .btnText01 span {
	line-height: 2.9em;
	font-size:18px;
}
#area  ul li .btnText02 span {
	line-height: 3.1em;
	font-size:16px;
}
#area  ul li .btnText03 span {
	line-height: 1.2em;
	font-size:16px;
	padding-top:8px;
	display:inline-block;
}

#area #content #header #note {
	width: 808px;
	height: 25px;
	position: absolute;
	top: 440px;
	left: 70px;
	color: #fffbbd;
	text-align: center;
	font-size:10px;
}

/*middle**************************************************/
#area #middle {
	margin: 0px auto ;
	width: 920px;
	padding:0px;
}

/*middleRight**************************************************/
#area #middle #middleRight {
	float: right;
	width: 230px;
	margin:0px;
	position:relative;
}
#area #middle #middleRight #column01 {
	background:#000000;
	padding:10px 0px;
	text-align:center;
}
#area #middle #middleRight #column01 p {
	padding:5px 0px;
}
#area #middle #middleRight #column01 ul li {
	margin: 5px 0px 0px;
}
#area #middle #middleRight #column01 ul li a{
	display:block;
	width:210px;
	height:60px;
	margin:0 auto;
	background-color: #ffffff;
}
#area #middle #middleRight #column01 ul li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#chaintxt_side {
	font-size:11px;
	color: #fffbbd;
	text-align:center;
	padding:5px 0; }	


/*middleLeft**************************************************/

#area #middle #middleLeft {
	float: left;
}
#area #middle .colomun01 {
	width: 678px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin:0px 0px 40px;
	box-shadow:rgba(26, 40, 59, 1) 3px 3px 4px 0px;
	-webkit-box-shadow:rgba(26, 40, 59, 1) 3px 3px 4px 0px;
	-moz-box-shadow:rgba(26, 40, 59, 1) 3px 3px 4px 0px;
}
#area .colomun01 .columnMiddle {
	width: 664px;
	margin:0 auto;
	height:220px;
}
#area .colomun01 .columnMiddle .leftWrap:hover , .colomun01 .columnMiddle .rightWrap .rightLeftWrap:hover , .colomun01 .columnMiddle .rightWrap .rightRightWrap:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#area .colomun01 .columnMiddle .leftWrap {
	width: 310px;
	float: left;
	height:220px;
}
#area .colomun01 .columnMiddle .rightWrap {
	width: 352px;
	height:130px;
	float: right;
}
#area .colomun01 .columnMiddle .rightWrap .rightLeftWrap {
	width: 175px;
	float: left;
	height:130px;
}
#area .colomun01 .columnMiddle .rightWrap .rightRightWrap {
	width: 175px;
	float: right;
	height:130px;
}
#area .colomun01 .columnMiddle .rightWrap .rightBottomWrap {
	width: 352px;
	height: 91px;
	clear: both;
	position: relative;
	z-index: 0;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/bg_kutikomi.png) no-repeat 0 1px;
}
#area .rightWrap .rightBottomWrap #score {
	position: absolute;
	left: 240px;
	top: 18px;
	font-size: 38px;
	color: #8E7625;
	font-weight: bold;
	line-height: 1.1em;
	display: block;
	z-index: 0;
}
#area .rightWrap .rightBottomWrap a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-indent: -999em;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/trans.gif);
}
#area .rightWrap .rightBottomWrap:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#area #middleLeft .colomun01 .banner {
	margin: 0px auto 5px;
	padding: 10px 0px 0px;
	width: 672px;
}


#area #middleLeft .colomun01 .columnBottom {
	padding:0px 15px 15px;
}
#area .colomun01 .columnBottom dl {
	padding-top: 5px;
}

#area .columnBottom dl dt {
	width: 99px;
	float: left;
}
#area .columnBottom .clearfix dd {
	width: 540px;
	float: right;
	color: #7d550f;
	line-height: 1.4em;
	padding: 7px 0px 0px;
	font-size: 14px;
}

#area .columnBottom .lineWrap {
	height: 1px;
	background-color: #CCCCCC;
	margin-top:5px;
}
#area .columnBottom .clearfix dd span.priceF {
	font-size: 24px;
	color: #F00004;
	font-weight: bold;
}
#area .colomun01  .btnWrap {
	width: auto;
	height: 68px;
	position:relative;
}
#area .colomun01  .btnWrap ul li.wrapBtn01 {
	width: 483px;
	height: 68px;
	float:left;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/lc_btn_01.gif) no-repeat;
	position:absolute;
	left:0px;
	top:0px;

}

#area .colomun01  .btnWrap ul li.wrapBtn02 {
	width: 193px;
	height: 36px;
	float:left;
	background: url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/lc_btn_02.gif) no-repeat;
	position:absolute;
	left:483px;
	top:32px;

}
#area .colomun01  .btnWrap li:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#area .colomun01 .btnWrap a {
	display: block;
}


/*pagetop**************************************************/
#asideFixedBox {
    width: 35px;
	position: absolute;
	display:none;
	margin-left:245px;
	bottom:0px;
}
#asideFixedBox p#pagetop {
    width: 35px;
	height:131px;
}
#asideFixedBox p#pagetop a {
    width: 35px;
	display:block;
	text-indent:-999em;
	background:url(https://www.jalan.net/theme/kuchikomi/gentei/common/images/pagetop.png) no-repeat;
	height:131px;
}
#asideFixedBox p#pagetop a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


/* 20171121追記 クーポン */

#area #middle .coupon_btn{
	display:block;
	width:646px;
	height:58px;
	margin:0 0 10px 15px;
}

#area #middle .coupon_btn a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}