@charset "utf-8";

/*
2015/12/7
*/

/* ---------------------
Common
--------------------- */
.others,shops{margin:0;}

#mainimg{
	background-repeat: no-repeat;
	background-position: center center;
	height:368px;
	width:100%;
	background-size: cover;
	margin:0 auto;
	text-indent: -9999px;
}

.mainbox{
/*total 1000px*/
	width:934px;
	padding-left:33px;padding-right:33px;
	margin-left:auto;margin-right:auto;
}

.contents{margin-top:45px;margin-bottom:50px;}
.contents .floatl{width:467px;}
.contents .floatr{width:440px;padding-left:27px;}

/*headarea*/
#headarea{padding:10px 0;}

#headarea .floatl{width:467px;padding:17px 0;}
#headarea .goback{
	float:left;
	width:467px;
	padding:32px 0;
	text-align:right;
}

#headarea h1{
	width:201px;height:54px;margin:0;
}
#headarea h1 a{
	display:block;
	width:270px;
	height:60px;
	text-indent:-9999px;
	background-image: url(../shops/img/logo_pages.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ---------------------
Menu用ページ
--------------------- */
.contents .floatlmenu{
	float:left;
	width:550px;
}
.galleryboxmenu{
	width:360px;
	padding-left:24px;
	float:left;
}

/* ---------------------
SHOPS_MENU
--------------------- */
#tab-box ul {
	width: 500px;
	padding: 0;
	list-style: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#tab-box ul li {
	margin-right:1px;
	float:left;
	display:inline;
	font-size:0;
}
#tab-box ul li a img{
	outline:none;
	border:none;
}
#tab-box div {
	display: none;
	width: 510px;
	margin-bottom: 30px;
	padding: 20px;
	height: 495px;
	overflow-y: scroll;
	color: #FFF;
	background-color: #181717;
	font-size: 12px;
}
#tab-box div table tr td {
	font-size: 12px;
	line-height: 2.0em;
}
.clearFix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}
.mt-20{
	margin-top:-20px;
    margin-right: -80px;
}

/* ---------------------
Shops common
--------------------- */
/*shop detail*/
.detail h2,
.detail h3,
.detail h4,
.detail h5{color:#3e3a39;}

.detail h3{font-size:22px;}

.detail h4{font-size:16px;padding-bottom:10px;}

.detail h5{	}
.detail h5:before{content:"・";}

.detail > div{border-top:1px solid #8a9394;padding-top:15px;margin-top:15px;}
.detail p{line-height:180%;}

.detail .tel{
	font-size:18px;
	color:#3e3a39;
	margin-top:10px;
	font-weight:bold;letter-spacing: 1px;
	line-height:100%;
}

.detail td{padding-bottom:5px;}

/*gallery*/
.gallerybox{width:360px;padding-left:107px;float:left;}
.gallery img{margin-top:15px;margin-left:15px;float:left;}

/*google map*/
#map_canvas{
	width: 934px;
	height: 340px;
	margin:30px 0 70px 0;
	-webkit-filter: grayscale(90%) contrast(110%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(90%) contrast(110%);
}


/* footer */
#smenu02 li{line-height:100%;margin-bottom:0.9em;}
#smenu02 a{
	font-size:14px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#smenu02 a:hover{color:#adadad;}


/* ---------------------
Concept
--------------------- */
#concept #mainimg{background-image: url(../img/mainimg_concept.jpg);}



/* ---------------------
SHOPS
--------------------- */
#kyukaru #mainimg{background-image: url(../shops/img/mainimg_nakanokoan.jpg);}