@charset "utf-8";

@import "reset.css";
@import "base.css";

/*-----------------------------------------------*/
/*                 base setting                  */
/*-----------------------------------------------*/

body {
	background: url(../img/bg_body.jpg) repeat-x center top;
}

/*-----------------------------------------------*/
/*                      path                     */
/*-----------------------------------------------*/

#path {
	margin: 15px 0 15px 15px;
	padding: 0;
}
#path li {
	line-height: 100%;
	float: left;
	margin: 0 10px 0 0;
	padding-right: 12px;
	background: url(../img/arrow_path.gif) no-repeat right center;
	font-size: 10px;
}
#path li.now {
	background: none;
}

/*-----------------------------------------------*/
/*                   contents                    */
/*-----------------------------------------------*/

#contents {
	width: 800px;
}

/*-----------------------------------------------*/
/*                     lnavi                     */
/*-----------------------------------------------*/

#lnavi {
	margin-bottom: 15px;
	padding-top: 4px;
	background: url(../img/bg_lnavi.gif) no-repeat 0 0;
}
#lnavi li {
	margin: 0;
}
#lnavi a {
	display: block;
	width: 202px;
	height: 45px;
	text-indent: -9999px;
}
#lnavi li#lnavi01 a:hover {
	background-position: -202px 0;
}
#lnavi li#lnavi02 a {
	background-position: 0 -45px;
}
#lnavi li#lnavi02 a:hover {
	background-position: -202px -45px;
}
#lnavi li#lnavi03 a {
	background-position: 0 -90px;
}
#lnavi li#lnavi03 a:hover {
	background-position: -202px -90px;
}
#lnavi li#lnavi04 a {
	background-position: 0 -135px;
}
#lnavi li#lnavi04 a:hover {
	background-position: -202px -135px;
}
#lnavi li#lnavi05 a {
	background-position: 0 -180px;
}
#lnavi li#lnavi05 a:hover {
	background-position: -202px -180px;
}
#lnavi li#lnavi06 a {
	background-position: 0 -205px;
}
#lnavi li#lnavi06 a:hover {
	background-position: -202px -205px;
}

/*-----------------------------------------------*/
/*                      title                    */
/*-----------------------------------------------*/

h2#main-title {
	width: 810px;
	height: 125px;
	margin-bottom: 15px;
	text-indent: -9999px;
}
#main-contents h3 {
	width: 580px;
	height: 53px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
#main-contents h4 {
	width: 580px;
	height: 20px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
#main-contents h4.txt {
	width: 575px;
	height: 15px;
	margin: 20px 0 15px 0;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #eb6e95;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ';
	text-indent: 0;
}
#main-contents h5 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #eb6e95;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ';
}
#main-contents h6, #main-contents h5.txt {
	margin-bottom: 10px;
	padding: 0 0 0 5px;
	border: none;
	color: #eb6e95;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ';
}
#main-contents .catch {
	width: 580px;
	height: 18px;
	margin-bottom: 28px;
	text-indent: -9999px;
}

/*-----------------------------------------------*/
/*                 main contents                 */
/*-----------------------------------------------*/

#main-contents {
	float: right;
	width: 580px;
}
#main-contents p {
	margin: 10px 0 10px 5px;
}
#main-contents ul.at {
	margin-bottom: 15px;
}
#main-contents ul.at li {
	margin-bottom: 3px;
	margin-left: 5px;
	padding-left: 15px;
	background: url(../img/mark_at.gif) no-repeat 0 2px;
}
#main-contents ul.mark-list li {
	margin-bottom: 3px;
	margin-left: 5px;
	padding-left: 15px;
	background: url(../img/mark_dot.gif) no-repeat 0 2px;
}

/* line -----------------------------------------*/

div.line-dot {
	height: 1px;
	margin: 20px 0 15px 0;
	background: url(../img/line_dot.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* box-photo1 -----------------------------------*/

.box-photo1 {
	width: 544px;
	margin: 10px auto 15px auto;
	text-align: center;
}

/* box-photo2 -----------------------------------*/

.box-photo2 {
	width: 544px;
	margin: 10px auto 15px auto;
}
.box-photo2 .photo1 {
	float: left;
}
.box-photo2 .photo2 {
	float: right;
}
#main-contents .box-photo2 p {
	width: 258px;
	margin: 5px 0;
}

/* box-photo3 -----------------------------------*/

.box-photo3 {
	width: 544px;
	margin: 10px auto 15px auto;
}
.box-photo3 li {
	float: left;
}
.box-photo3 .photo1, .box-photo3 .photo2 {
	margin-right: 15px;
}

/*-----------------------------------------------*/
/*            esthetics menu -common-            */
/*-----------------------------------------------*/

#page-facial h2#main-title, #page-relax h2#main-title, #page-diet h2#main-title, #page-detox h2#main-title, #page-extention h2#main-title {
	background: url(../../menu/img/main_title.jpg) no-repeat 0 0;
}

