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

  create: 
  update: 
  url: http://www.

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

/*
-------------------------
TAGS
------------------------- */
*{ margin:0; padding:0; text-decoration:none; font-weight:normal; font-style:normal; line-height:1.8em; font-size: 12px; font-family:'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}
* html body { font-size: 0.9em;text-align: center;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
ul li { list-style:none; }
ul,li {margin: 0;padding: 0;}
div,ul,li,dl,dt,dd { zoom:1; }
div:after,ul:after,li:after,dl:after,dt:after,dd:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0.001em;line-height: 0;}

body{color:#432c22;overflow-y: scroll;}
* html body{overflow-y: auto;}
*+html body{overflow: auto;}

/* フッター常に下くっ付きCSS
http://blog.magical-remix.net/igalog/archives/303
html{height: 100%;}
body{height: 100%;}
body > #container{height: auto;}										body直下の大外の要素
#container{height: 100%; min-height: 100%; position: relative;} 		body直下の大外の要素
#contents{padding: 0 0 100px;} 											container直下でfooterの直前要素にfooterと同じだけの下padding
#footer{position: absolute; bottom: 0; width: 100%; height: 100px;} 	ポジション指定 heightとwidthを指定する
*/

img{vertical-align: top;}

/* anchor */
a {
	color:#6699CC;
	text-decoration:none;
	overflow: hidden; /*firefox点線対応*/
}
* html a {
	overflow: visible;
}
*+html a {
	overflow: visible;
}

a img{border: 0;}

/* table */
table {
	border-collapse: 0;
}
th,td {
	border-collapse:collapse;
	text-align: left;
}
strong{
	font-weight: bold;
}

/*
-------------------------
BASE CLASS
------------------------- */

.mb_0{
	margin-bottom: 0 !important;
}
.mb_5{
	margin-bottom: 5px !important;
}
.mb_10{
	margin-bottom: 10px !important;
}
.mb_15{
	margin-bottom: 15px !important;
}
.mb_20{
	margin-bottom: 20px !important;
}
.mb_25{
	margin-bottom: 25px !important;
}
.mb_30{
	margin-bottom: 30px !important;
}
.mb_35{
	margin-bottom: 35px !important;
}
.mb_40{
	margin-bottom: 40px !important;
}
.txtrt{
	text-align: right;
}
.txtct{
	text-align: center;
}
.flleft{
	float: left;
}
.flright{
	float: right;
}
.pagetop{
	text-align: right;
	margin: 0 0 40px;
}





#container{
	position: relative;
}
#bodyframetop{
	width: 100%;
	background: url('../img/common/bodyframetop.gif') repeat-x;
}
#bodyframeunder{
	width: 100%;
	background: url('../img/common/bodyframeunder.gif') repeat-x;
}
#head_center{
	width: 1056px;
	text-align: center;
}
#body_left{
	background: url('../img/common/body_left.gif') repeat right top;
}
#body_center{
	background: url('../img/common/body_center.gif') repeat left top;
	text-align: center;
	padding: 0 0 124px;
}
#body_right{
	background: url('../img/common/body_right.gif') repeat left top;
}
#contents_body{
	background: url('../img/common/contents_body.gif') repeat-y;
	margin: 0 auto;
	width: 856px;
}
#contents_body_inner{
	background: url('../img/common/contents_body_inner.gif') no-repeat left bottom;
	text-align: left;
	padding: 0 0 50px;
}
/*
-------------------------
HEADER
------------------------- */
#header{
	height: 95px;
	width: 856px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#header h1{
	color: #fff;
	line-height: 18px;
}
#header .logo{
	position: absolute;
	top: 28px;
	left: 3px;
}
#header .tel{
	position: absolute;
	top: 28px;
	right: 21px;
}
/*
-------------------------
FOOTER
------------------------- */
#footer{
	position: absolute;
	bottom: 22px;
	left: 0;
	width: 100%;
	height: 84px;
	z-index: 10;
	text-align: center;
}
#footer .footerlink{
	width: 1056px;
	margin: 0 auto;
	padding: 10px 0 0;
	color: #fff;
	font-size: 10px;
}
#footer .footerlink ul{
	line-height: 1.0em;
}
#footer .footerlink li{
	display: -moz-inline-box;
	display: inline-block;
	font-size: 10px;
}
* html #footer .footerlink li{
	display: inline;
}
*+html #footer .footerlink li{
	display: inline;
}
#footer a{
	color: #fff;
	font-size: 10px;
}
#footer_layer{
	position: absolute;
	bottom: 22px;
	left: 0;
	text-align: center;
	background: #150600;
	width: 100%;
	z-index: 5;
	filter: alpha(opacity=60);/* ie透過 */
	-moz-opacity: 0.60;/* ff透過 */
	opacity: 0.60;/* safari系透過 */
}
#footer_layer address{
	padding: 60px 0 0;
	height: 24px;
	_height: 84px;
	text-align: center;
	font-size: 10px;
	width: 1056px;
	display: block;
	margin: 0 auto;
	color: #fff;
}
/*
-------------------------
NAVI
------------------------- */
#navi{
	float: left;
	width: 240px;
	_width: 258px;
	padding: 15px 0 0 18px;
}
#navi ul{
	margin: 0 0 20px;
}
#navi li{
	padding: 0 0 0 5px;
}
#navi .navi_ban{
	margin: 0 0 15px;
}
#navi .navi_conf{
	padding: 0 0 20px 5px;
}
/*
-------------------------
MAINBODY
------------------------- */
#main_body{
	float: right;
	width: 550px;
	_width: 573px;
	padding: 15px 23px 0 0;
}

