@import "yui.css";

/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
//////////////////////////////////////// */

/*ClearFix*/
.clearfix {clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0;}


body {  font-family:Verdana,"Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,sans-serif; color: #333; background: url(../images/g_bg.png) repeat-x top #ffffff; line-height: 1.8;}

a:link, a:visited, a:active { color: #333; text-decoration: underline; font-weight: bold; }
a:hover { color: #333; text-decoration: underline; font-weight: bold; }

storong { font-weight: bold; }
.font-red { color: #BB0011; } 

#container { font-size: 93%; }


#container { width: 952px; margin: 0 auto; }

.abt { margin: 25px 0;}
 
/*ヘッダ*/
#header { height: 84px; margin-bottom: 13px; }
.header-s { width: 952px; }
.header-logo { float: left; margin-top: 37px; width: 160px;}

/*ナビ*/
.header-navi { float: right; margin-top: 50px; }

dl#menu      { width: 118px; height: 34px; position: relative; list-style: none; margin: 0; padding: 0px; z-index: 1; float: left; }
dl#menu2      { width: 118px; height: 34px; position: relative; list-style: none; margin: 0; padding: 0px; z-index: 1; float: left; }
dl#menu3      { width: 473px; height: 34px; position: relative; list-style: none; margin: 0; padding: 0px; z-index: 1; float: left; }
dl#menu dt a { height: 34px; position: absolute; padding: 0; top: 0; text-indent: -5000px; display: block; }
dl#menu2 dt a { height: 34px; position: absolute; padding: 0; top: 0; text-indent: -5000px; display: block; }
dl#menu3 dt a { height: 34px; position: absolute; padding: 0; top: 0; text-indent: -5000px; display: block; }
html>body dl#menu dt a { height: 34px; }
html>body dl#menu2 dt a { height: 34px; }
html>body dl#menu3 dt a { height: 34px; }

/*　*/
dt#n01  a  { background: transparent url(../images/navi01.gif) no-repeat 0 0; width: 118px; left: 0px; }
dt#n02  a  { background: transparent url(../images/navi02.gif) no-repeat 0 0; width: 118px; left: 0px; }
dt#n03  a  { background: transparent url(../images/navi03.gif) no-repeat 0 0; width: 118px; left: 0px; }
dt#n04  a  { background: transparent url(../images/navi04.gif) no-repeat 0 0; width: 118px; left: 118px; }
dt#n05  a  { background: transparent url(../images/navi05.gif) no-repeat 0 0; width: 118px; left: 236px; }
dt#n06  a  { background: transparent url(../images/navi06.gif) no-repeat 0 0; width: 119px; left: 354px; }

/*マウスオーバー*/
dt#n01 a:hover, dt#n02 a:hover, dt#n03 a:hover, dt#n04  a:hover, dt#n05 a:hover, dt#n06  a:hover { background-position: 0px  -34px; }


dl#menu ul { list-style: none; overflow: visible; }
dl#menu dd { height: 34px; position: relative; }
dl#menu dd a { display: block; color: #fff; font-weight: bold; text-decoration: none; height: 34px; z-index: 2; }
/*追記*/
dl#menu dd ul { display: none; float: left; }
dl#menu dd ul a { color: #fff; height: 23px; text-align: left; width: 118px; }
dl#menu dd ul li  {  }

dl#menu2 ul { list-style: none; overflow: visible; }
dl#menu2 dd { height: 34px; position: relative; }
dl#menu2 dd a { display: block; color: #fff; font-weight: bold; text-decoration: none; height: 34px; z-index: 2; }
/*追記*/
dl#menu2 dd ul { display: none; float: left; }
dl#menu2 dd ul a { color: #fff; height: 23px; text-align: left; width: 118px; }
dl#menu2 dd ul li  {  }

li#a00 a { text-indent: -5000px;}
li#a01 a { background: url(../images_navi/nnn01.png) no-repeat; text-indent: -5000px; }
li#a02 a { background: url(../images_navi/nnn02.png) no-repeat; text-indent: -5000px; }
li#a03 a { background: url(../images_navi/nnn03.png) no-repeat; text-indent: -5000px; }
li#a04 a { background: url(../images_navi/nnn04.png) no-repeat; text-indent: -5000px; }
li#a05 a { background: url(../images_navi/nnn05.png) no-repeat; text-indent: -5000px; }
li#a06 a { text-indent: -5000px;}

/*プルダウンメニュー、マウスオーバー時のスタイル。*/
li#a01 a:hover  {  background: transparent url(../images_navi/nnn01.png) no-repeat -118px 0px;  }
li#a02 a:hover  {  background: transparent url(../images_navi/nnn02.png) no-repeat -118px 0px;  }
li#a03 a:hover  {  background: transparent url(../images_navi/nnn03.png) no-repeat -118px 0px;  }
li#a04 a:hover  {  background: transparent url(../images_navi/nnn04.png) no-repeat -118px 0px;  }
li#a05 a:hover  {  background: transparent url(../images_navi/nnn05.png) no-repeat -118px 0px;  }




/*右ナビ*/
.r-navi { padding-top: 80px;}
.r-navi02 { padding-top: 20px;}

ul#rnavi      { width: 230px; height: 247px; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0px; }
ul#rnavi li a {
	width: 230px;
	position: absolute;
	overflow: hidden;
	padding: 0;
	left: 0px;
	text-indent: -5000px;
}
html>body ul#rnavi li a { width: 230px;}

ul#rnavi02      { width: 293px; height: 274px; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0px; }
ul#rnavi02 li a {
	width: 293px;
	position: absolute;
	overflow: hidden;
	padding: 0;
	left: 0px;
	text-indent: -5000px;
}
html>body ul#rnavi02 li a { width: 293px;}


/*　*/
li#rn01  a  { background: transparent url(../images/r_navi01.png) no-repeat 0 0; height: 53px; top: 0px;}
li#rn02  a  { background: transparent url(../images/r_navi02.png) no-repeat 0 0; height: 51px; top: 53px;}
li#rn03  a  { background: transparent url(../images/r_navi03.png) no-repeat 0 0; height: 51px; top: 104px;}
li#rn04  a  { background: transparent url(../images/profile.png) no-repeat 0 0; height: 82px; top: 165px;}


li#rn05  a  { background: transparent url(../images/top_ba01.png) no-repeat 0 0; height: 88px; top: 0px;}
li#rn06  a  { background: transparent url(../images/top_ba02.png) no-repeat 0 0; height: 88px; top: 93px;}
li#rn07  a  { background: transparent url(../images/top_ba03.png) no-repeat 0 0; height: 88px; top: 186px;}
li#rn08  a  { background: transparent url(../images/top_ba04.png) no-repeat 0 0; height: 88px; top: 186px;}


li#rn11  a  { background: transparent url(../images/profile.png) no-repeat 0 0; height: 82px; top: 0px;}

li#rn21  a  { background: transparent url(../images/r_navi11.png) no-repeat 0 0; height: 53px; top: 0px;}
li#rn22  a  { background: transparent url(../images/r_navi12.png) no-repeat 0 0; height: 51px; top: 53px;}
li#rn23  a  { background: transparent url(../images/profile.png) no-repeat 0 0; height: 83px; top: 114px;}

/*マウスオーバー*/
li#rn01 a:hover, li#rn02 a:hover, li#rn03 a:hover, li#rn04  a:hover, li#rn11  a:hover, li#rn21  a:hover, li#rn22  a:hover, li#rn23  a:hover { background-position: -230px  0px; }

li#rn05 a:hover,li#rn06 a:hover,li#rn07 a:hover,li#rn08 a:hover { background-position: -293px  0px; }

.s_gopagetop { margin: 0px 0 30px 0; text-align: right;}

/* 右下リンク */
.r_link { padding-bottom: 30px; float: right;}
.r_link ul {}
.r_link li { list-style: none; display: inline; padding-left: 18px; background: url(../images/arrow01.png) no-repeat 0 0;}

/*ページ*/
#main { padding-top: 28px;}
.p_title { padding: 0px 0px 24px 0px;}
.p_index { padding-bottom: 14px;}
dl.maintxt { padding-bottom: 8px;}
dl.maintxt dt { font-size:116%; font-weight: bold; color: #C37979;}
dl.maintxt dd { margin: 16px 0 1em 0em; }

dl.maintxt02 { padding-bottom: 8px;}
dl.maintxt02 dt { font-size:116%; font-weight: bold; color: #C37979; border-bottom: 1px solid #ccc;}
dl.maintxt02 dd { margin: 8px 0 1em 0;}

.top_maintxt { padding-bottom: 8px;}
.top_maintxt dt { font-size:116%; font-weight: bold; color: #666666;}
.top_maintxt dd { margin: 8px 0 1em 0;}

.obi { width: 695px; padding-bottom: 10px;}

.kome { font-size: 93%;}
*:first-child+html .kome { font-size: 77%;}
.kome table { }
.kome td { vertical-align: top;}
.kome02 { font-size: 77%;}

/*TOP*/
#top_leftbox { float: left; width: 639px; line-height: 1.8; }
#top_rightbox { float: right; width: 293px; }

.top_l { width: 207px; float: left;}
.top_r { width: 424px; float: right;}

#news_waku {border: 1px solid #C9C7C2; width: 291px; }
#news_naka { margin: 3px; background:#F5ECEA; padding: 10px 12px;}
.news_box { border-bottom: 1px solid #C9C7C2;padding: 8px 0px; font-weight: bold;font-size: 85%; line-height: 140%;}
.news_box p{ color:#666666;}

.top-service-box { padding: 0px 0px 20px 0px;}
.top-service-l { float: left; width: 147px;}
.top-service-r { float: right; width: 470px; font-size: 85%; line-height: 140%;}
.top-service-navi { padding: 0px 0px 12px 0px;}


/*サービス*/
.service_lbox { width: 695px; padding-top: 12px;}
.service_lbox_l { width: 464px; float: left;}
.service_lbox_r { width: 222px; float: right;}

#service01_txt { color: #999; margin-left: 12px; margin-bottom: 0px; padding-left: 16px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service01_txt { font-size: 77%; line-height: 1.6;} 
#service02_txt { background:url(../images/service_txt02.png) no-repeat; height: 328px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service02_txt { font-size: 77%; line-height: 1.6;} 
#service03_txt { background:url(../images/service_txt03.png) no-repeat; height: 490px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service03_txt { font-size: 77%; line-height: 1.6;} 
#service04_txt { background:url(../images/service_txt05.png) no-repeat; height: 590px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service04_txt { font-size: 77%; line-height: 1.6;} 
#service05_txt { background:url(../images/service_txt06.png) no-repeat; height: 398px; color: #999; margin-left: 12px; margin-bottom: 43px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service05_txt { font-size: 77%; line-height: 1.6;} 
#service06_txt { background:url(../images/service_txt07.png) no-repeat; height: 496px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 16px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service06_txt { font-size: 77%; line-height: 1.6;} 
#service07_txt { background:url(../images/service_txt08.png) no-repeat; height: 289px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service07_txt { font-size: 77%; line-height: 1.6;} 
#service08_txt { background:url(../images/service_txt09.png) no-repeat; height: 507px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service08_txt { font-size: 77%; line-height: 1.6;} 
#service09_txt { background:url(../images/service_txt10.png) no-repeat; height: 170px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service09_txt { font-size: 77%; line-height: 1.6;} 
#service10_txt { background:url(../images/service_txt11.png) no-repeat; height: 271px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service10_txt { font-size: 77%; line-height: 1.6;} 
#service11_txt { background:url(../images/service_txt11.png) no-repeat; height: 271px; color: #999; margin-left: 12px; margin-bottom: 43px; padding-left: 44px; font-size: 85%; font-weight: bold; line-height: 1.4;}
*:first-child+html #service11_txt { font-size: 77%; line-height: 1.6;} 

#service01_img { margin-left: 16px; margin-bottom: 12px;}
.s_txt { border-bottom: 1px solid #D8D8D8; padding: 12px 0px;}
.s_txt p { padding-top: 8px; padding-left: 18px; color: #999; font-size: 85%; font-weight: bold; line-height: 1.4;}
#nora { background:url(../images/service/nora.png) no-repeat; height: 42px; margin: 8px 0px 0px 20px; padding-top: 88px; width: 206px; padding-left: 178px;}

#service01_01txt { padding-top: 8px; width: 679px; padding-left: 20px;}
#service01_02txt { padding-top: 8px; width: 679px; padding-left: 20px;}
#service01_03txt { padding-top: 97px; width: 204px; padding-left: 176px;}
#service02_01txt { padding-top: 24px; width: 380px;}
#service02_02txt { padding-top: 66px; width: 380px;}
#service02_03txt { padding-top: 163px; width: 380px;}
#service02_04txt { padding-top: 166px; width: 380px;}
#service03_01txt { padding-top: 78px; width: 380px;}
#service03_02txt { padding-top: 164px; width: 380px;}

#service04_01txt { padding-top: 424px; width: 380px;}
#service04_02txt { padding-top: 67px; width: 380px;}

#service05_01txt { padding-top: 157px; width: 380px;}
#service05_02txt { padding-top: 84px; width: 380px;}

#service06_01txt { padding-top: 36px; width: 650px;}
#service06_02txt { padding-top: 51px; width: 650px;}
#service06_03txt { padding-top: 52px; width: 650px;}
#service06_04txt { padding-top: 50px; width: 650px;}
#service06_05txt { padding-top: 50px; width: 650px;}
#service06_06txt { padding-top: 54px; width: 650px;}

#service07_01txt { padding-top: 8px; width: 437px; padding-left: 20px;}

.s_arrow { padding: 12px 0px 0px 10px;}

.order_l{ float: left; width: 170px; padding-left: 16px;}
.order_r{ float: right; width: 506px; padding-bottom: 20px;}

#osusume { padding-left: 16px;}
#osusume p{ color: #999; font-size: 85%; font-weight: bold; line-height: 1.6; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 8px;}
*:first-child+html #osusume p{ color: #999; font-size: 77%; font-weight: bold; line-height: 1.4;}
#osusume h3 {color: #333333; font-size: 123.1%; font-weight: bold; font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;}

.service_table { padding-top: 12px;}
.service_table table { margin-left: 16px; border-collapse: collapse; border-top: 2px solid #BABABA; border-bottom: 2px solid #BABABA; border-right: 0px solid #BABABA; border-left: 0px solid #BABABA;}
.service_table th { font-size: 85%; background: #DCDCDC; text-align: center; font-weight: bold; border: 1px solid #BABABA; padding: 8px 0px;}
.service_table td { border: 1px solid #BABABA; text-align: center; padding: 8px 16px;}
td.g_cell { background: #EDEDED;}

.service_ltable table { width: 679px; margin-left: 16px; border-collapse: collapse; border-top: 2px solid #BABABA; border-bottom: 2px solid #BABABA; border-right: 0px solid #BABABA; border-left: 0px solid #BABABA;}
.service_ltable th { background: #DCDCDC; text-align: center; font-weight: bold; border: 1px solid #BABABA; padding: 8px 16px;}
.service_ltable td {  border: 1px solid #BABABA; text-align: center; padding: 8px 16px;}
td.g_cell { background: #EDEDED;}

#cloth_box { padding-left: 16px;}
#cloth_l { float: left; width: 234px;}
#cloth_r { float: right; width: 210px;}

#brand_story { padding-left: 16px;}
#brand_story span { font-weight: bold; color: #C37979;}
#brand_story table { margin-bottom: 30px;}
#brand_story th { padding: 12px 0px 12px 0px; border-bottom: 1px solid #ccc; text-align: center; width: 224px;}
#brand_story td { padding: 12px 0px 12px 0px; border-bottom: 1px solid #ccc; vertical-align: top;}
#brand_story p { line-height: 140%;}

#seminar {}
#seminar ul { width: 464px; border-bottom: 1px solid #ccc; padding: 8px 0px 0px 0px;}
#seminar li { list-style: none; padding: 0px 0px 8px 0px;}
#seminar p {width: 464px; font-size: 85%; padding-left: 12px; line-height: 130%; color: #999999;}

/*お客様の声*/
.voice_txt { padding: 18px 12px 10px 12px; border-bottom: 1px dashed #ccc;}
.voice_txt p { padding: 0 0 8px 0;}
.voice_name { font-weight: bold; padding-bottom: 8px; color: #C37979;}
#voice_kei { padding-bottom: 20px; /*border-bottom: 1px solid #ccc;*/}
#voice_l { float: left; width: 435px;}
#voice_r { float: right; width: 222px;}

/*コンセプト*/
.about_l { float: left; width: 435px;}
.about_r { float: right; width: 222px;}

dl.about_maintxt { padding-bottom: 8px;}
dl.about_maintxt dt { font-weight: bold; font-size: 123.1%; color: #C37979;}
dl.about_maintxt dd { margin: 0px 0 3px 1em; }

/*サロン*/
#map { border: 1px solid #ccc;}

.shop_table { padding: 12px 0px 29px 0px;}
.shop_table table { width: 435px; border-collapse: collapse; border-top: 2px solid #BABABA; border-bottom: 2px solid #BABABA; border-right: 0px solid #BABABA; border-left: 0px solid #BABABA;}
.shop_table th { font-size: 85%; background: #DCDCDC; text-align: center; border: 1px solid #BABABA; padding: 8px 0px;}
.shop_table td {border: 1px solid #BABABA; text-align: left; padding: 8px 16px;}
td.g_cell { background: #EDEDED;}

/* プライバシーポリシー */
.ppbox { margin: 25px 0; }
.pptitle { font-size: 13px; font-weight: bold; margin-top: 1em; }
.pptext { padding: 0.8em; }
.pppd { margin-top: 1em; }

/*サイトマップ*/
#sitemap_kei { height: 1px; background: #BABABA; margin-top: 30px;}
#sitemap { padding: 12px 0px;}
#sitemap a { font-weight: normal;}
#sitemap_l { width: 675px; padding-top: 8px; float: left;}
.sitemap_l01 { font-size: 85%; float: left;}
*:first-child+html .sitemap_l01 { font-size: 77%;}
.sitemap_l01 ul { padding-right: 10px;}
.sitemap_l01 li { list-style: none; background:url(../images/arrow02.png) no-repeat 0 2px; padding: 0px 0px 12px 16px;}
.sitemap_l02 ul { padding-left: 0px; margin-top: 2px;}
.sitemap_l02 li { list-style: none; background: none; padding: 0px 0px 2px 0px;}
#sitemap_r { width: 235px; padding: 8px 0px 0px 20px; border-left: 1px solid #ccc; float: right;}
#foot_btn { padding: 8px 0px;}

/* お問合せ */

#inquiry {}

#inquiry span { color: #C37979;}
#inquiry_form { padding: 20px 0px;}
#inquiry_form table {  width: 697px; border-collapse: collapse;}
#inquiry_form th { padding: 8px; border-top: 1px solid #ccc; width: 184px;}
#inquiry_form td { padding: 8px; border-top: 1px solid #ccc; width: 481px;}
#inquiry_btn { padding: 20px; width: 230px; margin: 0px auto;}

/* 会社概要 */
.company_lbox { width: 695px; padding-top: 0px;}
.company_table { padding-top: 0px;}
.company_table table { width: 676px; margin-left: 16px; border-collapse: collapse; border-top: 2px solid #BABABA; border-bottom: 2px solid #BABABA; border-right: 0px solid #BABABA; border-left: 0px solid #BABABA;}
.company_table th { font-size: 85%; background: #DCDCDC; text-align: center; font-weight: bold; border: 1px solid #BABABA; padding: 8px 0px;}
.company_table td { border: 1px solid #BABABA; text-align: left; padding: 8px 16px;}

/* SHIHO'S STYLE */
#blog_container { background: #fff; width: 918px; margin: 0px auto; padding: 20px; font-family: Georgia, "Hiragino Mincho Pro", serif;}
#blog_bg { background: #fff; padding: 10px;}
#blog_main { float: left;}
.blog_box { width: 650px; margin-bottom: 40px; }
.blog_index { padding: 20px; background: #000; color: #fff;}
.blog_date { font-size: 85%;}
.blog_title { font-size: 131%;}
.blog_title a { color: #fff; }
.blog_txt { padding: 16px 20px;}
#blog_info { width: 230px; float: right;}
#blog_photo {width:230px; height: 153px; background: #ccc;}
.entry_state { margin: 10px 0; }
.linktitle { background: #000; padding: 4px 7px; color: #fff; width: 216px; }
.linktext { margin: 3px 0 18px 0; padding: 0 0 0 7px; }

.blog_footer { height: 40px; background-color: #000; }

.b_padte { margin: 5px 0 15px; }

#header-shiho { float: left; padding: 59px 0px 0px 6px;}

#styling-photo li { border: 1px solid #ccc; padding: 3px 3px 0 3px; margin: 0px 6px 6px 0px; float: left; width:124px; line-height: 0; height: 168px;  }

#styling-photo li p { width: 124px; height: 164px; text-align: center;  display: table-cell; vertical-align: middle; }

/*左*/
#leftbox { float: left; width: 695px; line-height: 1.8; }


/*右*/
#rightbox { float: right; width: 229px; }



/*フッタ*/
#footer { width: 100%; height: 88px; background: url(../images/foot_bg.png) repeat-x;}
#footer_box { width: 942px; margin: 0px auto; padding-top: 12px;}
#foot_navi { float: right;}
#foot_navi li { list-style: none; display: inline;}
#copyright { width: 252px; float: left;}



.ttst { font-size: 123.1%; font-weight: bold; color: #666; }