@charset "utf-8";
/* ===================================================================
CSS information

 file name  :relaxation.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/*メインメニューオン表示*/
#relaxation ul#gnav li. a{
	background: url(../images/gnav.jpg) -325px -65px;
}

/* -----------------------------------------------------------
	接客
----------------------------------------------------------- */
/*ページタイトル*/
#relaxation h2#title_service{
	width: 720px;
	height: 55px;
	margin: 25px 0;
	text-indent:-9999px;
	background: url(../relaxation/images/title_service.gif) left top no-repeat;
}

/*メインコピー*/
#relaxation p.copy_main_service{
	width: 720px;
	height: 85px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../relaxation/images/main_copy_service.gif) left top no-repeat;
}

/*メインテキスト*/
#relaxation .main_text{
	width: 720px;
	margin: 0 0 20px;
	clear: both;
}

/* お子様・ご年配・障害者の方のためにできること
----------------------------------------------------------- */
/*共通設定*/
#relaxation .service_cont{
	width: 720px;
	margin: 0 0 30px;
	clear: both;
	overflow: hidden;
}

#relaxation .margin{
	margin: 0 0 50px;
}


#relaxation .service_cont p.photo{
	padding: 0 30px 0 0;
	float: left;
}

#relaxation .service_cont .incont{
	wdith: 520px;
	float: left;
}

/*できることリスト*/
#relaxation .incont ul.service_list{
	width: 520px;
	margin: 0 0 10px;
}

#relaxation .incont ul.service_list li{
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	background: url(../relaxation/images/ico_servicelist.gif) left 5px no-repeat;
}

/*貸し出しリスト*/
#relaxation .incont .rental_list{
	width: 488px;
	padding: 15px;
	border: 1px solid #e5d1b0;
	background-color: #efe1c7;
}

#relaxation .incont .rental_list ul{
	clear: both;
}
#relaxation .incont .rental_list ul li{
	width: 244px;
	float: left;
	list-style-type: disc;
	list-style-position:inside;
}

/*数に限りがございます*/
#relaxation .incont .rental_list .attention{
	width: 488px;
	clear: both;
	text-align: right;
	font-size: 90%;
}

/*タイトル：小さなお子様のためにできること*/
#relaxation .service_cont .incont h4#st_tochild{
	width: 290px;
	height: 50px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../relaxation/images/st_tochild.gif) left top no-repeat;
}

/*タイトル：ご年配の方、障害をお持ちの方にできること*/
#relaxation .service_cont .incont h4#st_tosenior{
	width: 400px;
	height: 50px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../relaxation/images/st_tosenior.gif) left top no-repeat;
}

/* -----------------------------------------------------------
	癒やし
----------------------------------------------------------- */
/*ページタイトル*/
#relaxation h2#title_relax{
	width: 720px;
	height: 55px;
	margin: 25px 0;
	text-indent:-9999px;
	background: url(../relaxation/images/title_relax.gif) left top no-repeat;
}

/*メインコピー*/
#relaxation p.copy_main_relax{
	width: 720px;
	height: 15px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../relaxation/images/main_copy_relax.gif) left top no-repeat;
}

/*ページ内メニュー
------------------------------------------*/
/*コンテンツ名*/
#relaxation ul.pagenav li.bt_garrarufa a{
	width: 180px;
	background: url(../relaxation/images/bt_garrarufa.gif) left top no-repeat;	
}

#relaxation ul.pagenav li.bt_esthe a{
	width: 180px;
	background: url(../relaxation/images/bt_esthe.gif) left top no-repeat;	
}


/* ガラルファ足湯
----------------------------------------------------------- */
#relaxation #cont_garrarufa{
	width: 720px;
	margin: 0 0 40px;
	clear: both;
	overflow: hidden;
}

#relaxation #cont_garrarufa h3#st_garrarufa{
	width: 720px;
	height: 30px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../relaxation/images/st_garrarufa.gif) left top no-repeat;
}

#relaxation #cont_garrarufa .about_garrarufa{
	width: 720px;
	margin: 0 0 10px;
}


#relaxation .about_garrarufa p.photo{
	padding: 0 20px 0 0;
	float: left;
}

#relaxation .about_garrarufa .detail{
	width: 360px;
	float: left;
}

#relaxation .about_garrarufa .detail h4{
	width: 360px;
	height: 50px;
	margin: 0 0 15px;
	text-indent: -9999px;
	background: url(../relaxation/images/copy_garrarufa.gif) left top no-repeat;
}

#relaxation .about_garrarufa .detail p.text{
	width: 360px;
	float: left;
}

/*ガラルファって？*/
#relaxation .about_garrarufa p.garrarufa{
	width: 355px;
	height: 195px;
	padding: 0 20px 0 0;
	text-indent: -9999px;
	background: url(../relaxation/images/aboutgarrarufa.gif) left top no-repeat;
	float: left;
}

#relaxation .about_garrarufa p.photo_garrarufa{
	padding: 40px 0 0 0;
	float: left;
}


/* エステサロン　Butterflｙ
----------------------------------------------------------- */
#relaxation #cont_esthe{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}

#relaxation #cont_esthe h3#st_esthe{
	width: 720px;
	height: 30px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../relaxation/images/st_esthe.gif) left top no-repeat;
}

#relaxation #cont_esthe p.photo{
	padding: 0 20px 0 0;
	margin: 0 0 30px;
	float: left;
}

#relaxation #cont_esthe .text{
	width: 360px;
	float: left;
}

/*　基本メニュー
------------------------------------------*/
#relaxation #cont_esthe h3#st_menu{
	width: 720px;
	height: 30px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../relaxation/images/st_menu.gif) left top no-repeat;
	clear: both;
}

#relaxation #cont_esthe .cont_menu{
	width: 720px;
	margin: 0 0 30px;
	clear: both;
	overflow: hidden;
}

#relaxation #cont_esthe .cont_menu p.photo{
	float: left;
	padding: 0 25px 0 0;
}

#relaxation #cont_esthe .cont_menu .detail{
	width: 575px;
	float: left;
}

#relaxation #cont_esthe .detail h5{
	width: 575px;
	height: 30px;
	margin: 0 0 15px;
	text-indent: -9999px;
}

/*フットケア*/
#relaxation .detail h5#st_menu_foot{
	background: url(../relaxation/images/st_menu_foot.gif) left top no-repeat;
}

/*フェイスケア*/
#relaxation .detail h5#st_menu_face{
	background: url(../relaxation/images/st_menu_face.gif) left top no-repeat;
}

/*ボディケア*/
#relaxation .detail h5#st_menu_body{
	background: url(../relaxation/images/st_menu_body.gif) left top no-repeat;
}

/*全身ケア*/
#relaxation .detail h5#st_menu_all{
	background: url(../relaxation/images/st_menu_all.gif) left top no-repeat;
}

/*カラーセラピー*/
#relaxation .detail h5#st_menu_color{
	background: url(../relaxation/images/st_menu_color.gif) left top no-repeat;
}

#relaxation #cont_esthe .detail p.text{
	width: 575px;
	margin: 0 0 10px;
	clear: both;
}

#relaxation #cont_esthe .detail p.rate{
	width: 575px;
	ont-size: 120%;
	font-weight: bold;
	clear: both;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}