@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------

	. トップページ

------------------------------------------------------------ */

#topConcept{
	background: url(../img/top/img_concept.jpg) no-repeat left top;
	margin-bottom: 50px;
	padding-left: 260px;
}
#topConcept h3{
	margin-bottom: 14px;
}
#topConcept li{
	line-height: 0;
}

#topMenu{
	margin-bottom: 50px;
}
#topMenu h3{
	margin-bottom: 10px;
}
#topMenu ul{
	box-sizing: border-box;
	margin-bottom: 7px;
	margin-right: -6px;
	overflow: hidden;
}
#topMenu li{
	float: left;
	margin: 10px 6px 10px 0;
}
#topMenu li a{
	background: #FDFAEF;
	border: #69BEBA 1px solid;
	color: #66381F;
	padding: 8px 15px;
	text-decoration: none;
}
#topMenu li a:hover{
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}
#topMenu .braunBox div{
	padding: 14px 15px 10px;
}
#topMenu .braunBox div p{
	float: left;
	font-size: 115%;
	line-height: 1.6;
}
#topMenu .braunBox div p span{
	font-weight: bold;
}
#topMenu .braunBox div p.moreLink{
	border-left: #8B6852 1px dotted;
	float: right;
	padding: 7px 0 0 15px;
	margin-top: 16px;
}
#topGallery{
	margin-bottom: 50px;
}
#topGallery h3{
	margin-bottom: 5px;
}
#topGallery .slider {
	margin-right: -23px;
}
#topGallery .slider a{
	background: url(../img/common/bg_stripeDark.png) repeat;
	display: block;
	float: left;
	margin: 0 23px 20px 0;
	padding: 4px;
}
.slider {
	height: 150px;
	overflow: hidden;
}
/* ------------------------------------------------------------

	. メニュー・料金

------------------------------------------------------------ */

#menu #yoyaku{
	background: url(../img/menu/img_menu.jpg) no-repeat left top;
	min-height: 440px;
	margin-bottom: 65px;
	padding-left: 310px;
}
#menu #menuList .braunBox .inner{
	padding: 25px;
}
#menu #menuList .braunBox .cel{
	margin-bottom: 35px;
}
#menu #menuList .braunBox .last{
	margin-bottom: 0;
}
#menu #menuList .braunBox .cel h5{
	border-bottom: #8B6852 1px dotted;
	font-size: 129%;
	margin-bottom: 15px;
	padding-bottom: 3px;
}
#menu #menuList .braunBox .cel table{
	border: none;
	width: 100%;
}
#menu #menuList .braunBox .cel table th{
	background: url(../img/common/icon_square.png) no-repeat .3em .9em;
	line-height: 1.4;
	padding: 3px 0 2px 17px;
	text-align: left;
}
#menu #menuList .braunBox .cel table th.none{
	background: none;
}
#menu #menuList .braunBox .cel table td{
	padding: 3px 0 2px;
	text-align: right;
	vertical-align: top;
}
#menu #menuList .coconuts-nail {
	color: #69BEBA;
	font-weight: bold;
}


/* ------------------------------------------------------------

	. スタッフ紹介

------------------------------------------------------------ */

#staff .box{
	margin-bottom: 65px;
	overflow: hidden;
}
#staff .last{
	margin-bottom: 0;
}
#staff .box .imgBox{
	float: left;
	width: 190px;
}
#staff .box .txtBox{
	float: right;
	font-size: 93%;
	padding-top: 5px;
	width: 450px;
}
#staff .box .txtBox h4{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 185%;
	font-weight: normal;
	margin-bottom: 10px;
}
#staff .box .txtBox h4 span{
    font-size: 66%;
	margin-left: 20px;
}


/* ------------------------------------------------------------

	. 店舗・アクセス

------------------------------------------------------------ */

#shop .box{
	margin-bottom: 80px;
	overflow: hidden;
}
#shop .last{
	margin-bottom: 0;
}
#shop .box .imgBox{
	float: left;
	width: 307px;
}
#shop .box .imgBox img{
	border: #fff 6px solid;
    box-shadow: 0px 0px 6px #666;
    -moz-box-shadow: 0px 0px 6px #666;
    -webkit-box-shadow: 0px 0px 6px #666;
}

#shop .box .txtBox h4{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 172%;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 22px;
}
#shop .box .txtBox h4 span{
    font-size: 83%;
}
#shop .box .txtBox p{
	margin-bottom: .5em;
}

/* ------------------------------------------------------------

	. お問い合わせ

------------------------------------------------------------ */

#contact .box{
	overflow: hidden;
}
#contact .box h5{
	margin-bottom: 10px;
}
#contact .box .cel{
	margin: 40px 0 55px;
}
#contact .box .cel .inner{
	padding: 20px 25px;
}
#contact .box .braunBox h4{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 172%;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 20px;
}
#contact .box .braunBox h4 span{
    font-size: 83%;
	margin-left: 15px;
}
#contact .box .braunBox .txtBox{
	float: left;
	width: 270px;
}
#contact .box .braunBox .txtBox p{
	margin-bottom: .5em;
	width: 270px;
}
#contact .box .braunBox .contactBox{
	background: #D6C9B6;
	border: #755C46 4px solid;
	float: right;
	padding: 13px 0 10px;
	text-align: center;
	width: 310px;
}
#contact .box .braunBox .contactBox{
}

/*#shop .box .txtBox{
	float: right;
	padding-top: 5px;
	width: 345px;
}*/

#shop .box .txtBox{
	padding-top: 5px;
	width: 450px;
}
