@charset "UTF-8";

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

#main{ font-size:16px;}

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { background:#F8F8F8;}
/*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;}

ul.menu {list-style:none; margin:0; padding:0;}
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}
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;}





/*==============================
remodelling_default
  === class index ===
  1.OUTLINE::body,inbox,banner,main,side,footer,adjust
  2.TAG::a,ul,blockquote,form,textarea,img
  3.TOP AREA::banner_l,site_title,a,description
  4.MIDDLE AREA
      4-1.MAIN::pagearea,entry,entry_xxx,a,pict,button
      4-2.SUPPLIMENT::linktitle,linktext,linkcentertext
  5.BOTTOM AREA::copyright
  6.PARTS
      6-1.CLOCK::clock
      6-2.LOGIN::mode_name,error_sign,login_box,login_form
      6-3.SEARCH::searcharea,search
      6-4.CALENDAR::month_navi,calendar,cell,cell_xxx
==============================*/

/* 1---------- OUTLINE
*/

#inbox{
  width:47em;
  background-color:#fff;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  text-align:left;
  margin:0px auto;
  padding:0px;
}

#banner{
  width:100%;
  background:#444;
  margin:0px;
  padding:0px;
}
#main2{
  float:right;
  width:75%;
  background-color:transparent;
  margin:0px;
  padding:0px 0px 5px 0px;
}
#side{
  float:left;
  width:22%;
  background-color:transparent;
  margin:0px;
  padding:0px 0px 0px 3px;
}
#footer{
  clear:both;
  width:100%;
  background-color:#444444;
  text-align:right;
  margin:0px;
  padding:0px;
}

.adjust{
  clear:both;
}
/* 2---------- TAG
*/
a:link{color:#369; text-decoration:underline;}
a:visited{color:#336; text-decoration:none;}
a:active{color:#c00; text-decoration:underline;}
a:hover{color:#FFCC33; text-decoration:none;}

ul{
  margin:0px 0px 0px 0;
  padding:0px;
}

blockquote{
  color:#333333;
  margin:20px 10px 20px 10px;
  padding:10px;
  border:1px solid #CCCCCC;
  }

form{
  margin:0px;
  padding:0px;
}
textarea{
  width:98%;
}

img{
  border-width:0px;
}

/* 3---------- TOP AREA
*/
#banner_l{
  background-color:transparent;
  float:left;
  width:400px;
  margin:0px;
  padding:0px;
}

.site_title{
  font-size:180%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:5px 0px 5px 5pt;
}
a.sitetitle:link,
a.sitetitle:visited,
a.sitetitle:active,
a.sitetitle:hover{
  color:#f90;
  text-decoration:none;
}

.description{
  color:#fff;
  font-weight:bold;
  font-size:12px;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:10px 0px 20px 20px;
}


/* 4---------- MIDDLE AREA
*/
/* 4-1---MAIN
*/
#pagearea{
  clear:both;
  background-color:transparent;
  margin:0px 0px 5px 0px;
  padding:0px;
  text-align:right;
  line-height:150%;
}

.entry {
  clear:both;
  background-color:transparent;
  margin:0em 0em 1.25em 0em;
  padding:0px 0px 10px 0px;
}

.entry_date{
  color:#414D7B;
  font-family:"Verdana";
  font-size:80%;
  font-weight:bolder;
  margin:0px 30px 10px 0px;
  padding:0px 0px 3px 5px;
  border-top:1px solid #444444;
  border-left:10px solid #444444;
}

.entry_title{
  color:black;
  font-weight:bold;
  font-size:75%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 0px 15px;
  padding:0px;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited,
.entry_title a:active,
.entry_title a:hover{
  color:#000;
  text-decoration:none;
}

.entry_subtitle{
  color:black;
  background-color:#eee;
  font-weight:bold;
  font-size:75%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 30px 0px 15px;
  padding:0px;
}

.entry_admin{
  margin:0px 0px 0px 10px;
  padding:0px;
}

.entry_body{
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:15px 30px 15px 20px;
  padding:0px;
}

.entry_author{
  color:#999999;
  font-size:70%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  text-align:right;
  margin:0px 30px 0px 0px;
  padding:0px;
}

.entry_more{
  color:black;
  margin:0px;
  padding:0px;
}

.entry_state{
  clear:both;
  font-size:70%;
  color:#999999;
  margin:10px 30px 5px 20px;
  padding:0px;
}

.pict{
  float:right;
  border-width:3px;
  border-style:solid;
  border-color:#DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

.button{
  clear:both;
  color:#ccc;
  font-size:65%;
  line-height:150%;
  margin:5px;
  padding:3px 10px;
  border:#aaa 1px solid;
}

/* 4-2---SUPPLIMENT
*/
.linktitle{
  color:#fff;
  background-color:#AF4B4E;
  text-align:center;
  font-weight:bolder;
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px;
}

.linktext{
  color:#369;
  background-color:#F7EAEA;
  font-size:65%;
  line-height:170%;
  margin:0px 0px 10px 0px;
  padding:3px 3px 7px 3px;
}

.linkcentertext{
  color:#369;
  background-color:#F7EAEA;
  font-size:65%;
  line-height:170%;
  text-align:center;
  margin:0px 0px 10px 0px;
  padding:3px 3px 7px 3px;
}
/* 5----------BOTTOM AREA
*/
.copyright {
  color:#fff;
  font-size:70%;
  margin:0px 20px;
}


/* 6----------PARTS
*/
/* 6-1---CLOCK
*/
.clock{
  width:100%;
  color:black;
  background-color:transparent;
  font-size:70%;
  text-align:center;
  margin:0px;
  padding:3px;
  border:0px;
}

/* 6-2---LOGIN
*/
#mode_name{
  color:#070;
  margin:0px;
}
#error_sign{
  color:#f00;
}
#login_box{
  text-align:right;
  margin:0px;
}
.login_form{
  color:#000;
  width:80px;
}

/* 6-3---SEARCH
*/
#searcharea{
  background-color:transparent;
  float:right;
  width:300px;
  text-align:right;
  padding:15px 10px 0px 0px;
}
#search{
  color:#000;
  font-size:70%;
}

/* 6-4---CALENDAR
*/
#month_navi{
  text-align:center;
  margin-top:5px;
}
.calendar{
  width:85%;
  color:black;
  font-size:85%;
  margin:0px auto;
}

.cell{
  color:black;
  background:white no-repeat;
  margin:0px;
}

.cell_today{
  color:olive;
  background:#cfc no-repeat;
  margin:0px;
}

.cell_sunday{
  color:#c00;
  background:#f99 no-repeat;
  margin:0px;
}

.cell_saturday{
  color:#000066;
  background:#9cc no-repeat;
  margin:0px;
}