@charset "UTF-8";

/* reset */

body{margin:0 auto ; padding:0px; font-size:100%; line-height:100%; text-align:center;}
div,p,dl,dt{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; line-height:100%;}
img,iframe{ border:none;}
table,tr,th,td{margin:0px; padding:0px; border:0px; border-collapse:collapse; vertical-align:top; empty-cells:show;}
th{white-space:nowrap;}
.fright{float:right;}
.fleft{float:left;}
.none{display:none;}
.clear{clear:both;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* style */

body {
  background: url("../topimg/bg.jpg") repeat-y center top;
  font-size: 12px;
  font-family: ＭＳ Ｐゴシック,Osaka;
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.5;
}

a:link{font-size:12px; color: #000000; text-decoration: underline}
a:visited{font-size:12px; color: #000000; text-decoration: underline }
a:hover{font-size:12px; color: #868686; text-decoration: underline }
a:active{font-size:12px; color: #868686; text-decoration: underline }

#wrapper {
  width: 830px;
  margin: 0 auto;
}

#header {
  width: 798px;
}

#header h1{ text-align:left;}
#header h1 a{font-size:10px; color: #ccc; text-decoration:none;}

#header_flash {
  width: 800px;
  height: 355px;
  background: #ffffff;
}


#h_b {/*ヘッダーボタン部分*/
  background-repeat: no-repeat;
  background-position: 17px 0px;
  width: 798px;
  height: 64px;
  float: left;
  padding-left: 16px;
}

#menu {/*メニュー全体*/
  width: 220px;
  float: left;
  padding-left: 16px;
}

#main {/*メイン全体*/
  padding-right: 15px;
  width: 570px;
  float: right;
}

#footer_menu {/*フッターメニュー部分*/
  width: 798px;
  border-top:1px #dbdbdb solid;
  border-bottom:1px #dbdbdb solid;
  color: #999;
  clear: both;
  text-align: center;
}

#footer {/*フッターコピーライト*/
  width: 798px;
  color: #999;
  clear: both;
  text-align: center;
}


/* ■その他 */

p {
  padding: 0.5em;
  margin: 0;
}

.h_b {
  height: 45px;
  float: left;
}

.cb {/*コンテンツボタン*/
  width: 182px;
}

.menu_01 {/*メニュー個別枠*/
  width: 219px;
  margin-bottom: 10px;
  padding-bottom:10px;
  border: 1px #dbdbdb solid;
}

.menu_02 {/*メニュー中身*/
  width: 219px;
}
.menu_02 p{
  margin-bottom: 5px;
  padding:0px;
  }
.menu_02 p.txtbnr{
  margin-bottom: 2px;
  }
    
.menu_03 {/*メニューその他枠*/
  width: 219px;
  margin-top: 10px;
  margin-bottom: 10px;
}


.menu_04 {
  width: 219px;
  margin-bottom: 10px;
  border: 1px #dbdbdb solid;
}
	
.menu_05{padding:0 0 15px 0;}
.menu_05 p{display:inline;}

.renew {
  padding-right: 5px;
  padding-left: 10px;
  font-size: 12px;
  margin: 5px 0px 0px 0px;
  width: 198px;
  height: 110px;
  line-height: 140%;
  padding-top: 0px;
  text-align: left;
}

.main {/*メイン個別枠*/
  width: 565px;
  float: right;
  border-width: 1px 1px 1px 1px;
  border-color: #dbdbdb;
  border-style: solid;
  margin-bottom: 10px;
}

.main_t {/*メインタイトル画像*/
  width: 565px;
}

.main_h {/*メイン本文*/
  width: 565px;
}

.main_b {/*メインバナー*/
  float: right;
  width: 567px;
  margin-bottom: 10px;
}

.main_hs{
padding:0px 0px 15px 5px;
}

.go_top {/*▲TOP*/
  width: 798px;
  clear: both;
  height: 20px;
  padding-bottom: 5px;
  text-align: right;
}


.red {/*赤文字*/
  color: #ff0000;
}

/* for Hair Catalog */

.top_hc_sample img {
	display: inline-block;
	margin: 9px 7px 7px 7px;
}

.grpBanner{  border-bottom: 1px #dbdbdb solid;}

  
p.txt{ text-align:left; padding:5px 10px;}
p.txtlink,span.txtlink{ text-align:left; background:url(../topimg/arrow.gif) left 4px no-repeat;}
p.maintxtlink{ float:right;background:url(../topimg/arrow.gif) left 4px no-repeat;padding:0px; margin:0px 0px 5px 10px;}
p.txtlink a,p.maintxtlink a,span.txtlink a{ font-size:10px; padding:0px; margin:0px; padding-left:10px; }
p.txtlink a:hover,p.maintxtlink a:hover,span.txtlink a:hover{ font-size:10px; padding:0px; margin:0px; padding-left:10px;color:#868686;}

.topBanner{text-align:left; margin:10px 0px 0px 0px !important;margin:10px auto 0px 1px;}

.banner01{ margin-right:10px;}
.banner02{ margin-bottom:10px;}

.box{border-top:#000000 1px solid;border-right:#000000 1px solid;border-bottom:#000000 1px solid; margin-bottom:10px;padding-bottom:10px; float:left;}
.innerbox{padding:10px;}
img.map{ border:#000000 1px solid;}
.shopimg{ margin:10px 10px 0 10px;}
.shopimg{ margin:10px 10px 0 10px;}

#menu_ul{background: url(../ultime/images/mb_bg.gif) repeat-y; float: right; width: 188px; padding-bottom: 10px;}
#menu_so{background: url(../soins/images/mb_bg.gif) repeat-y; float: right; width: 188px; padding-bottom: 10px;}
.menu_ub{ width: 188px; padding-top:3px;}

.salonTable{ margin:5px auto 0px 15px ; border-collapse:separate;}
.salonTable th{ text-align:left; color:#666;}
.salonTable th.line{ background:url(../topimg/dotline.gif) repeat-x right 8px;}
.salonTable th.line span{ background:#FFFFFF;}
.salonTable th,.salonTable td{ }
.salonTable td{ text-align:left; }
.salonTable td img{ padding:2px; border:1px solid #dbdbdb;}
.salonTable td span.txtlink a{font-size:10px; }

.oclink{ margin:0px; padding:10px 0px 0px 0px;text-align:left;}
.oclink a{color:#868686;}