@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #333333;
  background-color: #FBF4EF;
  border-top: solid 2px #502D16;
  -webkit-text-size-adjust: 100%;
}


/* IE7 用 */

*:first-child+html * {
  font-family: "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-Serif;
}


/* IE6 用 */
* html * {
  font-family: "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-Serif;
}

p {
  margin: 18px 0 18px 0;
  line-height: 150%;
  letter-spacing: 1px;
}

img {
  border: 0;
}

body {
text-align: center;
}

.clear {
clear:both;
height:15px;
}

h1{
  text-align:center;
  color:#ffffff;
  font-size:1em;
  padding:0;
  margin:0;
  background-color:#502D16;
  font-weight:normal;
}
a{/*リンクされた文字*/
    color:#554545;
    font-style:normal;
}
a:link {/*未訪問のリンク*/
    color:#554545;
    font-style:normal;

}
a:visited {/*訪問後のリンク*/
    color:#554545;

}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:none;
}
/*---------- header ----------*/

#header {
  width: 100%;
  height:150px;
  margin: 0;
  padding: 0;
  padding-top:10px;
  background-image: url(img/back_fl.png);
  background-repeat: repeat;
  text-align:center;
}
#logo{
text-align:center;
}
#logo table{
margin: 0 auto;
}
#logo table td{
text-align:left;
}
#logo img{
margin-right: 5px;
}
#logo .tel{
font-size:2em;
color:#502D16;
font-weight:bold;
}
/* iphoneで表示した際の電話番号対策 */
.tel a{
	text-decoration:none;
    color:#502D16;
}
#logo .top_msg{
  font-size:1.2em;
  color:#502D16;
}
#content {
  width: 900px;
  margin: 0 auto;
}
#menu {
width:100%;
margin-top:25px;
text-align:center;
}
#menu ul{
  width:900px;
  list-style-type: none;  
  margin-right:auto;
  margin-left:auto;
  padding: 0;  
}
#menu li{
width:180px;
height:90px;
float: left;
padding: 0; 
margin: 0; 
}
#menu a{
  width:100%;
  height:100%;
  display:block;
}
#menu1 a{ background: url(img/menu_image.png) no-repeat 0 0; }
#menu2 a{ background: url(img/menu_image.png) no-repeat -180px 0; }
#menu3 a{ background: url(img/menu_image.png) no-repeat -360px 0; }
#menu4 a{ background: url(img/menu_image.png) no-repeat -540px 0; }
#menu5 a{ background: url(img/menu_image.png) no-repeat -720px 0; }

#menu1 a:hover{ background: url(img/menu_image.png) no-repeat 0  -90px; }
#menu2 a:hover{ background: url(img/menu_image.png) no-repeat -180px -90px; }
#menu3 a:hover{ background: url(img/menu_image.png) no-repeat -360px -90px; }
#menu4 a:hover{ background: url(img/menu_image.png) no-repeat -540px -90px; }
#menu5 a:hover{ background: url(img/menu_image.png) no-repeat -720px -90px; }

#shadow{
  width: 100%;
  height:8px;
  margin: 0;
  padding: 0;
  background-image: url(img/shadow.png);
  background-repeat:repeat-x;
}
#top_img {
  margin-top:10px;
  margin-bottom:10px;
  /*background-size: cover;*/
}
#left{
 width:260px;
 margin-left:10px;
 margin-right:30px;
 height:auto;
 float:left;
}
#sub_menu ul{
  list-style-type: none;
  margin: 0;  
  padding: 0;  
}
#sub_menu li{
width:260px;
height:56.25px;
padding: 5px 0 0 0; 
margin: 0; 
}
#left a{
  width:100%;
  height:100%;
  display:block;
}
#sub1 a{ background: url(img/sub_menu_img.png) no-repeat 0 0; }
#sub2 a{ background: url(img/sub_menu_img.png) no-repeat 0 -56.25px; }
#sub3 a{ background: url(img/sub_menu_img.png) no-repeat 0 -112.5px; }
#sub4 a{ background: url(img/sub_menu_img.png) no-repeat 0 -168.75px; }
#sub5 a{ background: url(img/sub_menu_img.png) no-repeat 0 -225px; }
#sub6 a{ background: url(img/sub_menu_img.png) no-repeat 0 -281.25px; }
#sub7 a{ background: url(img/sub_menu_img.png) no-repeat 0 -337.5px; }
#sub8 a{ background: url(img/sub_menu_img.png) no-repeat 0 -393.75px; }

#sub1 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px 0; }
#sub2 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px -56.25px; }
#sub3 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px -112.5px; }
#sub4 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px -168.75px; }
#sub5 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px -225px; }
#sub6 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px -281.25px; }
#sub7 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px -337.5px; }
#sub8 a:hover{ background: url(img/sub_menu_img.png) no-repeat -260px -393.75px; }

