@charset "utf-8";
@import url("base.css");
@import url("header.css");
@import url("footer.css");
/*---------------------------------------------*/
/* menu.css                                    */
/*   -- salon'dR                               */
/*---------------------------------------------*/

#caption-menu {
	background:url(../img/sprite_caption.png) no-repeat 0 -60px;
}

/* menu-header項 ----------------------------- */
#menu-header {
	margin:0 0 20px 3px;
	padding:0;
	list-style:none;
}

#menu-header li {
	width:100px;
	height:100px;
	margin:0 13px;
	_margin:0 10px 20px;
	float:left;
}

#menu-header li a {
	width:100px;
	height:100px;
	display:block;
}

#menu-header li span {
	display:none;
	_color:#fff;
	_font-size:1px;
}

#menu-header li.facial {
	background:url(../img/sprite_menu_header.jpg) no-repeat 0 0;
}

#menu-header li.body {
	background:url(../img/sprite_menu_header.jpg) no-repeat -100px 0;
}

#menu-header li.headspa {
	background:url(../img/sprite_menu_header.jpg) no-repeat -200px 0;
}

#menu-header li.course {
	background:url(../img/sprite_menu_header.jpg) no-repeat -300px 0;
}

/* menu-entry項 ---------------------------- */
.frame-asset-body h3 {
	color:#423023;
	font-size:1.15em;
	font-weight:bold;
}

.frame-asset-body p {
	margin:10px 0 0;
}

/* menu-おすすめコース項 ---------------------------- */
.tit-course {
	width:250px;
	margin:0 0 10px;
	padding:2px 0;
	color:#423023;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background:#dccdb8;
}

.price-off {
	position:absolute;
	top:-18px;
	left:445px;
	_left:430px;
}

/* menu-初回限定コース項 ---------------------------- */
.alpha-first {
	margin:0 0 10px;
}

.first-text {
	margin:0 10px 10px;
}

/* menu-男性におすすめコース項 ---------------------------- */
.male-body {
    background:url(../img/back_course_male.jpg) repeat-y 0 center;
}

/* menu-ブライダルコース項 ---------------------------- */
#bridal-intro {
	width:510px;
	height:232px;
	margin:0 0 20px;
	padding:130px 0 0 0;
	_padding:150px 0 0 0;
	background:url(../img/photo_bridal_top.jpg) no-repeat 0 0;
}

#bridal-intro p {
	width:210px;
	margin:10px 0 0 30px;
	color:#423023;
}

.bridal-menu {
	margin:10px 0 0 0;
	padding:0 10px 5px 0;
	border-bottom:1px dotted #d1bea2;
}

.bridal-menu dt {
	width:16em;
	float:left;
}

.bridal-menu dd {
	margin:0 0 0 16em;
}

.bridal-faq {
	position:absolute;
	top:-18px;
	left:410px;
	_left:395px;
}

.bridal-course {
	width:400px;
}

.bridal-course dt {
	margin:0 10px 0 0;
	padding:4px 10px 0;
	text-align:center;
	float:left;
	border-bottom:1px dotted #f2a0b1
}

.bridal-course dd {
	padding:4px 0 0;
	border-bottom:1px dotted #f2a0b1
}

/* menu-asset(モジュール)項 ---------------------------- */
.menu-asset {
	margin:0 0 30px;
}

/* menu-asset-slide contents項 */
#menu-slide{
	display:none;
}

.toggle-close {
    width:60px;
	margin:10px 0 0;
	float:right;
}

.toggle {
	margin:20px 0 0;
}

/* menu-asset-フェイシャルの施術行程項 */
.facial-track {
	width:450px;
	margin:5px auto 0;
	padding:5px 15px 0;
}

.facial-track dt {
	margin:10px 0 0;
	padding:0 0 0 5px;
	border-bottom:1px dotted #d1bea2;
	font-weight:bold;
}

.facial-track dd {
	margin:0 0 0 20px;
}

.facial-track dd.photo {
    width:200px;
	margin:10px 0 0;
	border-left:20px solid #FFF;
	float:right;
}

/* menu-asset-精油リスト項 */
.tit-aroma {
	padding:10px 0 0;
}