.undercontents .h3title{
	background: url('../img/under/h3.gif') no-repeat;
	height: 43px;
	line-height: 43px;
	font-weight: bold;
	padding: 0 0 0 16px;
	margin: 0 0 6px;
}
.undercontents .titleimg{
	background: none;
	height: auto;
	line-height: auto;
	font-weight: auto;
	padding: 0 0 0 0;
}
.listtype01{
	margin: 0 0 30px;
}
.listtype01 li{
	background: url('../img/under/icon.gif') no-repeat left 2px;
	padding: 0 0 0 25px;
	font-weight: bold;
}
.listtype01 li ul{
	padding: 5px 0 10px;
}
.listtype01 li li{
	background: none;
	padding: 0 0 1px;
	_margin: 0 0 0 0;
	font-weight: normal;
}
.listtype01 li li em{
	display: block;
	float: left;
	width: 1.8em;
	height: 1.8em;
	background: #f5e0cb;
	color: #713c28;
	text-align: center;
	margin: 0 4px 0 0;
}
.listtype02{
	margin: 0 0 30px;
}
.listtype02 li{
	background: url('../img/under/li.gif') no-repeat 0.6em 0.6em;
	padding: 0 0 0 25px;
}
/*
-------------------------
トップページ
------------------------- */
.top_heading{
	height: 209px;
	background: url('../img/top/top_heading_bg.jpg') no-repeat;
}
.top_campaign{
	margin: 0 0 20px;
	background: url('../img/top/top_img_01_on.gif') no-repeat;
}
.top_infomation{
	margin: 0 0 40px;
}
.top_infomation iframe{
	width: 550px;
	height: 110px;
}
.top_point{
	margin: 0 0 20px;
}
.pointblc{
	margin: 0 0 25px;
}
.pointblc .pointtxt{
	float: left;
	width: 380px;
}
.pointblc .pointimg{
	float: right;
	width: 163px;
}
.top_course{
	margin: 0 0 40px;
}
.top_course .courseblc{
	width: 267px;
	background: #f5e0cb url('../img/top/top_img_07.gif') no-repeat left bottom;
	padding: 0 0 7px;
}
.top_course .courseleft{
	float: left;
}
.top_course .courseright{
	float: right;
}
.top_course .coursetxt{
	padding: 0 13px;
}
.top_salon{
	position: relative;
}
.top_salon .salontxt{
	float: left;
	width: 210px;
}
.top_salon .salonmap{
	float: right;
	width: 330px;
}
.top_salon .btn_detail{
	position: absolute;
	bottom: 0;
	left: 0;
}
/*
-------------------------
プライバシーポリシー
------------------------- */
.prvtbl th,.prvtbl td{
	padding: 0 5px;
}
.prvtbl .tdcl01{
	background: #f2a473;
	vertical-align: middle;
	color: #713c28;
}
.prvtbl .tdcl02{
	background: #f5e0cb;
	vertical-align: top;
	color: #713c28;
}


/*
-------------------------
アーユルヴェーダ
------------------------- */
.ayur_blc{
	margin: 0 0 40px;
}
.ayur_blc2{
	margin: 0 0 20px;
}
.ayur_blc .ayur_txt01{
	float: left;
	width: 270px;
}
.ayur_blc .ayur_img01{
	float: right;
	width: 273px;
}
.ayur_blc2 .ayur_txt02{
	float: right;
	width: 380px;
}
.ayur_blc2 .ayur_img02{
	float: left;
	width: 170px;
}
.ayur_blc .ayuroilleftimg{
	float: left;
	width: 96px;
}
.ayur_blc .ayuroilrightimg{
	float: right;
	width: 96px;
}
.ayur_blc_h4{
	margin: 0 0 10px;
}
.ayuroil{
	margin: 0 0 20px;
}
.ayuroil .ayuroillefttxt{
	float: right;
	width: 448px;
}
.ayuroil .ayuroilrighttxt{
	float: left;
	width: 448px;
}
.ayuroil .blendtxt{
	font-size: 10px;
	color: #ec8947;
}
.ayur_blc .oiltbl{
	margin: 0 0 20px;
}
.ayur_blc .oiltbl th{
	width: 5em;
}

/*
-------------------------
ボディトリートメント
------------------------- */

.bodyblc{
	margin: 0 0 40px;
}

.bodyblc2{
	margin: 0 0 20px;
}

