@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, "ヒラギノ角ゴ Pro W3"; font-size:12px; color:#630; background-color:#f3eed9;}

address { width:160px; padding:0px 19px 0 0; font-style:normal; text-align:right; }

.fontS { font-size:80%; line-height:150%; }
.fontM { font-size:100%; line-height:150%; }
.fontL { font-size:120%; line-height:120%; }
.fontX { font-size:140%; line-height:120%; }



.green { color:#006600; }
.greenB { color:#006600; font-weight:bold; }


.brown2 { color:#930; }
.brown2B { color:#930; 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;}

h1 { width:810px; color:#060; font-weight:normal; position:absolute; top:5px; left:19px;}
h3 { height:18px; padding:0px 0px 0px 15px; border-bottom:1px solid #333; background:url(/img/h3.gif) 5px 1px no-repeat; color:#060; font-size:120%; }



/* -------------------------[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;}
.margin_B30{ margin-bottom:30px;}
.margin_B35{ margin-bottom:35px;}

.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;}
.padding_B30{ padding-bottom:30px;}
.padding_B35{ padding-bottom:35px;}

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

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

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

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

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

.headArea { height:85px; background:url(/img/head_bar.gif) 0% 100% repeat-x; }
.headArea div.wrapper { width:848px; height:70px; margin:0px auto; position:relative; }
.headArea div.wrapper div.logo { width:196px; height:40px; position:absolute; top:23px; left:19px; }
.headArea div.wrapper div.logo a { width:196px; height:40px; display:block; }

.headArea div.wrapper div.tel { width:230px; height:15px; position:absolute; top:30px; right:83px; }
.headArea div.wrapper ul.hnav { position:absolute; bottom:0px; left:515px; }
.headArea div.wrapper ul.hnav li { width:80px; height:20px ; float:left; }


.headArea div.wrapper div.home { width:75px; height:20px; position:absolute; bottom:0px; right:20px; }


.logoS01 { width:840px; height:7px; margin:3px auto; text-align:right; }

.bodyArea { width:848px; margin:0px auto; padding:0px 0px 10px; ;}
.bodyArea div.wrapper { width:810px; margin:15px auto 0px; padding:0px;}


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

.nav         { width:200px; height:409px; }
.nav li   { width:33px; height:409px; float:left;}


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

.title { width:810px; height:80px; margin:0px auto; }

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

.main { width:808px; height:418px; margin:0px auto; border:1px solid #dedede; background:url(/img/main.jpg) 0% 0% no-repeat; }
.contents { width:599px; }

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

.logoS02 { width:840px; height:17px; margin:0px auto; text-align:right; }
.logoS02 img { margin-top:5px; }

.footArea { background:url(/img/head_bar.gif) 0% 0% repeat-x; }
.footArea div.wrapper { width:848px; margin:0px auto;  }
.footArea div.wrapper p { width:810px; margin:0px auto; padding:10px 0px;}

.footerMenu { padding:0px 0px 0px 19px; }
.footerMenu li { padding:0px 3px 0px 4px; display:inline; border-left:1px solid #5f2302; }

.pageTop { width:810px; margin:0 auto; text-align:right; }

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

.priceBt { width:184px; height:54px; margin:0px auto; }

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


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


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

.messegeBox { width:231px; height:142px; margin-bottom:15px; }
.mes01 { width:231px; height:50px; text-indent:-8874px; background:url(/img/mes01.gif) 0% 0% no-repeat; }
.mes02 { width:231px; height:92px; text-indent:-8874px; background:url(/img/mes02.gif) 0% 0% no-repeat; }

.campaignBox { width:231px; background:url(/img/cam02.gif) 0% 0% repeat-y; }
.camTitle { width:206px; height:15px; margin:0px auto; padding:3px 0px 0px 5px; background:url(/img/cam_bar.gif) 0% 0% no-repeat; color:#fff; font-weight:bold; }
.campaignBox p { padding:3px 25px 10px; }

.infoBox { width:353px; margin:0px 0px 15px 0px ; background:url(/img/info02.gif) 0% 0% repeat-y; }
.infoBox ul { width:320px; height:280px; margin:15px auto; overflow:auto; }
.infoBox ul li { padding:0px 0px 3px 16px ; margin:0px 0px 3px; background:url(/img/point01.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc;}
.infoBox ul li span.infoDay { font-weight:bold; }

.blog01 { width:353px; height:43px; }

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

.menuList { width:539px; margin:10px auto; border-collapse:collapse; }
.menuList th { width:370px; padding:3px 3px 3px 10px; text-align:left; border-bottom:1px dotted #5f2302; }
.menuList td { padding:3px 10px 3px 3px; text-align:right; border-bottom:1px dotted #5f2302; font-weight:bold; }
.menuList td.menuCap { border-bottom:none; padding:5px 10px 20px 20px ;text-align:left; font-weight:normal; color:#333; }

.menuPlink { margin:30px 0 60px 30px; }
.menuPlink li { padding:0 0 0 13px; margin:0 10px 0 0; background:url(/img/down.gif) 0 2px no-repeat; font-weight:bold; display:block; float:left;  }

.pageTop2 { text-align:right; font-weight:bold; margin:0 0 20px 0;}
.pageTop2 a { padding:0 0 0 13px; background:url(/img/up.gif) 0 2px no-repeat; }



/* =====================　キャンペーン======================*/

.camText01 { padding:10px 10px 20px 0px; }

.seijin { width:353px; padding-bottom:10px; }

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

.salonText01 { width:325px; }

.salonTel { width:325px; height:69px; margin:0px auto; padding:25px 0px; }
.salonImg01 { width:225px; }
.salonInfo01 { width:325px; }

.salonTable01 { width:300px; margin:15px auto; border-collapse:collapse; }
.salonTable01 th { width:70px; text-align:left; color:#060; border-bottom:dotted 1px #ccc; }
.salonTable01 td { border-bottom:dotted 1px #ccc; font-weight:bold; }

.salonInfo02 { width:570px; }
.salonTable02 { width:548px; margin:15px auto; border-collapse:collapse; }
.salonTable02 th { width:70px; text-align:left; color:#060; border-bottom:dotted 1px #ccc; }
.salonTable02 td { border-bottom:dotted 1px #ccc; font-weight:bold; }


.mapBox { width:548px; margin:10px auto;}
.mapBox iframe { border:1px solid #630; margin:5px 0px;}


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

.styleBox01 { width:270px; }
.styleBox01 p { padding:10px; }

.styleBox02 { height:250px; padding: 10px 0px 50px ; }
.styleImage01 { width:270px; }
.styleImage02 { width:192px; }
.styleImage03 { width:185px; }




/* =====================　ヘッドスパ======================*/

.headspaText00 { padding:15px; }

.headspaText01 { padding:15px; }


.spaTop div.left { width:319px; }
.spaTop div.right { width:236px; }

.spaMenuBox h3 { height:20px; }
.spaMenuBox h3 span.spaNameA { display:block; width:250px; float:left; }
.spaMenuBox h3 span.spaPriceA { display:block; width:250px; float:right; text-align:right; color:#630; }

.spaFlowTitle { height:20px; }
.spaFlowTitle span.spaflowName { display:block; float:left; width:400px; }
.spaFlowTitle span.spaflowClass { display:block; float:right; width:140px; text-align:right; }

.spaFlowImage { width:277px; }
.spaFlowText { width:277px; }

.spaBox01 { width:569px; background:url(/img/headspa/bg01_bg.gif) 0% 0% repeat-y; }

.spaBox01 dl { padding:0 30px 10px 30px; }
.spaBox01 dl dt,
.spaBox01 dl dd { padding:0px ; margin:0px; text-indent:0px; }

.spaBox01 dl dt { font-weight:bold; }
.spaBox01 dl dd span { color:#c60; }

.spaBox02 { width:277px; background:url(/img/headspa/bg02_bg.gif) 0% 0% repeat-y; }

.spaOil { padding:15px 20px 0 20px; font-weight:bold; }

.spaBox02 ul li { border-top:1px dotted #630; margin:5px 20px 0 20px; padding:5px 5px 0 5px;  }



/* =====================　ルネフルトレール======================*/


.reneTop { width:569px; height:197px; margin:20px auto; }

.reneText03 { width:235px; }
.reneImg03 { width:317px; }

.reneText02 { width:319px; }
.reneImg02 { width:228px; }

.reneItem { width:277px; margin-bottom:20px; }
.reneItem div { margin:10px 0px; }
.reneItemPoint { font-weight:bold; color:#030; }


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

.staffText01 { width:380px; }
.staffImg01 { width:171px; }

.staffBox { width:270px; }


/* =====================　インフォメーション======================*/

.infoText { padding:15px 15px 20px; }

.infoText02 { width:310px; }
.infoImage { width:200px; }

.infoItem { padding:15px 15px 20px; }


/* =====================　コンセプト=====================*/

div.conceptBox01 { border-top:1px dotted #630; border-bottom:1px dotted #630; margin-bottom:0px; }
div.conceptBox01 p { width:380px; padding-top:10px; }

div.conceptBox02 { border-bottom:1px dotted #630; margin-top:0px; }
div.conceptBox02 p { width:300px; padding-top:10px; }

div.conceptBox03 { text-align:center; }

.conceptList01 { text-indent:-16px; }
.conceptList01 { padding-left:16px; }
.conceptList01 li { padding:3px 0px; }


/* =====================　マネージャー=====================*/
.managerBt { width:400px; height:30px; margin:0px auto; }
.managerBt form { float:left; width:200px; height:30px; }
.managerBt form input { width:200px; height:30px; }

.infoTable { width:100%; margin:10px auto; border-collapse:collapse; border:1px solid #5f2302; }
.infoTable th { border-collapse:collapse; border:1px solid #5f2302;background-color:#5f2302; color:#fff; font-size:12px; }
.infoTable td { border-collapse:collapse; border:1px solid #5f2302; font-size:12px;padding:3px; }
.tableTD01 { width:60px;}
.tableTD03 { width:50px;}

.infoTable2 { width:100%; margin:10px auto; border-collapse:collapse; border:1px solid #5f2302; }
.infoTable2 th { border-collapse:collapse; border:1px solid #5f2302; background-color:#815238; color:#fff; font-size:12px; width:100px; }
.infoTable2 td { border-collapse:collapse; border:1px solid #5f2302; font-size:12px; padding:3px; margin:0px; }
.infoTable2 td.Infoday input { width:80px; }
.infoTable2 td.Infotitle input { width:98%; }
.infoTable2 td.Infotext textarea { width:98%; }



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


.linkBox01 { padding:10px; margin-bottom:15px; }
.linkBox02 { padding:10px 10px 15px 10px; margin-bottom:20px; border-bottom:1px dotted #ccc; }

.linkBox02 .left { width:230px; }
.linkBox02 .right { width:310px; }