@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { background:#F8F8F8; position:relative;}
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
p,li,th,td,dl{}
dt{ font-weight:bold;}
dd{ padding:0;}


ul,li{ margin:0; padding:0; text-indent:0;}

#main_content h2{ padding:0 0 15px 0;}
#main_content h3{ padding:0 20px 20px 22px;}
#main_content p{ padding:0 20px 15px 22px; font-size:13px; color:#333;}


/*リンク色*/
#main a:link{ color:#FF9D3C; text-decoration:none; border-bottom:1px dotted #F9C57D;}
#main a:visited{ color:#FF9D3C; text-decoration:none; border-bottom:1px dotted #F9C57D;}
#main a:hover{ color:#FFCC00; background:none; border-bottom:1px solid #FCDBAF;}


#main li a:link{ color:#666; text-decoration:none; border:none;}
#main li a:visited{ color:#666; text-decoration:none; border:none;}
#main li a:hover{ color:#999; background:none; border-bottom:1px dotted #999;}

/*フレーム*/
#head{ width:100%; height:124px; background:url(../images/top_bg.jpg) repeat-x 0 0; position:relative;}
#head_inner{ margin:0 auto; width:901px; height:124px; background:url(../images/top_inner_bg.jpg) no-repeat 0 0; position:relative;}
#navi{ width:100%; height:52px; background:url(../images/navi_bg.jpg) repeat-x 0 0;}
#main{ margin:0 auto; width:901px;}
#copy{ margin-top:10px; padding-top:18px; width:100%; height:26px; text-align:center; color:#FFF; font-size:12px; background:url(../images/foot_bg.jpg) repeat-x 0 0 #930;}

/*indexのフレーム*/
#index_side_bn{ padding:28px 0 0 0; width:381px; float:right;}
#flash{ padding:28px 0 0 0; width:509px;}
#index_foot_bn{ padding-top:12px; clear:both;}

/*indexのみスタイル*/
#index_headline h2{ margin:20px 0 8px 0; padding:6px 0 0 16px; width:365px; height:28px; font-size:17px; color:#FFF; font-weight:bold; background:url(../images/index_headline.jpg) no-repeat 0 0 #000;}
#index_headline strong{ font-size:15px; font-weight:bold; line-height:1.3em; color:#B63D79;}
#index_headline h3{ padding:0 8px 8px 0;}
#index_headline p{ font-size:13px; line-height:1.2em;}

/*ヘッダ*/
#head h1{ font-size:11px; color:#000; font-weight:normal; position:absolute; top:23px; left:3px;}
#logo{ width:276px; height:59px; position:absolute; top:39px;}
#sale{ width:257px; height:63px; position:absolute; top:50px; right:0;}

/*ナビ*/
#navigation{ margin:0 auto; width:901px;}
#navigation li{ float:left;}


/*ナビゲーション*/
#navigation{}
#navi_inner{ margin:0 auto; width:912px; position:relative;}

ul.menu {list-style:none; margin:0; padding:0; z-index:0; position:relative;}
ul.menu a {display:block; color:#000; text-decoration:none;}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:52px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border_bottom:1px solid #CCC; width:170px; margin:0; border-bottom:1px solid #CCC;}
ul.menu ul li a {display:block; padding:7px 5px 5px 5px; background-color:#FFF;}
ul.menu ul li a:hover {display:block; background-color:#D90F6F; color:#FFF;}
ul.menu ul ul {left:170px; top:-1px; position:relative; z-index:200;}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px;}
ul.menu .menulink:hover, ul.menu .menuhover {}

#sub_navi{ position:absolute; top:10px; right:0;}
#sub_navi li{ float:left;}

/*下層フレーム*/

#to_top{ margin-bottom:2px; text-align:right; font-size:11px;}
#to_top a:link{ padding:1px 3px 1px 13px; border:1px solid #CCC; background:url(../images/to_top.gif) no-repeat 4px 4px #FFF; color:#999;}
#to_top a:visited{ padding:1px 3px 1px 13px; border:1px solid #CCC; background:url(../images/to_top.gif) no-repeat 4px 4px #FFF; color:#999;}
#to_top a:hover{ padding:1px 3px 1px 13px; border:1px solid #CCC; background:url(../images/to_top_on.gif) no-repeat 4px 4px #B9463F; color:#FFF;}


/*main*/
#main.lower h2{ padding:25px 0 25px 0;}
#main.lower h3.st{ padding:20px 0 0 15px; margin-bottom:10px; font-size:15px; color:#BB0966; border-bottom:1px solid #BB0966; background:url(../images/gallery_th_dot.gif) no-repeat 0 22px;}
#content.p05{ background:url(../images/p05_main_bg.jpg) no-repeat 0 0;}
#content.hairstyle_bg{ background:url(../images/hair_style_bg.jpg) no-repeat 50% 0;}
#p05_left{ padding:40px 0 0 40px; width:378px; float:left;}
#p05_right{ padding:50px 15px 0 0; width:400px; float:right;}
#p05_left p{ padding:0 0 15px 0; font-size:13px; color:#666; line-height:1.5em;}


/*hairstyle*/
#hair_left{ padding:0 12px 0 13px; width:400px; background:#F8E0DE; float:left; }
#hair_right{ padding:0 12px 0 13px; width:400px; background:#E5D0F7; float:right; }
#hair_thumb li{ padding:0 0 10px 0; float:left; font-size:10px; color:#999; line-height:1.2em;}
#hair_thumb li img{ padding:2px; border:1px solid #CCC; background:#FFF;}
.hair_pd{ padding:0 3px 10px 0 !important;}
#photos_right .panel-overlay h2,#photos_left .panel-overlay h2{ padding:15px 0 10px 0; font-size:11px; line-height:1.2em;}
#photos_right .panel-overlay p,#photos_left .panel-overlay p{ font-size:11px; line-height:1.2em;}

/*ギャラリー 店舗案内でも使用*/
.image_list{ margin-bottom:25px; border-top:1px solid #CCC;}
.image_list td{ padding:3px;}
.image_list th{ padding:3px; vertical-align:top; color:#666;}
.image_list img{ padding:3px; border:1px solid #CCC;}
.image_list h3,.image_list caption{ padding:0 0 0 15px; font-size:15px; color:#BB0966; border-bottom:1px solid #BB0966; background:url(../images/gallery_th_dot.gif) no-repeat 0 3px;}
.image_list h4{ padding:0; margin-bottom:7px; font-size:14px; color:#990066; border-bottom:1px dotted #CCC;}
.image_list th .note{ padding:10px 0 20px 0; font-size:13px; text-align:right;}
.price_headline{ padding:2px; margin:0 5px 0 0; border:2px solid #CCC; font-weight:bold;}
.image_list th p{ font-size:11px; line-height:1.5em;}
.image_list td p,.image_list td address{ padding:0 0 12px 0; font-size:12px; line-height:1.5em;}

/*レンタル料金*/
#price_list{ padding:0; width:400px; float:left; position:relative;}
#price_list_right{ padding:0 15px 15px 0; width:445px; float:right;}
#price_list dl,#price_list_right dl{ padding:0 0 0 5px;}
#price_list dt,#price_list_right dt{ padding:0 0 0 15px; font-size:16px; color:#BB0966; border-bottom:1px solid #BB0966; background:url(../images/gallery_th_dot.gif) no-repeat 0 3px;}
#price_list dd,#price_list_right dd{ padding:10px 15px 10px 0; margin-bottom:20px; font-size:16px; text-align:right; background:#FFF; color:#999;}
.price_sub{ position:absolute; left:200px;}

/*下層標準*/
#price_list_right.lower h3,#price_list.lower h3{ padding-bottom:12px;}
#price_list.lower h3 img{ border:none; background:none;}
#price_list_right.lower p{ padding:0 0 16px 16px; color:#666;}
#price_list.lower ul,#price_list_right.lower ul{ padding-bottom:40px; border-top:1px dotted #CCC;}
#price_list.lower li,#price_list_right.lower li{ padding:5px 0 5px 23px; border-bottom:1px dotted #CCC; color:#999; background:url(../images/list_dot.gif) no-repeat 11px 8px;}

.more_contents{ background:#FDEEF0; padding:8px; margin:15px 0;}
.more_contents h3{ padding:0 !important; margin-bottom:3px; color:#EA0996; font-size:15px; border-bottom:1px solid #EA0996;}
.more_contents p{ padding-bottom:12px;}
#price_list.lower .panel-overlay p{ padding:12px 0 0 0 !important;}

#foot_content{ padding:15px 0 15px 30px; margin-bottom:15px; background:#FFF; border-top:1px solid #F2F2F2; clear:both;}
.foot_thumb li{ float:left; padding:0 9px 15px 0; font-size:11px; color:#999; background:none !important;}
.foot_thumb li img{ padding:2px; background:#FFF; border:1px solid #CCC;}

/**/
#photos .panel-overlay p{ padding:12px 0 0 0 !important;}


/*コンタクト*/
#privacy{ font-size:85%; padding:10px 20px 10px 10px; line-height:1.5em;}
#privacy dd{ padding-bottom:15px;}

/*テーブル関係*/
.table_basic{ margin:0 0 15px 0; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC; }
.table_basic th,.table_basic td{ padding:5px 7px; border-bottom:1px dotted #CCC; font-size:12px; color:#666; text-align:center;}
.table_basic td{ background:none; text-align:left;}
.table_basic th{ background:#F1EBE4; color:#999; text-align:left; }
.table_basic tr.odd th{ background:#E4DACD; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic tr.odd td{ background:#F3F3F3; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic th.odd{ background:#F7F3EE;}

.table_basic caption{ padding:0 0 5px 18px; font-size:14px; color:#999; font-weight:bold; background:url(../images/list_dot.gif) no-repeat 3px 4px;}


/*フォーム用*/
.formLayout
  {
     background-color: #FFF;
     border-top: solid 1px #F2F2F2;
     border-bottom: solid 1px #F2F2F2;
     padding: 20px;
     margin:0 0 0 30px;
     width: 801px;
  }
   


/*style*/
.st,strong{ font-weight:bold; color:#F3A7B3;}
.border_style{ padding:2px 3px !important; border:1px solid #CCC;}
.small{ font-size:80%;}
.img_right{ float:right; padding:0 0 0 10px;}
.red{ color:#BB0966;}


dl.grd { padding:3px; width:370px; border-bottom:1px solid #903; margin-bottom:1em; margin-top:0.3em;}
dl.grd dt { margin-bottom:4px; display:block; color:#903; font-size:80%;}
dl.grd dd { margin-left:1em; margin-bottom:6px; display:block; word-brak:break-all; font-size:90%;}
dl.grd dd a { text-decoration:underline !important;}
dl.grd dd a:link,
dl.grd dd a:active,
dl.grd dd a:visited { color:#036 !important; border:none !important;}

dl.grd dd a:hover,
dl.grd dd a:focus { color:#369 !important; text-decoration:none !important; border:none !important;}