@charset "utf-8";
/* 各店舗共通部分*/
@import url(layoutbase.css);

/*---------- 以下、各店舗別設定  ----------------*/
body {
background-color: #fff;
}

.dotline {
	background-image: url(../images/line.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 3px;
}

.reserve {
	clear:both;
	margin-bottom: 2em;
	background-image: url(../images/bg.png);
	padding-top: 1em;
	padding-bottom: 0.1em;
}
.reserve:after {
  content : '';
  display : block;
  clear : both;
}
.reserve ul {
	table-layout:fixed;
	width: 97%;
	margin-left:1.5%;
}
.reserve ul li {
	margin-bottom: 0;
}
.reserve ul li img {
	width: 94%;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader div.navi {
	width: 100%;
	background:none;
	border-bottom:#b2a06b solid 3px;
}
#gHeader div.navi ul {
	margin-bottom: 0;
}
#logo {
	background-color: #FFF!important;
	padding-bottom: 0.5em;
}

#logo h1 {
	float:left;
	margin-left: 0.5%;
	width: 25%;
}
#logo ul {
	width: 54%;
	margin-right: 0;
	padding-top: 1.5em;
}

#logo ul li.tel {
	width: 37%;
}
#logo ul li img {
	width: 97%;
}

#gHeader div.navi {
	background-color: #f6f5f6;
}
#gHeader div.navi ul {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d2d5;
}

#gHeader div.navi ul li {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #e6e1d0;
}

#gHeader div.navi ul li.home {
	width: 12%;
}
#gHeader div.navi ul li.about {
	width: 30%;
}
#gHeader div.navi ul li.edu {
	width:20%;
}
#gHeader div.navi ul li.visit {
	width:20%;
}

#gHeader div.navi ul li:last-child {
	border-right: none;
}
#gHeader div.navi ul li a {
	color: #484743;
	line-height: 1;
	width: 100%;
	display: block;
	padding-top: 1.5em;
	height: 1em;
	padding-bottom: 1.5em;
	font-size: 12px;
	background-color: #ededed;
}
#gHeader div.navi ul li a:hover,
#gHeader div.navi ul li a:active {
	background: #393a34;
	border:none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
}
nav#gnavi {
	margin-bottom: 1em;
}
@media screen and (max-width : 320px){
body { font-size: 0.8em;
      line-height: 1.2;}
	  
#gHeader div.navi ul li a {
	font-size: 10px;
}
}
@media screen and (min-width : 600px){
body { font-size: 1.1em; }
}

/*------------------------------------------------------------
	タイトル
------------------------------------------------------------*/
#title {
	color: #323131;
	margin-bottom: 2em;
}

#title h2 {
	margin-bottom: 1em;
}
#title h3 {
	margin-bottom: 1em;
}
#title h2 img ,
#title h3 img {
	width: 100%;
	height:auto;
}
.in {
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}
#contactsalon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 10%;
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	background-image: url(../images/contact_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #fefcec;
	background-size: 35% auto;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
#contactsalon h2 {
	margin-bottom: 1em;
}
#contactsalon h2 img {
	width: 100%;
	height:auto;
}
#contactsalon p {
	margin-bottom: 2em;
	line-height: 1.8;
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter .lower {
	padding-top: 1.8em;
	padding-bottom: 2.2em;
}
#gFooter .upper {
	padding-bottom: 0em;
	padding-top: 0;
	background: none;
}
#gFooter p.copyright {
	background-color:#a07d1f;
	width:100%;
	line-height: 1.2;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align:center;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
}
#gFooter ul li a {
	color: #e8155a;
}