/* lnavi ----------------------------------------*/

#page-facial #lnavi a, #page-relax #lnavi a, #page-diet #lnavi a, #page-detox #lnavi a, #page-extention #lnavi a {
	background-image: url(../../menu/img/lnavi.gif);
}

/* icon -----------------------------------------*/

.icon {
	margin-bottom: 20px;
}

/* box-detail -----------------------------------*/

.box-detail {
	width: 570px;
	margin: 15px 0 35px 0;
	padding-right: 10px;
}
#main-contents .box-detail p {
 	padding-left: 16px;
	background: url(../img/arrow.gif) no-repeat 0 2px;
	margin: 0 0 5px 300px;
	font-weight:bold;
}
.box-detail ul li {
	float: right;
	margin-left: 5px;
}
.box-detail ul li a {
	display: block;
	width: 130px;
	height: 40px;
	background-image: url(../../menu/img/btn_menu.gif);
	text-indent: -9999px;
}
.box-detail ul li.btn-price a {
	background-position: 0 0;
}
.box-detail ul li.btn-price a:hover {
	background-position: 0 -40px;
}
.box-detail ul li.btn-reserve a {
	background-position: -134px 0;
}
.box-detail ul li.btn-reserve a:hover {
	background-position: -134px -40px;
}

/*-----------------------------------------------*/
/*           esthetics menu -facial-             */
/*-----------------------------------------------*/

#page-facial #main-contents h3 {
	background: url(../../menu/facial/img/title.gif) no-repeat 0 0;
}
#page-facial .catch {
	background: url(../../menu/facial/img/catch.gif) no-repeat 0 0;
}
#page-facial h4#kogao {
	background: url(../../menu/facial/img/st_kogao.gif) no-repeat 0 0;
}
#page-facial h4#mousse {
	background: url(../../menu/facial/img/st_mousse.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*           esthetics menu -relax-              */
/*-----------------------------------------------*/

#page-relax #main-contents h3 {
	background: url(../../menu/relax/img/title.gif) no-repeat 0 0;
}
#page-relax .catch {
	background: url(../../menu/relax/img/catch.gif) no-repeat 0 0;
}
#page-relax h4#total {
	background: url(../../menu/relax/img/st_total.gif) no-repeat 0 0;
}
#page-relax h4#decollete {
	background: url(../../menu/relax/img/st_decollete.gif) no-repeat 0 0;
}
#page-relax h4#foot {
	background: url(../../menu/relax/img/st_foot.gif) no-repeat 0 0;
}
#page-relax h4#waist {
	background: url(../../menu/relax/img/st_waist.gif) no-repeat 0 0;
}

#page-relax #st2_zenshin{
	text-indent:-9999px;
	overflow:hidden;
	width:224px;
	height:20px;
	background:url("../../menu/relax/img/st2_zenshin.gif") no-repeat;
}
#page-relax #st2_zenshinfull{
	text-indent:-9999px;
	overflow:hidden;
	width:224px;
	height:20px;
	background:url("../../menu/relax/img/st2_zenshinfull.gif") no-repeat;
}

/*-----------------------------------------------*/
/*           esthetics menu -diet-               */
/*-----------------------------------------------*/

#page-diet #main-contents h3 {
	background: url(../../menu/diet/img/title.gif) no-repeat 0 0;
}
#page-diet .catch {
	background: url(../../menu/diet/img/catch.gif) no-repeat 0 0;
}
#page-diet h4 {
	background: url(../../menu/diet/img/st_diet.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*           esthetics menu -detox-              */
/*-----------------------------------------------*/

#page-detox #main-contents h3 {
	background: url(../../menu/detox/img/title.gif) no-repeat 0 0;
}
#page-detox .catch {
	background: url(../../menu/detox/img/catch.gif) no-repeat 0 0;
}
#page-detox h4 {
	background: url(../../menu/detox/img/st_detox.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*           esthetics menu -extention-          */
/*-----------------------------------------------*/

#page-extention #main-contents h3#perm {
	background: url(../../menu/extention/img/title_perm.gif) no-repeat 0 0;
}
#page-extention #main-contents h3#extention {
	background: url(../../menu/extention/img/title_extention.gif) no-repeat 0 0;
}
#page-extention .catch#perm {
	background: url(../../menu/extention/img/catch_perm.gif) no-repeat 0 0;
}
#page-extention .catch#extention {
	background: url(../../menu/extention/img/catch_extention.gif) no-repeat 0 0;
}
#page-extention h4#perm2 {
	background: url(../../menu/extention/img/st_perm.gif) no-repeat 0 0;
}
#page-extention h4#extention {
	background: url(../../menu/extention/img/st_extention.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*               salon introduction              */
/*-----------------------------------------------*/

#page-introduction h2#main-title {
	background: url(../../introduction/img/main_title.jpg) no-repeat 0 0;
}
#page-introduction #main-contents h3#salon {
	background: url(../../introduction/img/title_salon.gif) no-repeat 0 0;
}
#page-introduction #main-contents h3#map {
	background: url(../../introduction/img/title_map.gif) no-repeat 0 0;
}

