/* --- 共通本文 --- */

div.entryBody{
  width:570px;
  margin:0px auto;
}
div.entryBody p{
  margin-left:10px;
  line-height:160%;
}
div.entryBody table{
  margin:10px auto;
}
div.entryBody table tr th{ 
padding:5px;
border:1px solid #ededed;
background-image:url(http://www.sharumu-salon.jp/img/common/th_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
}
div.entryBody table tr td{ padding:5px;border:1px solid #ededed; }

div.entryBody h4#point01,
div.entryBody h4#point02,
div.entryBody h4#point03{
  display:block;
  width:560px;
  height:44px;
  margin:10px auto;
  text-indent:0px;
  color:#ffffff;
  padding-left:160px;
}
div.entryBody h4#point01{ background-image:url(http://www.sharumu-salon.jp/img/common/point1.jpg);
padding-top:10px; }
div.entryBody h4#point02{ background-image:url(http://www.sharumu-salon.jp/img/common/point2.jpg);
padding-top:4px; }
div.entryBody h4#point03{ background-image:url(http://www.sharumu-salon.jp/img/common/point3.jpg);
padding-top:10px; }

/* -- 値段表記 -- */
span.yen{ color:#cc0000;font-weight:bold; }
/* -- 値段表記 -- */
span.yen2{ text-align:right;width:100%;display:block;color:#cc0000;font-weight:bold;border-bottom:1px dashed #999999; }
/* --- その他フォント色 --- */
p.pink{ color:#f82b52; }

/* --- 共通下アイコン -- */
div.commonBottomBox{
  width:570px;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  clear:both;
}
div.commonBottomBox a{
  display:block;
  width:140px;
  height:36px;
  float:left;
  background-image:url(http://www.sharumu-salon.jp/img/common/bottomIcon_bg.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  line-height:36px;
  text-align:center;
  margin:0px;
  color:#131313;
}
div.commonBottomBox a:hover{
  background-image:url(http://www.sharumu-salon.jp/img/common/bottomIcon_bg_o.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  text-decoration:none;
}

/* ---
インデックスページメニュー
------------------------------------------- */
div#indexBox01{
  width:565px;
  height:235px;
  border:1px solid #d7d7d7;
  padding-top:8px;
  margin:10px auto;
}
div#indexBox01 ul{
  display:block;
  list-style:none;
  position:relative;
  top:138px;
  margin:0px;
  padding:0px;
}
div#indexBox01 ul li{
  display:block;
  width:170px;
  height:24px;
  line-height:24px;
  text-indent:24px;
  margin:0px auto;
}
div#indexBox01 ul li a{
  background-color:transparent;
  text-decoration:none;
}
div#indexBox01 ul li a:hover{
  background-color:transparent;
  text-decoration:underline;
}
/* --- 各メニュー内の項目ボックス --- */
div#innerBox01,
div#innerBox02,
div#innerBox03{
  display:block;
  width:179px;
  height:220px;
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
}
div#innerBox01{ background-image:url(http://www.sharumu-salon.jp/img/index/indexBox01_01_bg.jpg);
  margin-left:7px; margin-right:7px; }
div#innerBox02{ background-image:url(http://www.sharumu-salon.jp/img/index/indexBox01_02_bg.jpg);
  margin-right:7px; }
div#innerBox03{ background-image:url(http://www.sharumu-salon.jp/img/index/indexBox01_03_bg.jpg); }

div#innerBox01 ul li,
div#innerBox02 ul li,
div#innerBox03 ul li{
  background-position:left top;
  background-repeat:no-repeat;
}
div#innerBox01 ul li{ background-image:url(http://www.sharumu-salon.jp/img/index/innerBoxMenu01_bg.png); }
div#innerBox02 ul li{ background-image:url(http://www.sharumu-salon.jp/img/index/innerBoxMenu02_bg.png); }
div#innerBox03 ul li{ background-image:url(http://www.sharumu-salon.jp/;img/index/innerBoxMenu03_bg.png); }

div#innerBox01 ul li a{ color:#DB8104; }
div#innerBox01 ul li a:hover{ color:#DB8104; }
div#innerBox02 ul li a{ color:#E3290A; }
div#innerBox02 ul li a:hover{ color:#E3290A; }
div#innerBox03 ul li a{ color:#1C6F22; }
div#innerBox03 ul li a:hover{ color:#1C6F22; }
/* ----------------------------------------- */