#right{
 width:600px;
 float:left;
}
#concept{
  text-align:left;
  margin-left:10px;
  font-size:0.9em;
}
#salon_menu{
  width:100%;
  height:470px;
  margin-top:10px;
  padding: 0;
}
#salon_menu ul{
  padding: 0;
  margin:0;
}
#salon_menu ul li{
    width: 290px;
    height: 230px;
    margin: 5px 5px;
    padding:0;
    float: left;
    list-style: none;
    text-align: center;
}
#menu_list{
  width:600px;
  padding: 0;
}
#menu_list ul{
  padding: 0;
  margin:0;
}
#menu_list ul li{
    width: 600px;
    height: 230px;
    margin: 5px 0;
    padding:0;
    float: left;
    list-style: none;
    text-align:left;
    background-color: #FFF;
}

#menu_list .menu_list1{ background: url(img/nail_menu.png) no-repeat; }
#menu_list .menu_list2{ background: url(img/eye_menu.png) no-repeat; }
#menu_list .menu_list3{ background: url(img/hair_removal_menu.png) no-repeat; }

.nail_menu{
  background-color:#EFE7E5;
  text-align: left;
  padding-bottom: 10px;
}
.nail_menu img{
  margin-left: 10px;
  margin-top: 15px;
  width:580px;
  margin-bottom: 10px;
}
.nail_menu hr{
border:none;
border-top:dotted 1px #A18A7B;
height:1px;
width:95%;
}
.price{
  margin-right:20px;
  float:right;
  font-size: 14px;
  font-weight: bold;
}
.price_info{
  display:inline-block;
  width:100%;
  margin-left: 15px;
  margin-bottom:5px;
  font-weight: bold;
  font-size: 17px;
  color: #800000;
}
.price_info_sub{
  margin-left: 25px;
  font-size: 14px;
  font-weight: bold;
}

#menu_list .menu_info{
position:relative;
top:50px;
left:310px;
font-size:1.5em;
font-weight:bold;
color:#554545;
}
#menu_list .menu_info_link{
position:relative;
font-size:1.2em;
color:#554545;
}
#menu_list .link_area{
width:100%;
height:100%;
margin-top:80px;
padding:0;
text-align:right;
float:bottom;
vertical-align:bottom
}

#gallery_list{
margin-top:10px;
padding-bottom: 15px;
height:auto;
background-color:#EEE7E4;
clear: both;
}
#gallery_list img{
width:160px;
height:110px;
margin:15px 5px 0 5px;
background-color:#FFF;
border:solid 1px #958072;
padding:5px;
}
#salon_info_area{
text-align:left;
margin-left:10px;
}

#salon_data{
margin-top:50px;
}
.salon_data_tbl{
margin-top:15px;
line-height: 200%;
border-spacing: 30px 15px;
}

.salon_data_tbl th{
color:#D40000;
text-align:right;
}
.salon_data_tbl td{
text-align:left;
}

#access{
margin-top:20px;
}
.access_tbl{
margin-top:15px;
line-height: 150%;
border-spacing: 30px 5px;
}
.access_tbl th{
color:#D40000;
text-align:right;
vertical-align:top;

}
.access_tbl td{
text-align:left;
}
.school_area{
margin-top:10px;
padding-bottom:15px;
width:600px;
height:auto;
background-color:#EEE7E4;
}
.school_area table {
margin-left:10px;
margin-top:10px;
border-collapse: collapse;
width: 580px;
border: 1px solid #927E71;
font-size: 12px;
text-align: left;
}
.school_area th {
border: 1px solid #927E71;
color: #333;
background-color: #EEDCAC;
font-weight: bold;
padding: 5px;
text-align: center;
}
.school_area .th_name {
border: 1px solid #927E71;
color: #333;
background-color: #FEF5DA;
font-weight: bold;
padding: 5px;
text-align: left;
}
.school_area td {
border: 1px solid #927E71;
padding: 5px;
color: #666;
background-color: #FFFFFF;
}
#map{
text-align:center;
border:solid 1px #958072;padding:10px;
margin-bottom:20px;
background-color:#FFF;
}
h2{
text-align:center;
margin-top:2px;
margin-bottom:0px;
}


#footer{
  width:100%;
  font-size:15px;
  text-align:center;
  background-image: url(img/back_fl.png);
  background-repeat: repeat;
}
#copyright{
  width:900px;
  margin:0 auto;
  margin-top:10px;
  padding:10px 0;
  text-align:right;
  color:#502D16;
}
/* --- font一覧 --- */
.f1{
  font-size:1.2em;
  font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.f2{
  font-size:2em;
  font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.f3{
  font-size:3em;
  font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
/*パーツ*/

#pankuzu{
width:100%;
margin-left:10px;
text-align:left;
}
.ac{
  text-align: center;
}
.fs2{
  font-size:90%;
}
/*フォントカラー一覧*/

.red{ color:red;}