@charset "utf-8";

/* ===================================================================

CSS information

 file name  : style.css
 style info : スパ・メニュー／料金
 
=================================================================== */


/* ========================================================

	共通

======================================================== */

h1 {
	margin-bottom:30px;
}

.menu     .lead,
.Packages .lead,
.Other    .lead,
.Massage  .lead,
.Elemis   .lead,
.Goods    .lead {
	line-height:180%;
	margin:0 10px 30px 10px;
}

.entry {
	width:580px;
	margin:0 auto;
}

h2 { margin-bottom:30px; }


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

	アイコン

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

dl.icons {
	background:url(images/bg_packages_01.gif) no-repeat;
	padding:9px 20px;
	height:1%;
}

dl.icons dt {
	font-size:85%;
	font-weight:bold;
	color:#A06E57;
	margin-bottom:5px;
}

dl.icons dd {
	float:left;
	margin-left:20px;
}


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

	メニューリスト

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

dl.menulist {
	clear:both;
	font-size:85%;
	margin:20px 0 0 0;
	padding:0 20px 20px 20px;
	height:1%;
}

dl.menulist dt {
	font-weight:bold;
	color:#A06E57;
	margin-bottom:5px;
}

dl.menulist dd {
	float:left;
	background:url(../common/images/icon_arrow_02.gif) no-repeat 0 9px;
	padding-left:12px;
	margin:0 0 5px 30px;
}

/* dl.menulist dd.btn {
	float:left;
	background:none;
	margin:0 0 5px 42px;
	_margin:0 0 5px 24px;
}
*/

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

	コメント

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

ul.comment {
	clear:both;
	line-height:135%;
	background:url(../common/images/line_dot_02.gif) repeat-x top;
	padding:20px 10px 0 10px;
}