.aroma-text {
	width:470px;
	text-align:right;
	font-size:0.85em;
	color:#666;
}

.tit-aroma-list {
	width:470px;
	height:25px;
	margin:10px 0 0;
	border-bottom:1px solid #d1bea2;
}

.tit-aroma-list span {
	display:none;
	_color:#fff;
	_font-size:1px;
}

#orange {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 0;
}

#grapefruit {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 -25px;
}

#lavender {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 -50px;
}

#rosemary {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 -75px;
}

#lemon {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 -100px;
}

#rosewood {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 -125px;
}

#ylang {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 -150px;
}

#sandal {
	background:url(../img/sprite_aroma_list.png) no-repeat 0 -175px;
}

#orange-slide,
#grapefruit-slide,
#lavender-slide,
#rosemary-slide,
#lemon-slide,
#rosewood-slide,
#ylang-slide,
#sandal-slide {
	display:none;
}

.aroma-close {
	width:50px;
	float:right;
	margin:0 0 10px;
}

/* menu-asset-精油表項 */
.aroma-list {
	width:470px;
	margin:0 0 5px;
	border-collapse:collapse;
	position:relative;
	top:-1px;
}

.aroma-list th,
.aroma-list td {
	padding:3px 5px;
	font-weight:normal;
	text-align:left;
	border:1px solid #d1bea2;
}

.aroma-list th {
	width:70px;
}

.aroma-list td.aroma-img {
	width:110px;
	padding:10px 0 0;
	text-align:center;
	vertical-align:top;
}

/* menu-asset-料金表項 */
#price-list {
	width:510px;
	margin:0 0 5px;
	border-collapse:collapse;
}

#price-list th,
#price-list td {
	padding:3px 5px;
	font-weight:normal;
	text-align:left;
	border:1px solid #d1bea2;
}

#price-list thead th {
	text-align:center;
	background:#dccdb8;
}

#price-list td {
	padding:3px;
	width:80px;
	text-align:right;
}

#price-list td.blank {
	text-align:center;
}

#price-list td span {
	padding:0 2px 0 0;
	font-size:0.75em;
	color:#999;
}

.frame-asset-body p.first-child {
	margin:0;
	padding:0;
}

.marker {
	width:300px;
	margin:0 0 5px;
	color:#423023;
	font-weight:bold;
	text-align:center;
	border:1px dotted #d1bea2;
}

.price-note {
	width:470px;
	font-size:0.85em;
	padding-left:12px;
	margin-left:1em;
	text-indent:-1em;
}

/* for mens項 -------------------------------- */
#container-mens {
    width:800px;
	margin:0 auto;
	background:url(../img/back_formen.jpg) no-repeat 0 0;
}

#container-mens-inner {
	width:800px;
	margin:0 auto;
	background:url(../img/back_formen.jpg) no-repeat center 0 #fff;
}

#contents-mens-inner {
	background:url(../img/photo_formen_hotel.jpg) no-repeat 439px 40px;
}

#for-men {
	width:700px;
	height:40px;
	background:url(../img/caption_formen.png) no-repeat 0 0;
}

#for-men span {
	display:none;
}

.mens-text p {
	width:450px;
	margin-top:15px;
}

.mens-note {
	margin-left:1em;
	text-indent:-1em;
}

.mens-course {
	height:358px;
	margin:30px 0 0;
	padding:42px 50px 0;
	background:url(../img/frame_formen_plane.gif) no-repeat 0 0 #FFF;
}

.mens-course div {
	height:323px;
	overflow:auto;
}

#men01 {
	background:url(../img/sprite_formen.png) no-repeat 0 0;
}

#men02 {
	background:url(../img/sprite_formen.png) no-repeat 0 -30px;
}

#men03 {
	background:url(../img/sprite_formen.png) no-repeat 0 -60px;
}

.tit-mens {
	height:30px;
	border-bottom:1px dotted #423023;
}

.tit-mens span {
	display:none;
}

.mens-course dt {
	margin:3px 0 0 30px;
	font-weight:bold;
}

.mens-course dd {
	margin:5px 0 8px 30px;
}