.bodyabhy{
	margin: 0 0 25px;
}
.bodyabhy .bodyabhyleft{
	width: 270px;
	float: left;
}
.bodyabhy .bodyabhyright{
	width: 273px;
	float: right;
}
.bodyblc .bodyleftimg{
	float: left;
	width: 140px;
}
.bodyblc .bodylefttxt{
	float: right;
	width: 410px;
}
.bodyblc .bodyrightimg{
	float: right;
	width: 180px;
}
.bodyblc .bodyrighttxt{
	float: left;
	width: 360px;
}

/*
-------------------------
フェイシャル
------------------------- */
.facialblc{
	margin: 0 0 40px;
}
.facialorg{
	margin: 0 0 25px;
}
.facialorg .facialrightimg{
	float: right;
	width: 273px;
}
.facialorg .facialrighttxt{
	float: left;
	width: 275px;
}

/*
-------------------------
ウエディング
------------------------- */
.weddingblc{
	margin: 0 0 40px;
}
.wedplanblc{
	background:#f5e0cb url('../img/under/wedding_head.gif') no-repeat;
	padding: 3px 0 0;
}
.wedplanblcinner{
	background: url('../img/under/wedding_foot.gif') no-repeat left bottom;
	padding: 2px 5px 5px;
}
.wedplanblc dl{
	padding: 5px 0 0 15px;
}
.wedplanblc dd{
	margin: 0 0 10px;
}



/*
-------------------------
サロン
------------------------- */
.salonblc{
	margin: 0 0 40px;
}
.salonroom{
	margin: 0 0 10px;
}
.salonblc .salonroomtxt{
	float: left;
	width: 270px;
}
.salonblc .salonroomimg{
	float: right;
	width: 273px;
}
.salonblc .salonlic{
	vertical-align: middle;
}
.salonblc .salonroot{
	background: url('../img/under/salon_img_04.jpg') no-repeat right top;
}
.salonblc .salonroot li{
	background: url('../img/under/icon.gif') no-repeat left 2px;
	padding: 0 0 0 25px;
	margin: 0 0 15px;
}
.salonblc .salonmedialist{
	width: 175px;
	float: left;
}
.salonblc .salonmedialist li{
	background: url('../img/under/li.gif') no-repeat 0.6em 0.6em;
	padding: 0 0 0 25px;
}
.salonblc .salonmediaimg{
	width: 365px;
	float: right;
}
.salonblc .salonstaffleft{
	float: left;
	width: 242px;
}
.salonblc .salonstaffright{
	float: right;
	width: 290px;
}

.salon_info_img{
	margin: 15px 0 0 0;

}

/*
-------------------------
よくあるご質問
------------------------- */

.qa h3,
.qa_h3 {
	width: 484px;
	_width: 550px;
	height: 39px;
	_height: 59px;
	padding: 20px 0 0 66px;
	margin: 0 0 15px 0;
	background: url("../img/under/qa_title.gif") no-repeat;
	line-height: 1.5em;
	}

.qa h3.two_line,
.qa_h3two_line {
	height: 49px;
	_height: 59px;
	padding: 10px 0 0 66px;
	}

.qa p {
	margin: 0 0 30px 27px;
	}

.qa_caution {
	font-size: 11px;
	line-height: 1.4em;
	display: block;
	margin: 4px 0 0 0;
	}

/*
-------------------------
ご予約
------------------------- */

.contact_means {
	margin: 0 0 10px 0;
	}

.contact_means img.left {
	margin: 0 14px 0 0;
	float: left;
	}
	

.orange_frame_top {
	width: 550px;
	padding: 15px 0 0 0;
	background: #f5e0cb url("../img/under/reserve_orange_frame_top.gif") left top no-repeat;
	}

.orange_frame_btm {
	width: 530px;
	_width: 550px;
	padding: 0 0 13px 20px;
	background: url("../img/under/reserve_orange_frame_btm.gif") left bottom no-repeat;
	}
/*
-------------------------
ご予約
------------------------- */
.newslist{
	background: url("../img/common/line.gif") repeat-x;
}
.newslist dl{
	background: url("../img/common/line.gif") repeat-x left bottom;
	padding: 3px 0;
}
.newslist dt{
	float: left;
	width: 120px;
	text-align: left;
}
.newslist dd{
	float: right;
	width: 400px;
	text-align: left;
}


/*
-------------------------
その他共通パーツ
------------------------- */
.under_cam_banner {
	width: 550px;
	height: 170px;
	background: url("../img/common/under_cam.gif") no-repeat 0 0;
	margin: 0 0 20px 0;
	text-indent: -9999px;

}

.under_cam_banner a {
	width: 550px;
	height: 170px;
	display: block;
	background: url("../img/common/under_cam_over.gif") no-repeat 0 0;
}


.under_cam_banner a:hover {
	background: none;

}



/*
======================================================================
以下開発用　適時削除してね
====================================================================== */

/* 開発履歴

*/
/*
#container, #contents, #navi, #main, h1 {
	border:1px dashed #FF00CC;
}
*/

/*
======================================================================
ここまで開発用記述です
====================================================================== */