ul.comment li { font-size:85%; color:#CE825E; }
ul.comment li em { font-weight:bold; color:#CC3300; }

/*ul.backnone { background:none; margin-top:50px; } */
ul.backnone { margin-top:50px; margin-bottom:20px;}

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

	右レイアウト＆表組み

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

/* ----- パターン1 ----- */

.explain {
	display:inline;
	float:right;
	width:260px;
}

.explain h3,
.explain02 h3 {
	font-size:120%;
	color:#E27363;
	margin-bottom:10px;
}

.explain p,
.explain02 p { line-height:180%; }

.explain em,
.explain02 em {
	font-size:85%;
	color:#A9775E;
	margin-top:5px;
}

.explain .data {
	background:url(images/bg_packages_02.gif) repeat-y;
	border-top:1px solid #AB9795;
	margin-top:18px;
}

.explain .data dl {
	clear:both;
	background:url(images/line_packages_01.gif) repeat-x bottom;
	border-top:1px solid #F7F2EB;
	padding:1px 0 0 0;
	_padding:1px 0;
	height:1%;
}

.explain .data dt {
	float:left;
	font-weight:bold;
	color:#A9775E;
	width:75px;
	_width:100px;
	padding:10px 10px 10px 15px;
}

.explain .data dd {
	float:left;
	color:#333;
	width:135px;
	_width:150px;
	padding:10px 10px 10px 15px;
}

.explain   .data dd span,
.explain02 .data dd span,
.explain03 .data dd span { font-size:85%; }


/* ----- パターン2 ----- */

.explain02 .data {
	border-top:1px solid #AB9795;
	border-bottom:1px solid #AB9795;
	margin-top:18px;
	padding:1px 0;
	height:1%;
}

.explain02 .data dl {
	float:left;
	background:url(images/bg_packages_03.gif) repeat-y;
	width:580px;
	height:1%;
}

.explain02 .data dt {
	float:left;
	font-weight:bold;
	color:#A9775E;
	width:75px;
	_width:100px;
	padding:20px 10px 10px 15px;
}

.explain02 .data dd,
.explain02 .data dd.time {
	float:left;
	color:#333;
	width:165px;
	_width:190px;
	padding:10px 10px 10px 15px;
}

.explain02 .data dd.time {
	padding:20px 10px 10px 15px;
}

/* ----- パターン3 ----- */

.explain03 {
	clear:both;
	border-bottom:1px solid #AB9795;
	_margin-top:-21px;
}

*:first-child+html .explain03 {
	margin-top:-21px;
}

.explain03 .data {
	background:url(images/bg_packages_02.gif) repeat-y;
	border-bottom:1px solid #F7F2EB;
	margin-top:18px;
	padding:1px 0;
	height:1%;
}

.explain03 .data dl {
	float:left;
	background:url(images/line_packages_01.gif) repeat-x top;
	width:580px;
	height:1%;
}

.explain03 .data dt {
	float:left;
	font-weight:bold;
	color:#A9775E;
	width:75px;
	_width:100px;
	padding:10px 10px 10px 15px;
}

.explain03 .data dd {
	float:left;
	color:#333;
	width:435px;
	_width:460px;
	padding:10px 10px 10px 15px;
}


/* ====================================================================================

	メニュー

==================================================================================== */

.menu dl.treatment-L,
.menu dl.treatment-R { float:left; width:275px; }

.menu dl.treatment-L {
	margin:0 26px 0 3px;
	_margin:0 13px 0 3px;
}

.menu dl.treatment-L dt,
.menu dl.treatment-R dt { margin-bottom:13px; }

.menu dl.treatment-L dd,
.menu dl.treatment-R dd { color:#7E523F; margin:0 6px 35px 6px; }

.menu dl.treatment-L dd h3,
.menu dl.treatment-R dd h3 { margin:0 0 10px -5px; }

.menu h2.planmenu {
	margin-top:80px;
}

.menu .item { clear:both; }

.menu .item .imgL { margin:0 20px 20px 0; }

.menu dl.plan dd {
	color:#7E523F;
	margin:10px 5px 15px 5px;
}


/* ====================================================================================

	マンダラパッケージ

==================================================================================== */

.Packages dl.menulist dd { width:220px; }

.Packages h2 { padding-top:30px; margin-bottom:20px; }


/* ====================================================================================

	マンダラマッサージ

==================================================================================== */

.Massage dl.menulist dd { width:135px; }

.Massage h2 { padding-top:30px; margin-bottom:20px; }


/* ====================================================================================

	エレミス

==================================================================================== */

.Elemis dl.menulist {
	_padding:0 10px 20px 10px;
}

.Elemis dl.menulist dd {
	width:230px;
	_width:240px;
	margin:0 0 5px 20px;
}

.Elemis p strong { color:#19226F; }

.Elemis h2 {
	padding-top:30px;
	margin-bottom:20px;
}

.Elemis .about {
	clear:both;
	border:1px solid #EBE4DD;
	background:#F9F6F1;
	padding:10px;
}

.Elemis .about h3 { margin-bottom:20px; }

.Elemis .about .imgR { margin:0 10px 0 0; }

.Elemis .about p img {
	display:block;
	margin:15px 0 15px 20px;
}

.Elemis .about .concept {
	background:url(images/line_elemis_01.gif) repeat-x;
	margin-top:20px;
	padding:20px 10px 0 10px;
}

.Elemis .about h4 { margin:0 0 0 10px; }

.Elemis .about p { margin:0 10px 25px 10px; }

.Elemis .pagetop02 {
	clear:both;
	font-size:85%;
	font-weight:bold;
	text-align:right;
	margin:40px 0 20px 0;
	padding:5px 5px 0 0;
	background:url(../common/images/line_dot_02.gif) repeat-x top;
}

.pagetop02 a {
	color:#792B0B;
}


/* ====================================================================================

	その他

==================================================================================== */

.Other h2 { padding-top:30px; margin-bottom:20px; }


/* ====================================================================================

	スパ キュイジーヌ

==================================================================================== */

.Spacuisine .lead {
	line-height:180%;
	margin:0 10px 15px 10px;
}

.Spacuisine .plan {
	margin-top:30px;
}

.Spacuisine .plan .frame {
	background:url(images/frame_spacuisine_02.gif) repeat-y;
	padding:10px 20px 15px 20px;
}

.Spacuisine .plan h3 {
	font-size:120%;
	color:#E27363;
	margin-bottom:10px;
}

.Spacuisine .plan h4 {
	clear:both;
	color:#A9775E;
	background:url(../common/images/line_dot_01.gif) repeat-x bottom;
	padding:20px 0 8px 5px;
	margin-bottom:20px;
}

.Spacuisine .plan dl.course {
	float:left;
	line-height:180%;
	width:250px;
	margin:0 20px 20px 0;
}

.Spacuisine .plan dl.course dt { font-weight:bold; }

.Spacuisine .data {
	clear:both;
	border-top:1px solid #AB9795;
	border-bottom:1px solid #AB9795;
	padding:1px 0;
	margin:0 8px 0 0;
	height:1%;
}

.Spacuisine .data dl {
	float:left;
	background:url(images/bg_packages_02.gif) repeat-y;
	width:535px;
	height:1%;
}

.Spacuisine .data dt {
	float:left;
	font-weight:bold;
	color:#A9775E;
	width:75px;
	_width:100px;
	padding:10px 10px 10px 15px;
}

.Spacuisine .data dd {
	float:left;
	color:#333;
	background:#F7F2EB;
	width:410px;
	padding:10px 10px 10px 15px;
}

.Spacuisine .data dd em { font-size:85%; }

.Spacuisine .data dd .left {
	display:inline;
	float:left;
	width:160px;
}

.Spacuisine .data dd .right {
	float:left;
	width:250px;
	_width:235px;
}

.Spacuisine .data dd .right .indent {
	display:block;
	margin-left:17px;
}

.Spacuisine h2 {
	border-bottom:1px solid #D2C0BA;
	padding:20px 0 7px 10px;
	margin-bottom:20px;
}

.Spacuisine .restaurant {
	clear:both;
	border-bottom:1px solid #D2C0BA;
	padding:0 5px 12px 5px;
	margin-bottom:20px;
	height:1%;
}

.Spacuisine .restaurant dl {
	float:right;
	text-align:left;
	width:320px;
}

.Spacuisine .restaurant dt { margin-bottom:5px; }


/* ====================================================================================

	ブライダル

==================================================================================== */

.Bridal h2 { margin-bottom:0; }

.Bridal .frame {
	background:url(images/frame_bridal_01.gif) repeat-y;
	padding:0 5px;
}

.Bridal .frame .box01,
.Bridal .frame .box02,
.Bridal .frame .box03 {
	float:left;
	text-align:center;
	width:173px;
}

.Bridal .frame .box01 { margin:0 20px 40px 10px; }
.Bridal .frame .box02 { margin:0 20px 40px 0; }
.Bridal .frame .box03 { margin-bottom:40px; }

.Bridal .frame em {
	display:block;
	font-weight:bold;
	color:#E27363;
	margin-top:20px;
}

.Bridal .frame strong.price {
	display:block;
	font-size:120%;
	color:#CC0033;
	margin-bottom:5px;
}

.Bridal .frame span {
	display:block;
	font-size:85%;
	margin-bottom:20px;
}

.Bridal .frame dl {
	text-align:left;
	margin:0 auto;
	width:165px;
}

.Bridal .frame dt {
	float:left;
	width:140px;
}

.Bridal .frame dd { float:left; }

.Bridal .spamenu {
	clear:both;
	border-bottom:1px solid #D2C0BA;
	padding:0 10px 15px 10px;
	margin-bottom:25px;
	height:1%;
}

.Bridal .spamenu p { margin:15px 10px 25px 10px; }

.Bridal .servicelist {
	float:right;
	width:320px;
}

.Bridal .servicelist h3 { margin-bottom:13px; }

.Bridal .servicelist p { margin:0; }

.Bridal .servicelist p em {
	font-size:85%;
	color:#A9775E;
}

.Bridal .servicelist dl { margin-top:15px; }

.Bridal .servicelist dt.no1,
.Bridal .servicelist dt.no2,
.Bridal .servicelist dt.no3,
.Bridal .servicelist dt.no4 { padding-left:24px; }

.Bridal .servicelist dt.no1 { background:url(../common/images/icon_no01.gif) no-repeat 0 2px; }
.Bridal .servicelist dt.no2 { background:url(../common/images/icon_no02.gif) no-repeat 0 2px; }
.Bridal .servicelist dt.no3 { background:url(../common/images/icon_no03.gif) no-repeat 0 2px; }
.Bridal .servicelist dt.no4 { background:url(../common/images/icon_no04.gif) no-repeat 0 2px; }

.Bridal dl.servicelist dd {
	font-size:85%;
	color:#A9775E;
	margin:0 0 10px 24px;
}

.Bridal dl.servicelist dd em {
	color:#CC3300;
	text-decoration:underline;
}

.Bridal .servicelist .rule {
	clear:both;
	font-size:85%;
	color:#A9775E;
	border:1px dotted #D2C0BA;
	padding:5px;
	margin:0 0 0 24px;
}

.Bridal .servicelist .rule em {
	display:block;
	color:#CC3300;
}

.Bridal .servicelist .rule strong {
	display:block;
	font-size:120%;
}

.Bridal .use {
	background:#FAF7F1;
	border:1px solid #D0C3BD;
	padding:20px 10px 20px 13px;
	height:1%;
	margin-top:40px;
}

.Bridal .use h3 { margin-bottom:20px; }

.Bridal .use .box01,
.Bridal .use .box02,
.Bridal .use .box03 { float:left; }

.Bridal .use .box01 { margin:0 15px 0 0; width:123px; }
.Bridal .use .box02 { margin:0 15px 0 0; width:150px; }
.Bridal .use .box03 { width:248px; }

.Bridal .use .box02 dt { font-weight:bold; }

.Bridal .use .box02 dd {
	font-size:85%;
	color:#A9775E;
	margin-bottom:20px;
}

.Bridal .use .box03 .point {
	border:1px dotted #D2C0BA;
	padding:10px;
	margin-bottom:20px;
}

.Bridal .use .box03 .point em { color:#E27363; }

.Bridal .bridalplan {
	clear:both;
	border-top:1px solid #D2C0BA;
	margin-top:40px;
	padding:30px 10px 0 10px;
}

.Bridal .bridalplan img { margin:12px 0 0 0; }


/* ====================================================================================

	ギフト／グッズ

==================================================================================== */

.Goods .lead {
	background:url(../common/images/line_dot_02.gif) repeat-x bottom;
	padding:0 0 20px 0;
}

.Goods .imgL h3 {
	width:290px;
	clear:both;
	color:#DA8164;
	margin:30px 0 5px 0;
}

.Goods .explain .data {
	margin-top:36px;
}

.Goods .imgL p {
	width:290px;
}

.Goods .imgL ul { margin-top:15px; }

.Goods .imgL li {
	background:url(../common/images/icon_arrow_03.gif) no-repeat 0 8px;
	padding-left:12px;
}