@charset "shift_jis" ;

/* ページ全体
----------------------------------------------- */

body{
  margin: 0;
  padding: 0:
  font-size: x-small;
  color: #333333;
  background: #e7dfee;
}

h1,h2,h3,h4,h5,ul,li,img,p,blockquote{
  margin: 0;
  padding: 0;
}

a:link{
  color:#ffffff;
  text-decoration: none;
  background:transparent;
}

a:visited{
  color:#ffffff;
  background:transparent;
  text-decoration: none;
}

a:hover,a:active{
  color:#edea16;
  text-decoration: none;
  background:transparent;
}


/* ヘッダ
----------------------------------------------- */

#header{
  margin: 0;
  padding: 0;
  width: 953px;
  height: 100px;
}

h1{
  width: 952px;
  height: 70px;
  background: #ffffff url(img/title.gif) no-repeat;
  text-indent: -9999px;
}

#menu ul{
　list-style: none;
  margin: 0;
  padding: 0;
}

#menu li{
  list-style: none;
  font-size: 12px;
  text-align: center;
  float: left;
  width: 136px;
  height: 30px;
  padding-top: 3px;
  background: #948ac1 url(img/menu-bt.gif);
}


/* メニュー選択 */
#menu li#ch_menu{
  background: #948ac1 url(img/menu-bt2.gif);
}


/* フッタ
----------------------------------------------- */

#footer{
  width: 952px;
  height: 30px;
}

#footer h2{
  float:left;
  margin-left: 60px;
  margin-right: 10px;
  font-size: medium;
  color: #948ac1;
  float:left;
}

#footer ul{
  margin: 0;
  padding: 0;
}

#footer li{
  display: block;
  float: left;
  width: 85px;
  height: 28px;
  text-indent: -9999px;
}

#footer li a{
  display: block;
  width: 85px;
  height: 28px;
  text-decoration: none;
}

#footer li#est01 A{
  background:url(img/est01.gif) no-repeat;
}

#footer li#est02 A{
  background:url(img/est02.gif) no-repeat;
}

#footer li#est03 A{
  background:url(img/est03.gif) no-repeat;
}

#footer li#est04 A{
  background:url(img/est04.gif) no-repeat;
}

#footer li#est05 A{
  background:url(img/est05.gif) no-repeat;
}

#footer li#est06 A{
  background:url(img/est06.gif) no-repeat;
}

#footer li#est07 A{
  background:url(img/est07.gif) no-repeat;
}


/* ボディ
----------------------------------------------- */

#pagebody{
  width: 952px;
  height: 435px;
  padding-top: 25px;
  background: #e7dfee url(img/topback.gif) no-repeat;
}


/* アルファ
----------------------------------------------- */

.alpha{
  filter:progid:.Microsoft.
  alpha(style=0,opacity=70)
}


/* ホーム
----------------------------------------------- */

#top{
  width: 662px;
  height: 380px;
  margin-left: 140px;
  padding:20px 8px 20px 8px;
  background: #ffffff url(img/top_bun.gif) no-repeat;
  text-indent: -9999px;
}


/* お知らせ
----------------------------------------------- */

#news{
  width: 591px;
  height: 415px;
  margin-left: 180px;
  padding:10px 8px 10px 8px;
  background: url(img/news.jpg) no-repeat;
  text-indent: -9999px;
}

.news{
  color : #ff0000 ;
  font-size : small ;
  margin-left : 190px ;
}


/* エステTOP
----------------------------------------------- */

#pagebody ul#est_menu{
  margin-top: 10px;
  margin-left: 60px;
  padding: 0;
}

#pagebody ul#est_menu li{
  display: block;
  float: left;
  width: 180px;
  height: 180px;
  padding: 12px;
  text-indent: -9999px;
}

#pagebody ul#est_menu li a{
  display: block;
  width: 180px;
  height: 180px;
  text-decoration: none;
}

#pagebody ul#est_menu li#facial A{
  background:url(img/facial.gif) no-repeat;
}

#pagebody ul#est_menu li#body A{
  background:url(img/body.gif) no-repeat;
}

#pagebody ul#est_menu li#trouble A{
  background:url(img/trouble.gif) no-repeat;
}

#pagebody ul#est_menu li#hair A{
  background:url(img/hair.gif) no-repeat;
}

#pagebody ul#est_menu li#choice A{
  background:url(img/choice.gif) no-repeat;
}

#pagebody ul#est_menu li#bridal A{
  background:url(img/bridal.gif) no-repeat;
}

#pagebody ul#est_menu li#ticket A{
  background:url(img/ticket.gif) no-repeat;
}


/* ボディ（エステ用）
----------------------------------------------- */

#list{
  background-color:#ffffff;
  width:223px;
  margin-top:5px;
  margin-left:15px;
  padding: 8px 0;
  float: left ;
}

#pagebody #list ul{
  list-style:none;
  font-size:14px;
  margin: 10px;
  padding: 0;
}

#pagebody #menu_bg a{
  background: #dddddd;
}

#pagebody #img01{
  margin-top: 5px;
  margin-left: 50px;
}

#pagebody #img02{
  position: absolute;
  top: 450px;
  left: 810px;
  padding: 2px;
  border-width:thin;
  border-color:#E50000;
}

/* ボディ特殊 */

#pagebody #img03{
  position: absolute;
  top: 460px;
  left: 315px;
  padding: 2px;
  border-width:thin;
  border-color:#E50000;
}

