@charset "utf-8";

/* 初期設定 */
/* ----------------------------------------------------- */

BODY,H1,H2,H3,H4,H5,H6,P,UL,DL,DIV,TABLE,FORM{
	margin:0px;
	padding:0px;
	font-weight:normal;
}


IMG {
	border:0px;
}



body{
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
  background-color:#FFF;
  text-align:center;
  font-size:12px;
  color:#555;
  line-height:1.5em;
}

li {
  list-style:none;
}


A,
A:link { color:#898989;}
A:visited {color:#898989;}
A:hover {color:#666666;
  }
A:active {color:#5A3D1C;}


a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

.clear {
  clear:both;
}


/* ClearFix */
/* ----------------------------------------------------- */


/*for IE 5.5-7*/
.clearfix{
	zoom:1;
}


/*for modern browser*/
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/* ----------------------------------------------------- */



/* FLASH格納用DIV(swfObject使用時) */
/* ----------------------------------------------------- */
div#flashcontent{}




/* 00.body */
/* ----------------------------------------------------- */





/* 01. 枠組み*/
/* ----------------------------------------------------- */


div#container {
  width:817px;
  margin:0 auto;
  padding-top:30px;
}

div#wrapper {
  width:812px;
  text-align:left;
  padding-left:5px;
}

div#wrapper_inner {
  background:url(http://www.hair-fleur.com/img/common/bg_main.gif) left top repeat-y;
}



div#contents_top {
  background:url(http://www.hair-fleur.com/img/common/bg_main_top.gif) left top no-repeat;
height:27px;
}

div#main_contents {
  float:right;
  width:560px;
  padding:0px 10px;
}


div#footer,
div#index_footer  {
  width:812px;
  padding-top:8px;
  padding-bottom:20px;
}


div#sidebar {
  float:left;
  text-align:center;
  width:198px;
  margin:0 auto;

}



/* 02.sidebar_area */
/* ----------------------------------------------------- */


div.banner_area02,
div.banner_area04 {
  padding-left:4px;
}


div.banner_area04 {
  padding-bottom:15px;
}  

div.category_area {
  width:185px;
  margin:0 auto;
  padding-bottom:20px;
}

div.category_area a {
  display:block;
  width:172px;
  height:23px;
  padding-top:8px;
  padding-left:13px;
}

div.category_area li {
  text-align:left;
}

ul.category_list li a,
ul.category_list li a:link,
ul.category_list li a:visited {
  background:url(http://www.hair-fleur.com/img/common/bg_navi.gif) 0px 0px no-repeat;
}

ul.category_list li a:hover {
  background:url(http://www.hair-fleur.com/img/common/bg_navi.gif) -185px 0px no-repeat;
}

ul.category-list li a:active {
  background:url(http://www.hair-fleur.com/img/common/bg_navi.gif) left top no-repeat;
}




/* 03.フッター */
/* ----------------------------------------------------- */

p.copy{
  text-align:center;
}

p.footer_navi {
  padding-top:8px;
  font-size:10px;
  text-align:center;
}

/* 04.ヘッダー */
/* ----------------------------------------------------- */

h1 {
  font-size:10px;
  font-weight:bold;
  text-align:center;
}

h2 {
  font-size:10px;
  font-weight:normal;
}

/* 05. */
/* ----------------------------------------------------- */

div.entry_area h3 {
  background:url(http://www.hair-fleur.com/img/common/bg_h3.jpg) left top no-repeat;
  height:29px;
  width:524px;
  padding:11px 18px;
  font-weight:bold;
}

div.entry_area {
  width:560px;
}

/* 06. index*/
/* ----------------------------------------------------- */

div#index_wrapper {
  width:817px;
  margin:0 auto;
}

div#index_content {
  padding-left:17px;
}

div#index_sidebar {
  float:left;
  width:200px;
}

div#index_main_content {
  float:right;
  width:580px;
}

div.new_area {
  border:1px solid #B5B5B6;
  padding:10px;
  font-size:12px;
  text-align:left;
  width:550px;
  margin-bottom:10px;
}

p.new_list {
  padding-top:10px;
}

div.index_banner_area {
  padding-bottom:15px;
}

/* 07. */
/* ----------------------------------------------------- */
div.banner_area {
  padding-top:15px;
}

/* 08. */
/* ----------------------------------------------------- */



.cap_rignt{
	text-align:right;
}

#menu_box,
#staff_box,
#banner_box,
.banner_box{
	margin-left:auto;
	margin-right:auto;
	width:560px;
	text-align:left;
}



/*---- スタッフ紹介 ----*/
/*----------------------------------------*/

div.staff_info h3{
	padding-left:6px;
	border-left:3px solid #aaa;
	font-size:14px;
	font-weight:bold;
}

div.staff_detail{
	padding-top:10px;
}

div.staff_image{
	float:left;
	width:200px;
}

div.staff_text{
	float:right;
	width:340px;
}

div.staff_info .cap_rignt{
	margin-top:10px;
	margin-bottom:30px;
}



/*---- お客様の声 ----*/
/*----------------------------------------*/

div#user_box h3{

}

div#user_box{
	margin-top:20px;
}