/* google map -----------------------------------*/

#page-introduction iframe {
	width: 550px;
	margin: 10px;
	text-align: center;
}

/* address -------------------------------------*/

#page-introduction #address {
	margin: 0 5px 10px 5px;
}
#page-introduction #address dl {
	float: left;
	width: 258px;
	margin-right: 40px;
}
#page-introduction #address dt {
	line-height: 20px;
	padding-left: 16px;
	background: url(../img/arrow.gif) no-repeat left center;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ';
}
#page-introduction #address dd {
	margin-bottom: 8px;
}
#page-introduction #address dl.last {
	margin-right: 0;
}

/*-----------------------------------------------*/
/*                  price list                   */
/*-----------------------------------------------*/

#page-price h2#main-title {
	background: url(../../price/img/main_title.jpg) no-repeat 0 0;
}
#page-price #main-contents h3#facial {
	background: url(../../menu/facial/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#relax {
	background: url(../../menu/relax/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#diet {
	background: url(../../menu/diet/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#detox {
	background: url(../../menu/detox/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#extention {
	background: url(../../menu/extention/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#relax {
	background: url(../../menu/relax/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#diet {
	background: url(../../menu/diet/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#detox {
	background: url(../../menu/detox/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h3#extention {
	background: url(../../menu/extention/img/title.gif) no-repeat 0 0;
}
#page-price #main-contents h4 {
	position: relative;
	width: 580px;
	height: 45px;
	margin-top: 20px;
}
#page-price #main-contents h4 a {
	position: absolute;
	width: 129px;
	height: 30px;
	top: 10px;
	right: 10px;
	background-image: url(../../price/img/btn_reserve.jpg);
}

/*-----------------------------------------------*/
/*              detail 10/10/10 追加             */
/*-----------------------------------------------*/

#page-price #main-contents h4.detail {
	position: relative;
	width: 580px;
	height: 45px;
	margin: 0;
}
#page-price #main-contents h4.detail a {
	position: absolute;
	width: 129px;
	height: 30px;
	top: 0;
	right: 10px;
	background-image: url(../../price/img/btn_detail.jpg);
}

/*-----------------------------------------------*/
/*              detail 10/10/10 追加             */
/*-----------------------------------------------*/

#page-price #main-contents h4 a:hover {
	background-position: -140px 0;
}

#page-price #main-contents h4#facial01 {
	background: url(../../price/img/st_facial01.gif) no-repeat 0 0;
}
#page-price #main-contents h4#facial02 {
	background: url(../../price/img/st_facial02.gif) no-repeat 0 0;
}
#page-price #main-contents h4#relax01 {
	background: url(../../price/img/st_relax01.gif) no-repeat 0 0;
}
#page-price #main-contents h4#relax02 {
	background: url(../../price/img/st_relax02.gif) no-repeat 0 0;
}
#page-price #main-contents h4#relax03 {
	background: url(../../price/img/st_relax03.gif) no-repeat 0 0;
}
#page-price #main-contents h4#relax04 {
	background: url(../../price/img/st_relax04.gif) no-repeat 0 0;
}
#page-price #main-contents h4#relax05 {
	background: url(../../price/img/st_relax05.gif) no-repeat 0 0;
}
#page-price #main-contents h4#diet01 {
	background: url(../../price/img/st_diet01.gif) no-repeat 0 0;
}
#page-price #main-contents h4#diet02 {
	background: url(../../price/img/st_diet02.gif) no-repeat 0 0;
}
#page-price #main-contents h4#diet03 {
	background: url(../../price/img/st_diet03.gif) no-repeat 0 0;
}
#page-price #main-contents h4#detox01 {
	background: url(../../price/img/st_detox01.gif) no-repeat 0 0;
}
#page-price #main-contents h4#extention01 {
	background: url(../../price/img/st_extention01.gif) no-repeat 0 0;
}
#page-price #main-contents h4#extention02 {
	background: url(../../price/img/st_extention02.gif) no-repeat 0 0;
}

#page-price dl.price {
	margin: 5px 15px 10px 15px;
}
#page-price dl.price dt {
	float: left;
	clear: both;
	width: 80px;
	padding: 5px 0 5px 5px;
	font-weight: bold;
}
#page-price dl.price dd {
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 0;
	background: url(../img/line_dot.gif) no-repeat left bottom;
}
#page-price #main-contents ul.at {
	margin: 0 18px 20px 18px;
}