#pagebody #img04{
  position: absolute;
  top: 475px;
  left: 710px;
  padding: 2px;
  border-width:thin;
  border-color:#E50000;
}


/* ボディ（エステ用）メニュー色分け
----------------------------------------------- */

/* フェイス */

.facial{
  text-align:center;
  font-size:12px;
  color: #c16c5e
}

#pagebody #list ul#facial li{
  margin: 0;
  padding: 9px 0;
  padding-left:17px;
  border-bottom: 1px solid #666666;
  background:url(img/list01.gif) no-repeat 0 0.8em;
}

#pagebody #list ul#facial li a{
  display: block;
  font-weight:bold;
  text-decoration: none;
  color:#c16c5e;
}

#pagebody #list ul#facial li a:hover{
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #c16c5e;
}


/* ボディ */

.body{
  text-align:center;
  font-size:12px;
  color: #21402b;
}

#pagebody #list ul#body li{
  margin: 0;
  padding: 9px 0;
  padding-left:17px;
  border-bottom: 1px solid #666666;
  background:url(img/list02.gif) no-repeat 0 0.8em;
}

#pagebody #list ul#body li a{
  display: block;
  font-weight:bold;
  text-decoration: none;
  color: #21402b;
}

#pagebody #list ul#body li a:hover{
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #21402b;
}


/* モアトラブル */

.trouble{
  text-align:center;
  font-size:12px;
  color:
  #925544;
}

#pagebody #list ul#trouble li{
  margin: 0;
  padding: 9px 0;
  padding-left:17px;
  border-bottom: 1px solid #666666;
  background:url(img/list03.gif) no-repeat 0 0.8em;
}

#pagebody #list ul#trouble li a{
  display: block;
  font-weight:bold;
  text-decoration: none;
  color: #925544;
}

#pagebody #list ul#trouble li a:hover{
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #925544;
}

/* ヘアケア */

.hair{
  text-align:center;
  font-size:12px;
  color: #8c7b1f;
}

#pagebody #list ul#hair li{
  margin: 0;
  padding: 9px 0;
  padding-left:17px;
  border-bottom: 1px solid #666666;
  background:url(img/list04.gif) no-repeat 0 0.8em;
}

#pagebody #list ul#hair li a{
  display: block;
  font-weight:bold;
  text-decoration: none;
  color: #8c7b1f;
}

#pagebody #list ul#hair li a:hover{
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #8c7b1f;
}


/* プラスオプション */

.op{
  text-align:center;
  font-size:12px;
  color: #4f6a3e;
}

#pagebody #list ul#op li{
  margin: 0;
  padding: 9px 0;
  padding-left:17px;
  border-bottom: 1px solid #666666;
  background:url(img/list05.gif) no-repeat 0 0.8em;
}

#pagebody #list ul#op li a{
  display: block;
  font-weight:bold;
  text-decoration: none;
  color: #4f6a3e;
}

#pagebody #list ul#op li a:hover{
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #4f6a3e;
}


/* ブライダル */

.bridal{
  text-align:center;
  font-size:12px;
  color: #715689;
}

#pagebody #list ul#bridal li{
  margin: 0;
  padding: 9px 0;
  padding-left:17px;
  border-bottom: 1px solid #666666;
  background:url(img/list06.gif) no-repeat 0 0.8em;
}

#pagebody #list ul#bridal li a{
  display: block;
  font-weight:bold;
  text-decoration: none;
  color: #715689;
}

#pagebody #list ul#bridal li a:hover{
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #715689;
}


/* チケット */

.tk{
  text-align:center;
  font-size:12px;
  color: #d69fa9;
}

#pagebody #list ul#tk li{
  margin: 0;
  padding: 7px 0;
  padding-left:17px;
  border-bottom: 1px solid #666666;
  background:url(img/list07.gif) no-repeat 0 0.8em;
}

#pagebody #list ul#tk li a{
  display: block;
  font-size:13px;
  font-weight:bold;
  text-decoration: none;
  color: #d69fa9;
}

#pagebody #list ul#tk li a:hover{
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #d69fa9;
}



/* スタッフ
----------------------------------------------- */

#dl{
  background:url(img/staffbg.gif) no-repeat;
  width: 900px;
  padding: 90px;
  margin-left: 23px;
  text-decoration: none;
  color: #b22222;
}

#pagebody dl{
  padding-left:350px;
  text-decoration: none;
}

#pagebody dt #pagebody dd{
  margin: 0;
  padding: 0px;
  line-height: 1.4;
}

#pagebody dt{
  font-size: large;
}

#pagebody dd{
  margin-bottom: 2.0em;
}


/* コラム
----------------------------------------------- */

#blog{
  width: 952px;
  height: 460px;
  background: #e7dfee url(img/topback.gif) no-repeat;
}



/* アクセスマップ
----------------------------------------------- */

#img_access{
  background: #ffffff;
  padding: 15px;
  margin-left: 350px;
}

.p_access{
  padding: 0;
  margin-top: 10px;
  margin-left: 490px;
  font-weight: bold;
  color: #b22222;
}

.p_access2{
  padding: 0;
  margin-top: 10px;
  margin-left: 490px;
  font-size: 10pt;
  font-weight: bold;
  color: #b22222;
}

.p_add{
  padding: 0;
  margin-top: 10px;
  margin-left: 490px;
}


/* メール
----------------------------------------------- */

#mail{
  width: 550px;
  height: 380px;
　margin-top: 25px;
  margin-left: 210px;
  padding:20px 8px 20px 8px;
}
