@charset "iso-2022-jp";
/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ヘッダ
	[05]:ナビゲーション
	[06]:タイトル ヘッドライン
	[07]:メインコンテンツ
	[08]:フッタ
	[09]:ボタン
	[10]:テーブル・フォーム
	[11]:サイドナビゲーション
	[12]:インデックス
	
======================================================== */

/*  border:1px solid red; */


/* -------------------------[01]:各要素リセット・基本設定 */

html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form { margin:0px; padding:0px; }

img { border:none; }

ul,li { list-style:none; }

body { font-family:'ＭＳ Ｐゴシック',Osaka, 'MS UI Gothic', sans-serif; color:#333; font-size:12px; background:url(../img/common/bg.gif) 0px 0px ; }

address { padding-top:10px; font-style:normal; }

.font_s { font-size:80%; line-height:150%; }
.font_m { font-size:100%; line-height:150%; }
.font_l { font-size:120%; line-height:150%; }
.font_x { font-size:140%; line-height:150%; }

p { font-size:100%; line-height:150%; }


.f_brown { color:#8a7361; }
.f_brownB { color:#8a7361; font-weight:bold; }

.pink { color:#c06; }
.pinkB { color:#c06; font-weight:bold; }

.yel{color:#990;}
.yelB{color:#990; font-weight:bold; }

.ora { color:#f60; }
.oraB { color:#f60; font-weight:bold; }

.par {color:#a7298a;}
.parB {color:#a7298a; font-weight:bold;}

.red {color:#600;}
.redB {color:#600; font-weight:bold;}



/* -------------------------[02]:レイアウト */

.left   { float:left; }
.right  { float:right; }
.cle    { clear:both; }
.center {text-align:center;}

.margin_T5 { margin-top:5px; }
.margin_T10{ margin-top:10px;}
.margin_T15{ margin-top:15px;}
.margin_T20{ margin-top:20px;}
.margin_T25{ margin-top:25px;}

.margin_B5 { margin-bottom:5px; }
.margin_B10{ margin-bottom:10px;}
.margin_B15{ margin-bottom:15px;}
.margin_B20{ margin-bottom:20px;}
.margin_B25{ margin-bottom:25px;}

.padding_T5 { padding-top:5px; }
.padding_T10{ padding-top:10px;}
.padding_T15{ padding-top:15px;}
.padding_T20{ padding-top:20px;}
.padding_T25{ padding-top:25px;}

.padding_B5 { padding-bottom:5px; }
.padding_B10{ padding-bottom:10px;}
.padding_B15{ padding-bottom:15px;}
.padding_B20{ padding-bottom:20px;}
.padding_B25{ padding-bottom:25px;}


.wrappner01 { width:465px; margin:10px 0px 20px 15px ; }

.containerA { width:756px;  margin:15px auto 30px; }
.containerB { width:752px;  margin:15px auto 30px; }

.dot { border-bottom:1px dotted #ccc; }

/* -------------------------[03]:リンク */

a:link    { color:#a7298a; text-decoration:none; }
a:visited { color:#cc66cc; text-decoration:none; }
a:hover   { color:#a7298a; text-decoration:underline; }
a:active  { color:#a7298a; text-decoration:none;  }

/* -------------------------[04]:ベース ヘッダ */

.prime { width:808px; font-size:80%; margin:0px auto; padding:5px 0px; color:#a7298a; font-weight:normal; text-align:right; }

.base { width:846px; background:url(../img/common/base.gif) 0% 0% repeat-y ; margin:0px auto;; }

.header          { width:808px; height:61px; margin:0px auto 7px ; position:relative; }
.header a.logo   { width:234px; height:61px; display:block; text-indent:-8874px; background:url(../img/common/logo.gif) 0% 0% no-repeat ; position:absolute; top:0px; left:0px; }
.header a.yoyaku { width:113px; height:21px; position:absolute; right:0px; bottom:0px; }


/* -------------------------[05]:ナビゲーション */

.nav         { width:840px; height:80px; margin:0px auto 17px; background:url(../img/common/nav_bg.gif) 0% 0% no-repeat;}
.nav ul      { width:808px; height:80px; margin:0px auto;}
.nav ul li   { width:202px; height:40px; float:left;}
.nav ul li a { width:202px; height:40px; display:block; text-indent:-8874px; }

.nav01 { background:url(../img/common/nav01.gif) 0px 0px no-repeat;}
.nav02 { background:url(../img/common/nav02.gif) 0px 0px no-repeat;}
.nav03 { background:url(../img/common/nav03.gif) 0px 0px no-repeat;}
.nav04 { background:url(../img/common/nav04.gif) 0px 0px no-repeat;}
.nav05 { background:url(../img/common/nav05.gif) 0px 0px no-repeat;}
.nav06 { background:url(../img/common/nav06.gif) 0px 0px no-repeat;}
.nav07 { background:url(../img/common/nav07.gif) 0px 0px no-repeat;}
.nav08 { background:url(../img/common/nav08.gif) 0px 0px no-repeat;}
.nav09 { background:url(../img/common/nav09.gif) 0px 0px no-repeat;}

.nav01 a:hover { background:url(../img/common/nav01.gif) 0px -40px no-repeat; } 
.nav02 a:hover { background:url(../img/common/nav02.gif) 0px -40px no-repeat; } 
.nav03 a:hover { background:url(../img/common/nav03.gif) 0px -40px no-repeat; } 
.nav04 a:hover { background:url(../img/common/nav04.gif) 0px -40px no-repeat; } 
.nav05 a:hover { background:url(../img/common/nav05.gif) 0px -40px no-repeat; } 
.nav06 a:hover { background:url(../img/common/nav06.gif) 0px -40px no-repeat; } 
.nav07 a:hover { background:url(../img/common/nav07.gif) 0px -40px no-repeat; } 
.nav08 a:hover { background:url(../img/common/nav08.gif) 0px -40px no-repeat; } 
.nav09 a:hover { background:url(../img/common/nav09.gif) 0px -40px no-repeat; } 

/* -------------------------[06]:タイトル ヘッドライン */

.titleBar    { width:808px; height:100px; text-indent:-8874px;  margin:0px auto; padding:0px;}
.title_menu  { background:url(../img/common/title_menu.jpg) 0% 0% no-repeat; }
.title_style { background:url(../img/common/title_style.jpg) 0% 0% no-repeat; }
.title_salon { background:url(../img/common/title_salon.jpg) 0% 0% no-repeat; }
.title_com   { background:url(../img/common/title_com.jpg) 0% 0% no-repeat; }
.title_exte  { background:url(../img/common/title_exte.jpg) 0% 0% no-repeat; }
.title_refo  { background:url(../img/common/title_refo.jpg) 0% 0% no-repeat; }
.title_digi  { background:url(../img/common/title_digi.jpg) 0% 0% no-repeat; }
.title_link  { background:url(../img/common/title_link.jpg) 0% 0% no-repeat; }
.title_salonlink  { background:url(../img/common/title_salonlink.jpg) 0% 0% no-repeat; }
.title_esthe  { background:url(../img/common/title_esthe.jpg) 0% 0% no-repeat; }


.title_nav       { background:url(/img/title_nav.gif) 0% 0% no-repeat; width:800px; height:90px; text-indent:-8874px; margin:0px auto 10px; }
.title_feature   { background:url(/img/title_feature.gif) 0% 0% no-repeat; width:800px; height:90px;  text-indent:-8874px; margin:0px auto 10px;  }
.h2_title { width:540px; height:35px; margin-bottom:15px; }
.h2_test { background:url(/img/h2_test.gif) 0% 0% no-repeat; width:540px; height:35px; margin-bottom:15px; text-indent:-8874px; }

.h2_bar { width:776px; height:32px; margin:0px auto 15px; }

/* -------------------------[07]:メインコンテンツ */

.main { width:806px; height:288px; margin:0px auto; border:1px solid #ccc; }

.body_index { width:808px; margin:15px auto;  background:url(../img/common/index_bg.gif) 0% 0% repeat-y;}
.body_indexBottom { padding-top:10px; }

.body{ width:808px; margin:15px auto; }


.index_contents { width:578px; }
.concept { width:578px; height:222px; background:url(../img/common/concept.jpg) 0% 0% no-repeat; }
.concept_cach { width:459px; height:25px; padding:50px 0px 0px 20px; }
.concept_text { padding:5px 0px 0px 20px; color:#fff; }








/* -------------------------[08]:フッタ */

.footer { width:810px; margin:0px auto ; padding:15px; background:url(../img/common/footer_bar.gif) 0% 0% no-repeat; }
.footer div.left { width:400px; }
.footer div.right { width:400px; text-align:right; }
.link { width:240px; height:19px; padding:5px 0px 0px; }
.f_text { font-size:80%; }

.entrance { padding:5px 0px; }


/* -------------------------[09]:ボタン */

.pageTop { width:540px; height:13px; text-align:right;margin:20px 0px; }

.TB_box { width:380px; height:45px; margin:0px auto 15px;  }

/* -------------------------[10]:テーブル・フォーム */


/* -------------------------[11]:サイドナビゲーション */

.snavi { width:214px;}

.snavi div { margin:0px 0px 0px 9px; }


.area { width:196px; height:18px; padding:10px 0px 0px; }
.other_btn { width:196px; height:51px; padding:3px 0px 0px; }

/* -------------------------[12]:インデックス */


.index_bar { width:578px; height:19px; padding:20px 0px 20px 0px; }

.contBox1 { width:538px; margin:0px auto 20px; padding-bottom:20px; }

.contBox2 { width:538px; margin:0px auto ; padding-bottom:0px; }


.cont_item { width:260px; }
.cont_item div.left { width:123px; height:92px; }
.cont_item div.right { width:131px; }
.cont_item div.cle { margin:10px; }



.infoBox { width:538px; margin:0px auto 0px; margin-bottom:10px; border-bottom:1px dotted #ccc ; position:relative; }
.infoTitle { width:538px; height:15px; }
.more { position:absolute; bottom:5px; right:0px; }

.kera { width:242px; margin:0px 10px 0px; text-align:center; }

#qr {
	width:196px;
	padding:10px 0px 0px;
	}

#qr dl {
	margin:0px;
	padding:0px;
	text-align:center;
	}
#qr dl dt {
	margin:0px;
	padding:0px;
	}
#qr dl dd {
	margin:10px 0px;
	padding:0px;
	}
#qr dl dd a { color:#ffffff; }

/* =====================　メニューリスト======================*/

/*  border:1px solid red; */


.priceBox { width:776px; margin:0px auto; background:url(../img/menu/menu_bg.gif) 0% 0% repeat-y; }

.priceBox table { width:776px; border-collapse:collapse; }

.priceBox table th { width:241px;  padding-left:20px; text-align:left; font-size:12px; color:#a7298a; font-weight:bold; background:url(../img/menu/point.gif) 2% 50% no-repeat; }

.priceBox table td { padding:10px; border-bottom:1px dotted #ccc; }

.price { width:130px; font-weight:bold; color:#a7298a;text-align:right; }

.price_text01 { color:#a7298a; padding:10px 20px; width:740px; }

/* 2010/6/30 yamazawa */

.priceBox1 { width:776px; margin:0px auto; }

.priceBox1 table { width:776px; border-collapse:collapse; }

.priceBox1 table td { padding:10px; }

.priceBox1 .ttl {
	text-align:left;
	padding-left:25px;
	font-size:12px; 
	color:#a7298a;
	font-weight:bold;
	background:url(../img/menu/point1.gif) 1% 50% no-repeat;
	background-color:#F1E8DC;
}

.priceBox1 .photo {
	width: 145px;
	padding-left:25px;
	vertical-align:top;
}

.priceBox1 .name1 {
	/* color:#633; */
	width: 500px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px dotted #ccc;
	padding: 5px 0px 0px 10px;
	line-height: 140%;
	vertical-align: top;
}

.priceBox1 .price1 {
	color:#a7298a;
	width: 180px;
	font-weight:bold;
	text-align:right;
	border-bottom:1px dotted #ccc;
	padding: 5px 5px 0px 10px;
	line-height: 140%;
	vertical-align: top;
}

.priceBox1 .price3 {
	color:#a7298a;
	background-color:#F1E8DC;	
	width: 180px;
	font-weight:bold;
	text-align:right;
	padding: 5px 5px 5px 10px;
	line-height: 140%;
	vertical-align: bottom;
}

.priceBox1 .comment {
	/* color:#633; */
	width: 630px;
	/* font-weight:bold; */
	text-align:left;
	padding: 5px 5px 5px 10px;
	margin-bottom:10px;
	line-height: 120%;
	vertical-align: top;
}

.priceBox1 .link {
	color:#DF0000;
	/* font-weight:bold; */
	text-align:right;
	padding: 5px 5px 0px;
	line-height: 120%;
}

.Wrapper04 {
	width:760px; 
	border:1px dotted #CCC; 
	margin:10px 0 10px 15px; 
	background-color:#FFF;
	padding:15px 0 15px 15px;
}

.red {
	color:#DF0000;
}

/* 2010/6/30 yamazawa */

.camText { text-align:center; }

.camBox { width:776px; margin:10px auto; background:url(../img/menu/cam_bg.gif) 0% 0% repeat-y; }
.camBox table { width:712px; margin:0px auto; padding:20px 0px; border-collapse:collapse; font-size:12px; }

.camBox table th { width:190px; font-size:12px; padding:0px 0px 0px 15px; border-bottom:1px dotted #ccc; color:#a7298a; font-weight:bold; text-align:left; }
.camBox table td { padding:10px 15px 10px 5px; border-bottom:1px dotted #ccc; }

.price_text02 { padding:10px 20px; width:740px; }

.student { font-size:10px; color:#000; font-weight:normal; }



/* =====================　サロンについて======================*/

.salon_text01 { width:325px; }
.salonTelbox { width:225px; height:315px; }

.salonMapbox { width:275px; background:url(../img/salon/bg01_bg.gif) 0% 0% repeat-y; }
.salonMapbox div.in { width:247px; margin:0px auto 5px; }
.salnStitle01 {width:46px; height:16px; }

.salonTimebox{ width:244px;background:url(../img/salon/bg02_bg.gif) 0% 0% repeat-y; }
.salonTimebox div.in { width:212px; margin:0px auto 5px; }

.salnStitle02 {width:77px; height:16px;  }



/* =====================　会社概要======================*/

.dataBox { width:326px; background:url(../img/com/data_bg.gif) 0% 0% repeat-y; }
.dataBox table { width:274px; margin:5px auto; padding:0px 10px; }
.dataBox table th { width:60px; padding-left:25px; text-align:left; background:url(../img/com/data_point.gif) 5px 50% no-repeat; border-bottom:1px solid ; color:#a7298a; font-weight:bold; font-size:12px; }
.dataBox table td { border-bottom:1px solid ; padding:7px; }

.com_btn { margin:15px auto 30px; width:234px; height:28px; display:block; }

.modelBox { width:289px; background:url(../img/com/boshu.gif) 0% 0% no-repeat; padding-top:85px; }

.contactBox { width:454px; background:url(../img/com/contact_bg.gif) 0% 0% repeat-y; }
.contactBox div.left p { width:205px; padding:10px 0px 0px 0px;  margin-left:15px; color:#fff; }
.contactBox div.right p { width:205px; padding:10px 0px 0px 0px;  margin-right:15px; color:#fff; }

.con_bt001 { width:140px ; height:27px; margin:0px 0px 10px 50px; }
.con_bt002 { width:140px ; height:27px; margin:0px 0px 10px 50px; }

.salonBox { width:245px; }
.salonItem { width:220px; margin-left:25px; }


/* =====================　スタイル======================*/

.thumbs { width:94px; height:124px; float:left; margin-bottom:15px; }

.large { width:361px; height:401px; margin-right:15px; }
/* .large { width:361px; height:649px; margin-right:15px; } */

.style_btn { width:177px; height:51px; margin:10px auto; display:block; }


/* =====================　デジタルパーマ======================*/

.camL { width:250px; }

.camR { width:490px; }

.pointBox { width:231px; margin:10px auto; }

.pointBox ul { width:231px; }

.pointBox ul li { border-bottom:1px dotted #ccc; padding:5px 2px; line-height:120%; font-size:12px; }

.camM { padding:15px; background-color:#f6edf6; font-size:12px; margin:10px 0px; }

.h3_point { padding-left:13px; font-size:12px; color:#a7298a; font-weight:bold; background:url(../img/digi/pon.gif) 0px 49% no-repeat; }

#exte-cach {
	margin:20px 0px 30px 0px;
	}
#exte-cach h2 {
	margin-bottom:5px;
	padding:0px;
	text-align:left;
	}






/* =====================　リンク集======================*/

.linkBox { width:385px; }
.linkBox table { width:370px; margin:5px auto; padding:0px 10px; }
.linkBox table th { width:40px; padding-left:25px; text-align:left; background:url(../img/com/data_point.gif) 5px 50% no-repeat; border-bottom:1px solid ; color:#a7298a; font-weight:bold; font-size:12px; }
.linkBox table td { border-bottom:1px solid ; padding:7px; }

.urlBox { width:360px; }
.urlBox { width:360px; }


.linklist{ width:776px; margin:0px auto; background:url(../img/menu/menu_bg.gif) 0% 0% repeat-y; }

.linklisttable { width:776px; border-collapse:collapse; }

.linklist table th { width:250px;  padding:5px 0px 5px 20px ;border-bottom:1px dotted #ccc; text-align:left; font-size:12px; color:#a7298a; font-weight:bold; background:url(../img/menu/point.gif) 2% 50% no-repeat; }

.linklist table td { width:506px; padding:10px; border-bottom:1px dotted #ccc; }




/* エクステ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


.clearfix {
  min-height: 1px;
}

* html .clearfix
 {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



#extebox01 {
	width:486px;
	height:408px;
	position:relative;
	z-index:3;
	}
#extebox01l {
	width:240px;
	float:left;
	}
#extebox01l h3 {
	background:url(../img/exte/style_01b.gif) no-repeat;
	width:240px;
	height:46px;
	overflow:hidden;
	}
#extebox01l h3 span {
	position:relative;
	z-index:-1;
	}

#extebox01r {
	width:240px;
	float:right;
	}
#extebox01r h3 {
	background:url(../img/exte/style_02b.gif) no-repeat;
	width:240px;
	height:46px;
	overflow:hidden;
	}
#extebox01r h3 span {
	position:relative;
	z-index:-1;
	}


/*-----2010/07/13-----*/
#boxYh{
	width:486px;
}
#boxYh h2{
	margin-bottom:10px;
}

/* Start.Clearfix */
#boxYh .box_01{
	margin-bottom:10px;
}
#boxYh .box_01:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}
#boxYh .box_01{
	display:inline-block;
	min-height:1%;
}
* html #boxYh .box_01{
	height:1%;
}
#boxYh .box_01{
	display:block;
}
/* End.Clearfix */
#boxYh .box_01 .left{
	width:240px;
	float:left;
}
#boxYh .box_01 .right{
	width:240px;
	float:right;
}
boxYh .box_02 p{
	margin-bottom:10px;
}
#boxYh .box_02 p img{
	margin:0;
}
/*-----2010/07/13-----*/

#extebox02 {
	width:485px;
	height:245px;
	margin:10px 0px;
	position:relative;
	z-index:3;
	}
#extebox02 div {
	position:absolute;
	top:0px;
	left:0px;
	}

#extebox02 p {
	background:url(../img/exte/exte_coment.gif) no-repeat;
	width:485px;
	height:245px;
	}

#extebox02 p span {
	position:relative;
	display:block;
	width:485px;
	height:245px;
	overflow:hidden;
	z-index:-1;
	}




/*-----2010.03.02-----*/
.bn_tel{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}
/*-----2010.03.02-----*/



/*-----2010/03/15-----*/
#boxYh{
	width:485px;
	float:right;
}
#boxYh h2{
	margin-bottom:10px;
}
/* Start.Clearfix */
#boxYh .box_01{
	margin-bottom:10px;
}
#boxYh .box_01:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}
#boxYh .box_01{
	display:inline-block;
	min-height:1%;
}
* html #boxYh .box_01{
	height:1%;
}
#boxYh .box_01{
	display:block;
}
/* End.Clearfix */
#boxYh .box_01 .left{
	width:240px;
	float:left;
}
#boxYh .box_01 .right{
	width:240px;
	float:right;
}
#boxYh .box_01 .left div,
#boxYh .box_01 .right div{
	height:362px;
}
/*-----2010/07/13-----*/
#boxYh .box_01 .left2{
	width:240px;
	float:left;
}
#boxYh .box_01 .right2{
	width:240px;
	float:right;
}
/*-----2010/07/13-----*/

#boxYh .box_02 p{
	margin-bottom:10px;
}
#boxYh .box_02 p img{
	margin:0;
}
/*-----2010/03/15-----*/