/* --- オンラインショップ、ブライダルエステメニュー --- */
div#indexBox02{
  display:block;
  width:565px;
  margin:0px auto 10px auto;
}
div.bridalTxt01{
  width:340px;
}

/* ---
ブライダルエステ
-------------------------------------------- */


/* ---
News更新情報
-------------------------------------------- */
div#newsBox{
  width:568px;
  background-image:url(http://www.sharumu-salon.jp/img/index/newsBox_bg.gif);
  background-repeat:repeat-y;
  background-position:left top;
  margin:0px auto 10px auto;
}
div.newsBox-inner iframe{
  display:block;
  margin:0px auto;
  border:none;
}
div.newsBox-inner p{
  display:block;
  width:500px;
  margin:10px auto;
  text-indent:20px;
  background-image:url(http://www.sharumu-salon.jp/img/common/news-title.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  border-bottom:1px dashed #666666;
}
/* --- 店舗情報 --- */
div#infoBox{
  width:570px;
  height:250px;
  background-image:url(http://www.sharumu-salon.jp/img/index/infoBox_bg.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  margin:10px auto;
}
div#infoBox ul{
  display:block;
  list-style:none;
  margin:0px;
  padding:0px;
  position:relative;
  top:86px;
  left:240px;
  line-height:180%;
}
div.infoButton{
  display:block;
  position:relative;
  top:124px;
  left:244px;
}
/* ---
フェイシャル,ボディ 共通
--------------------------------------------- */
div#facialBox h4,
div#bodyBox h4,
div#relaxBox h4{
  display:block;
  width:553px;
  height:32px;
  line-height:32px;
  background-image:url(http://www.sharumu-salon.jp/img/common/h4_2.gif);
  background-position:0px 0px;
}
div#facialBox h4 a,
div#bodyBox h4 a,
div#relaxBox h4 a{
  display:block;
  color:#ffffff;
  width:553px;
  height:32px;
}

/* ---
ビフォーアフター
--------------------------------------------- */
div.baBox{
  display:block;
  width:460px;
  padding:10px;
  margin:10px auto;
  border:1px solid #ededed;
}
div.baBox-inner{
  display:block;
  width:440px;
  height:140px;
  margin:0px auto;
  background-image:url(http://www.sharumu-salon.jp/img/ba/baBox_bg.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}
/* ---
店舗情報ページ
--------------------------------------------- */
div.shopinfoBox{
  float:right;
  width:340px;
}
div.imgBox{
  clear:both;
  width:570px;
}
div.imgBox img{
  display:block;
  width:186px;
  height:143px;
  margin-right:4px;
  float:left;
}
/* --- 店舗写真(2枚) --- */
img.img-left,
img.img-right{
  display:block;
  margin-bottom:10px;
}

img.img-left{
  float:left;
}
img.img-right{
  float:right;
}

/* ---
お客様の声
--------------------------------------------- */
div.voiceBox{
  display:block;
  width:180px;
  height:267px;
  border:1px solid #ededed;
  float:left;
  margin-left:6px;
  margin-bottom:10px;
  position:relative;
}
div.voiceBox p{
  position:absolute;
  bottom:0px;
  width:160px;
  text-align:center;
}
/* ---
良くある質問
--------------------------------------------- */
div.faqBox{
  display:block;
  width:560px;
  margin:10px auto 20px auto;
}
div.qBox{
  display:block;
  color:#844200;
  width:560px;
  height:40px;
  line-height:40px;
  font-size:16px;
  font-weight:bold;
  border-bottom:1px solid #D9B382;
}
div.qBox:before{
  content:"Ｑ.";
  color:#F82F54;
  font-size:24px;
  font-weight:bold;
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
div.aBox{
  display:block;
  width:540px;
  padding:10px;
  background-color:#FFF0E1;
  border:1px solid #8C4600;
  margin:10px auto 0px auto;
}
div.aBox:before{
  content:"Ａ.";
color:#ff0000;
font-size:20px;
font-weight:bold;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
div.aBox strong{
  font-weight:bold;
  color:#cc0000;
}

/* ---
その他
--------------------------------------------- */
/* --- パンくず --- */
p.navi{
  display:block;
  width:565px;
  height:30px;
  line-height:30px;
  margin:6px auto;
  text-indent:10px;
  border-bottom:1px dashed #cccccc;
}
/* --- 左寄せ --- */
span.left{
  float:left;
}
/* --- 右寄せ --- */
span.right{
  float:right;
}