/*-----------------------------------------------*/
/*                    campaign                   */
/*-----------------------------------------------*/

#page-campaign h2#main-title {
	background: url(../../campaign/img/main_title.jpg) no-repeat 0 0;
}

#page-campaign #main-contents h3 {
/*	background: url(../../campaign/img/title.gif) no-repeat 0 0;*/
}

/*-----------------------------------------------*/
/*                      faq                      */
/*-----------------------------------------------*/

#page-faq h2#main-title {
	background: url(../../faq/img/main_title.jpg) no-repeat 0 0;
}
#page-faq #main-contents h3 {
	background: url(../../faq/img/title.gif) no-repeat 0 0;
}
#page-faq #main-contents h4#q1 {
	background: url(../../faq/img/st_q1.gif) no-repeat 0 0;
}
#page-faq #main-contents h4#q2 {
	background: url(../../faq/img/st_q2.gif) no-repeat 0 0;
}
#page-faq #main-contents h4#q3 {
	background: url(../../faq/img/st_q3.gif) no-repeat 0 0;
}
#page-faq #main-contents h4#q4 {
	background: url(../../faq/img/st_q4.gif) no-repeat 0 0;
}
#page-faq #main-contents h4#q5 {
	background: url(../../faq/img/st_q5.gif) no-repeat 0 0;
}
#page-faq #main-contents h4#q6 {
	background: url(../../faq/img/st_q6.gif) no-repeat 0 0;
}
#page-faq #main-contents p {
	margin-left: 10px;
	padding-left: 30px;
	background: url(../../faq/img/i_a.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*              contact / reserve                */
/*-----------------------------------------------*/

#page-reserve h2#main-title {
	background: url(../../reserve/img/main_title.jpg) no-repeat 0 0;
}
#page-reserve #main-contents h3 {
	background: url(../../reserve/img/title.gif) no-repeat 0 0;
}
#page-reserve #main-contents h4#caution {
	background: url(../../reserve/img/st_caution.gif) no-repeat 0 0;
}
#page-reserve #main-contents h4#form {
	background: url(../../reserve/img/st_form.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*                    news                       */
/*-----------------------------------------------*/

#page-news h2#main-title {
	background: url(../../news/img/main_title.jpg) no-repeat 0 0;
}


/* table ----------------------------------------*/

#page-reserve table {/*テーブル全体*/
	width: 570px;
	margin: 0 5px 20px 5px;
	border: 1px solid #d5d6c7;
}
#page-reserve table th {/*ピンク地に白文字*/
	padding: 5px 8px;
	border: 1px solid #d5d6c7;
	background: #eb6e95;
	color: #ffffff;
}
#page-reserve table td.entry {/*希望コースのメニュー*/
	vertical-align: middle;
	padding: 5px 8px;
	border: 1px solid #d5d6c7;
	background: #e8e9d9;
	font-weight: normal;
}
#page-reserve table td {/*その他のtd*/
	vertical-align: middle;
	padding: 5px 8px;
	border: 1px solid #d5d6c7;
}
#page-reserve table ul {
	margin: 5px 0 0 0;
}
#page-reserve table th span {
	color: #cc0000;
	font-size: 10px;
}

/*-----------------------------------------------*/
/*                    sitemap                    */
/*-----------------------------------------------*/

#page-sitemap h2#main-title {
	background: url(../../sitemap/img/main_title.jpg) no-repeat 0 0;
}
#page-sitemap ul.list {
	margin: 0 10px 20px 10px;
}
#page-sitemap .list li {
	display: block;
	line-height: 30px;
	width: 300px;
}
#page-sitemap .list li li {
	margin-left: 15px;
	padding-left: 25px;
	background: url(../../sitemap/img/line_01.gif) no-repeat 0 0;
}
#page-sitemap .list li li.lower {
	background: url(../../sitemap/img/line_02.gif) no-repeat left center;
}
#page-sitemap .list li li.last {
	background: url(../../sitemap/img/line_03.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*                    privacy                    */
/*-----------------------------------------------*/

#page-privacy h2#main-title {
	background: url(../../reserve/privacy/img/main_title.jpg) no-repeat 0 0;
}
#page-privacy #main-contents h3 {
	background: url(../../reserve/privacy/img/title.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*                   float clear                 */
/*-----------------------------------------------*/

#path, .box-photo2, .box-detail ul, .btn-pagetop, #address dl, #page-price dl {
	zoom: 1; /* for IE5.5 - IE7 */
}
#path:after, .box-photo2:after, .box-detail ul:after, .btn-pagetop:after, #address dl:after, #page-price dl:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}