@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:43px; margin:0px auto 17px; background:url(../img/common/nav_bg.gif) 0% 0% no-repeat;}
.nav ul      { width:800px; height:43px; margin:0px auto;}
.nav ul li   { width:200px; height:43px; float:left;}
.nav ul li a { width:200px; height:43px; 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;}

.nav01 a:hover { background:url(../img/common/nav01.gif) 0px -43px no-repeat; } 
.nav02 a:hover { background:url(../img/common/nav02.gif) 0px -43px no-repeat; } 
.nav03 a:hover { background:url(../img/common/nav03.gif) 0px -43px no-repeat; } 
.nav04 a:hover { background:url(../img/common/nav04.gif) 0px -43px 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_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:202px; background:url(../img/common/concept.jpg) 0% 0% no-repeat; }
.concept_cach { width:474px; height:44px; 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:180px; 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;
	height:;
	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; }

.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; }





.yh_top_stylist dl{
	width:672px;
	height:274px;
	padding:40px;
	margin:0;
	background-image:url(../img/style/yh_bg_01.jpg);
	background-repeat:no-repeat;
}
* html .yh_top_stylist dl{
	width /**/:752px;
	height /**/:354px;
}
.yh_top_stylist dl dt{
	width:390px;
	height:234px;
	padding:20px;
	margin:0;
	float:left;
	line-height:150%;
}
* html .yh_top_stylist dl dt{
	width /**/:430px;
	height /**/:274px;
}
.yh_top_stylist dl dt strong{
	font-size:120%;
	color:#A7298A;
}
.yh_top_stylist dl dd{
	width:200px;
	height:268px;
	padding:1px;
	margin:0;
	float:right;
	border:2px solid #CCCCCC;
}
* html .yh_top_stylist dl dd{
	width /**/:206px;
	height /**/:274px;
}
.yh_top_stylist .clear{
	clear:both;
	font-size:0;
	line-height:0;
}

.menu_text01 { width:325px; }




#yh_main{
}
#yh_main dl{
	padding:0;
	margin:30px 0;
}
#yh_main dd{
	width:578px;
	height:196px;
	padding:0;
	margin:0 0 20px 0;
	background-repeat:no-repeat;
}
#yh_main dd h3,
#yh_main dd h4{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#yh_main dd.tx_01{
	background-image:url(../img/common/tx_01.jpg);
}
#yh_main dd.tx_01 p{
	padding:80px 300px 0 10px;
	margin:0;
	font-size:12px;
}
#yh_main dd.tx_02{
	background-image:url(../img/common/tx_02.jpg);
}
#yh_main dd.tx_02 p{
	padding:80px 10px 0 300px;
	margin:0;
	font-size:12px;
}
#yh_main dd.tx_03{
	background-image:url(../img/common/tx_03.jpg);
}
#yh_main dd.tx_03 p{
	padding:80px 300px 0 10px;
	margin:0;
	font-size:12px;
}