/* ------------------------------------------------------------
　エステ・人気ランキング CSS　2007/09/07

　・共通要素
　・全体　container
　・ヘッダー　header
　・ナビゲーション　navi
　・フッター　footer
　・メインコンテンツ　contents
------------------------------------------------------------ */



/* ------------------------------------------------------------
      基 本 背 景
------------------------------------------------------------ */
* {
  margin: 0;
  padding: 0;
}

BODY {
  background: url(img/common/bg-body.gif);
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", Verdana, sans-serif;
  line-height:160%;
  color: #666666;
  font-size:12px;
}

#outline {
  background: url(img/common/bg-body-side.gif) center repeat-y;
  margin : auto auto 0px;
  margin-left : auto;
  margin-bottom : auto;
  padding : 0px 0px;
  padding-bottom : 0px;
  padding-left : 0px;
}

#body_bg01 {
  background: url(img/common/bg01.jpg) repeat-x;
  padding: 0;
}

#body_bg02 {
  background: url(img/common/bg02.jpg) center top no-repeat;
  margin: 0 auto;
}

#container{
  width:840px;
  margin : 0px auto 0px;
}

#contents{
  width:800px;
  margin : 15px auto 15px;
  margin-left : 20px;
}


/* ----- ヘッダー ----- */
#header {
  background:url(img/common/bg_header.jpg) no-repeat;
  width: 840px;
  height:90px;
}

#header h1 {
  margin: 0px 20px 0px ;
  font-size: 10px;
  color: #D9CBAC;
}

#header_logo{
  position: absolute;
  top: 20px;
/* float:left; */
}

#header_btn{
  position: absolute;
  top:40px;
  left: 0px;
  width:840px;
  text-align:right;
}

#header_camp{
  position:absolute;
  top:0px;
  width:840px;
  color:#FFFFFF;
}

.header_camp_btn {
  width: 385px;
  text-align:center;
  background:url(img/common/bg_header_camp.gif) no-repeat;
  padding : 10px 0px 10px;
  padding-left : 0px;
  height:25px;
  float:right;
}

#header_camp a {
  color:#FFFFFF;
}


/* ----- ナビゲーションメニュー ----- */
#navi {
  width: 840px;
  height:30px;
  margin:0;
}

.navi a {
  display: block;
  height: 30px;
  width: 80px;
  float:left;
}

.navi a img {
  display: block;
  height: 30px;
  width: 80px;
  border: none;
}

#navi_line{
  width:100%;
  height:1px;
  background:#892343;
  clear: both;
/* border-bottom:2px #822240 solid; */
}

#navi_line-top{
  width:100%;
  height:5px;
  background:#99000F;
/* border-top:5px #822240 solid; */
}


/* ----- フッター ----- */
#footer {
  width: 840px;
  height:50px;
  margin-top : auto;
  margin-right : auto;
  margin-left : auto;
  margin-bottom : auto;
  background:url(img/common/bg_footer.jpg) no-repeat;
}

#copyright {
  text-align:right;
  color:#FFFFFF;
  padding:10px;
}


/* ------------------------------------------------------------
      共 通 要 素
------------------------------------------------------------ */
br.clear {
  clear: both;
}

H1,H2,H3,H4,H5,H6 {
  font-weight:normal;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", Verdana, sans-serif;
}

TABLE {
  line-height:160%;
  font-weight:normal;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size:12px;
}


/* ----- 画像 ----- */
img {
  border: 0;
}


/* ----- 文字指定 ----- */
.text_red {
  color:#FF0000;
}

.text_b {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size:12px;
  font-weight:bold;
}

.text_bb {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size:14px;
  font-weight:bold;
}

.text_bbb {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size:16px;
  font-weight:bold;
}


/* ----- ボックス指定 ----- */
.box_aki5 {
  margin: 5px;
}

.box_aki_05 {
  margin: 0 5px;
}

.box_aki7 {
  margin: 7px 0;
}