div.user_voice{
	margin-top:10px;
	padding:10px;
	border:1px solid #aaa;
}

div.user_text{
}

div.user_voice .cap_rignt{
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #fff;
}



/*---- メニュー ----*/
/*----------------------------------------*/

div.syukumou {

  width:560px;
  position:relative;

}

.s_image{

  position:absolute;
  top:15px;
  left:350px;

}

.text_header{
}

p.syukumou_ex{
	margin-top:20px;
	padding:10px;
	background:#ccc;
	color:#333;
}

div.syukumou_price{
	margin-top:20px;
	padding-left:6px;
	border-left:3px solid #aaa;
}

div.price_area{
	margin-top:60px;
}

div.price_map{
   float:left;
   width:310px;

}

div.price_map table{
  border:solid 1px #aaaaaa;
  border-collapse:collapse;
  width:300px;
}

div.price_map td,div.price_map th{

  padding:5px;
  border:solid 1px #aaaaaa;

}


div.price_image{
  width:200px;
  padding-left:10px;
  float:right;
 
}



div.kituke_b{

  margin-top:50px !important;

}



/*    style     */
div#banner_box01{
  width:560px;
}

div#style_box{
  width:560px;
}

div#style_box h3{

  margin-top:50px;

}

div.style_area{
  width:560px;
}

div.main_image{
  width:200px;
  height:270px;
  
}


div.style_left{
  width:210px;
  float:left;
}

div.style_right{
  width:350px;
  float:right;
}

div.sum_image{
  margin-top:0px;
  padding-top:0px;
  width:200px;
}


div.sum1{
  width:100px;
  float:left;
}

div.sum2{
  width:95px;
  padding-left:5px;
  float:right;
}

div.style_text ul{

  list-style:none;
  margin:0;
  padding:0;
}


div.style_text li{

  padding:5px 0;
  border-bottom:solid 1px #cccccc;

}


div.style_comment{

  margin-top:15px;

}

/*    style_end     */


/*    access     */

div#access_box{
  width:560px;
}


div.map_area{

  width:250px;
  float:left;
}

div.map_text{

  width:305px;
  float:right;
  padding-left:5px;
}

div.map_text table{
  border:solid 1px #aaaaaa;
  border-collapse:collapse;
}

div.map_text td,div.map_text th{
  padding:5px;
  border:solid 1px #aaaaaa;
  font-size:12px;
  font-weight:normal
}

div.map_text th{
  width:70px;
  background-color:#dedede;
}

div#coupon_box{

  margin-top:30px;

}

/*    access_end     */


/*    dress     */

div.dress_info_left{

  width:210px;
  float:left;

}

div.dress_info_right{
  width:350px;
  float:right;
}

div.ex_info{

  margin-top:30px;

}

div.dress_price{
  margin-top:20px;
}

div#gallery_box{
  margin-top:30px;
 
}



div.gallery_left{

  width:340px;
  float:left;

}

div.gallery_right{
  width:210px;
  float:right;
}


div.pict{
  margin-top:30px;
}


div.light_box_area{

	padding:5px;
	background-color:#333333;

}

div.dress_cap{
  font-size:10px;
  color:#FFFFFF;
}


div.sam1,div.sam2,div.sam3{

 float:left;

}

div.sam1{
  width:178px;
}

div.sam2,div.sam3{

  width:178px;
  padding-left:8px;

}

.light_box_gallery{
  margin-top:10px;
}

/*    dress_end     */

/*-----------サイトマップ-----------*/

div#sitemap{
  padding-left:40px;
}

li.site01{
  padding-bottom:2px;
border-bottom:1px dotted #999;
  padding-top:20px;
  margin-bottom:10px;
}

li.site02 {
  padding-left:20px;
  padding-bottom:20px;
}

li.site03 {
  padding-left:20px;
  padding-bottom:10px;
}

li.site03 {
  padding-left:20px;
  padding-bottom:10px;
}

li.site04 {
  padding-left:35px;
  padding-bottom:10px;
}

li.site05 {
  padding-left:35px;
  padding-bottom:20px;
}




ul.entry-map{
  padding-left:20px;
}

ul.sitemap_top,
li.sitemap,
li.sitemap02{

  padding-left:20px;

}



div.shampoo {
  padding:20px;
}



div.item_left1
 {
  float:left;
  width:200px;
}

div.item_right1 {
  float:left;
  width:300px;
  padding-left:15px;
}

div.item_left2
 {
  float:left;
  width:300px;
  padding-right:15px;
}

div.item_right2
 {
  float:left;
  width:200px;
}

div .item_box {
  padding:10px 10px 15px 20px;
}

div.item_area {
  padding-left:20px;
}

.item_area h4 {
  font-weight:bold;
  border-bottom:1px solid  #898989;
  font-size:14px;
}

div cap_right {
  font-weight:bold;
  font-size:10px;
}

div.item_area {
  padding-top:20px;
}

div.more {
  padding:20px 0px 0px 20px;
}

div.wax_banner_info {
  padding-top:30px;

}

div.item_area01 {
  padding:20px 0px 15px 0px;
}

div.item_area01 {
  padding-bottom:20px;
}

div.treatment {
  padding-top:20px;
}