.box_aki_020 {
  margin: 0 20px;
}

.box_aki_030 {
  margin: 0 30px;
}

.box_aki7under {
  margin: 0 0 7px 0;
}

.box_aki10under {
  margin: 0 0 10px 0;
}

.box_aki15under {
  margin: 0 0 15px 0;
}


/* ----- リンク指定 ----- */
a {
  text-decoration:underline;
  color:#3366CC;
}

a:link {
  color:#3366CC;
}

a:visited {
  color:#5B91FF;
}

a:hover {
  color:#FF8AB9;
  text-decoration:none;
}

a:active {
  color:#5B91FF;
}


/* ----- ドット画像 ----- */
.dot {
  background: url(img/common/dot.gif) repeat-x center;
}

.dot2 {
  border-bottom: 1px dashed #CCCCCC;
}

.dot3 {
  border: 1px dashed #CCCCCC;
}


/* ----- 詳しくはこちらリンク ----- */
.link_more {
  text-align:right;
}


/* ----- PageTopへ戻るリンク ----- */
.page_top {
  margin: 0;
  padding: 5px 0;
  font-size: 80%;
  text-align: right;
}


/* ----- パンクズ ----- */
.topicpass {
  font-size: 11px;
  margin-bottom:15px;
}


/* ------------------------------------------------------------
      ト ッ プ ペ ー ジ
------------------------------------------------------------ */
.box_saloninfo {
  width:220px;
  background:url(img/top/box_shopinfo_02.gif) repeat-y;
  margin-bottom:15px;
}

.box_topnews {
  width:570px;
  border:1px #CFC4B4 solid;
  background:url(img/top/box_news_02.gif) repeat-y;
  margin-bottom:10px;
}

.box_topnews_in {
  margin: 5px 40px 0;
}

.box_book {
  width:570px;
  border:1px #CFC4B4 solid;
  background:url(img/top/box_book_02.gif) repeat-y;
  margin-bottom:10px;
}
.box_book_in {
  margin: 5px 15px 0;
}

/* ------------------------------------------------------------
      中 ペ ー ジ
------------------------------------------------------------ */

/* ----- カテゴリー名（大タイトル）----- */
#page-tit {
  background:url(img/common/bg_pagetitle.jpg) no-repeat;
  margin:0;
  font-size:16px;
  color:#660000;
/*
  width を指定することにより表示がずれる(IE6SP1)
  width:840px;
*/
  height:40px;
  padding:30px 100px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight:bold;
  letter-spacing: 0.2em;
}


/* ----- 各ページ名（中タイトル）----- */
#sub-tit {
  background:url(img/common/bg_subtit.jpg) no-repeat;
  height: 70px;
  margin: 5px 0 10px;
  padding: 25px 0 0 45px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #CC0066;
}


/* ----- 項目名（小タイトル）----- */
.mini-tit {
  background:url(img/common/bg_minitit.gif) no-repeat;
  color:#993333;
  font-weight:bold;
  letter-spacing: 1px;
  padding:8px 0 0 70px;
  height:30px;
  margin:20px 0 10px;
}


/* ----- 所要時間＆値段　ボックス ----- */
.box_price {
  background:#FFFFE8;
  padding:7px;
}


/* ----- メニュー内容テキスト　ボックス ----- */
.box_item {
  width:570px;
  margin:5px 0 5px 10px;
}


/* ------------------------------------------------------------
      中 ペ ー ジ    左 メ ニ ュ ー
------------------------------------------------------------ */ 
.menu {
  background:url(img/common/menu_bg.gif);
  padding:5px;
}

.menu_big li {
  border-bottom: 1px #999999 dotted;
  background:url(img/common/icon_menu_big.gif) no-repeat;
  list-style:none;
  padding:5px 0 5px 15px;
  font-weight:bold;
}

.menu_mini li {
  border-bottom: 1px #999999 dotted;
  list-style:none;
  padding:5px 0 5px 20px;
}