@charset "UTF-8";
html {
	margin: 0px;
	padding: 0px;
}
#blockmiddle {
	width: 881px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 750px) {
	#blockmiddle {
	max-width: 100%;
	height: auto;
}
}

#blockmiddle:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#blockmiddle {
  min-height: 1px;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11pt;
	line-height: 170%;
	margin: 0px;
	padding: 0px;
	background: url(../image/back_tail.jpg) 0 0 repeat-x;
	color: #666;
	-webkit-text-size-adjust: none;
}
body #tail{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	line-height: 170%;
	margin: 0px;
	padding: 0px;
	background: url(../image/back_tail.jpg) 0 0 repeat-x;
	color: #666;
	-webkit-text-size-adjust: none;
}


a {
	text-decoration: none;
	color: #060;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
li {
	list-style-type: none;
	float: left;
}

h1,h2,h3,h4,h5,p,ul,li {
	margin: 0px;
	padding: 0px;	
}
h1 {
	font-size: x-small;
	float: left;
}
h5 {
	color: #696;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: medium;
	padding-left: 8px;
	line-height: 2.0em;
}
img {
	border-style: none;
}
.bread {
	margin: 0px 0px 0px 10px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: small;
}
.textcenter {
	text-align: center;
}
.white {
	color: #FFF;	
}
.red {
	color: #900;	
}
/*中段ボタン背景 */
#buttonback {
	position: relative;	
}

#buttonback a.centerlink1 {
	position: absolute;
	left: 20px;
	top: 37px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #FFF;
}

#buttonback a.centerlink2 {
	position: absolute;
	left: 160px;
	top: 37px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #FFF;
}

#buttonback a.centerlink2_2 {
	position: absolute;
	left: 130px;
	top: 37px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #FFF;
}

#buttonback a.centerlink3 {
	position: absolute;
	left: 240px;
	top: 37px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #FFF;
}

#buttonback a.centerlink4 {
	position: absolute;
	left: 350px;
	top: 37px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #FFF;
}

#buttonback a.centerlink5 {
	position: absolute;
	left: 470px;
	top: 37px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #FFF;
}

#buttonback a.centerlink6 {
	position: absolute;
	left: 670px;
	top: 37px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #FFF;
}


#buttonback a.centerlink1:hover,#buttonback a.centerlink2:hover,#buttonback a.centerlink3:hover,#buttonback a.centerlink4:hover,#buttonback a.centerlink5:hover,#buttonback a.centerlink6:hover {
	color: #FF0;
}



/*テーブル */
.tableborder {
	max-width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #690;
	border-right-color: #690;
	margin: 10px 0px 30px 0px;
}

@media screen and (max-width: 750px) {
	.tableborder{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}

.tdborder {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #690;
	border-left-color: #690;
	padding: 5px;
	vertical-align: top;
}
.tdborderleft {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #690;
	border-left-color: #690;
	padding: 5px;
	vertical-align: top;
	color: #FFF;
	background-color: #063;
}
.tdborderRight {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #690;
	border-left-color: #690;
	padding: 5px;
	vertical-align: top;
	background-color: #FFC;
}
.tdborderCenter {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #690;
	border-left-color: #690;
	padding: 5px;
	vertical-align: top;
	vertical-align: middle;	
}


#topimage{ display: block !important; float: left;}
@media screen and (max-width: 750px) {
	#topimage {
	max-width: 100%;
	margin-top: -100px;
	height: auto;
}
}

	
	
/*写真の左側 */
.columnLeft {
	width: 550px;
	margin-right: 30px;
	float: left;
}
@media screen and (max-width: 750px) {
	.columnLeft{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}


.columnRight {
	width: 300px;
	height: 200px;
	margin-bottom: 30px;
	float: left;
}
@media screen and (max-width: 750px) {
	.columnRight{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}

/*ヘッダー */
#header {
	height: 50px;
	width: 664px;
	float: left;
	@media screen and (max-width: 750px) {
	width: 100%;
	height: 100%;
	background-image: url(../image_sp/header01.jpg);
}		
}

@media screen and (max-width: 750px) {
	#header {
	max-width: 100%;
	height: auto;
}
}
	
	

/*メイン画像 */
.pic {
	margin: 0 auto;
	padding: 0;
	width: 881px;
	height: 180px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 750px) {
	.pic{ display: block !important; 
	max-width: 100%;
	padding-top: 90px;
	height: auto;
	position: relative;
	}
	}

.pic img {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	position: absolute;
}

/*フッター */
#footer {
	margin: 0px;
	height: 150px;
	width: 100%;
	float: left;
	background: url(../image/footer.gif) 0 0 repeat;
}
#footer p {
	margin-top: 20px;
	text-align: center;
}

/*NEWS */
#newsBox {
	height: 200px;
	width: 335px;
	margin-top: 20px;
	float: left;
}
#newsTitle {
	height: 25px;
	width: 335px;
	float: left;
	border-bottom-style: solid;
	border-bottom-color: #690;
	border-bottom-width: 1px;
}

/*content */
.content {
	width: 880px;
	margin: 40px 0px 40px 0px;
}

@media screen and (max-width: 750px) {
	.content {
	max-width: 100%;
	height: auto;
}
}


/*tail */
.title {
	width: 880px;
	margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
	.title {
	max-width: 100%;
	height: auto;
}
}

@media screen and (max-width: 750px) {
	.titlegazou {
	visibility: hidden;
}
}


.tailword {
	font-size: 11pt;
	margin: 10px;
}

/*concept */
.conceptSmallphoto {
	width: 100px;
	height: 100px;
	margin: 0px 45px 50px 0px;
}
.conceptSmallphotoRight {
	width: 100px;
	height: 100px;
	margin: 0px 0px 50px 0px;
}
#conceptSmallbox {
	width: 400px;
	height: 300px;
	float: left;
}

#conceptSmallboxRight {
	margin-left: 80px;
	width: 400px;
	height: 300px;
	float: left;
}

@media screen and (max-width: 750px) {
	#conceptSmallbox,#conceptSmallboxRight {
	max-width: 100%;
	height: auto;
}

	#conceptSmallboxRight {
	margin-left: 0px;
}

}

/*concept */
.staff {
	width: 205px;
	height: 248px;
	margin: 0px 15px 20px 0px;
}
.staffRight {
	width: 205px;
	height: 248px;
	margin: 0px 0px 20px 0px;
}

/*hephair,gracehair */
#photoSmallbox {
	width: 400px;
	height: 425px;
	float: left;
}
#photoSmallboxNew {
	width: 400px;
	height: 300px;
	float: left;
}
#locate {
	width: 880px;
	height: 350px;
	margin: 0px 0px 50px 0px;
}
@media screen and (max-width: 750px) {
	#locate{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}
	
	
	
#map {
	width: 400px;
	height: 350px;
	margin: 0px 50px 0px 0px;
	float: left;
}
#locateWord {
    width: 400px;
	float: left;
}

/*sitemap */
.sitemap {
	clear: both;
}
.contentSitemap {
	width: 880px;
	margin: 40px 0px 200px 0px;
}

@media screen and (max-width: 750px) {
	.contentSitemap {
	max-width: 100%;
	height: auto;
}
}

/*sale */
.salettl {
	color: #696;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: large;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #696;
	padding-left: 8px;
	line-height: 2.4em;
}
.shohinname {
	color: #696;
}

.tailwordmoringa {
	width: 650px;
	font-size: 11pt;
	margin: 10px;
	float: left;
}

@media screen and (max-width: 750px) {
	.tailwordmoringa {
	max-width: 100%;
	height: auto;
}
}


@media screen and (max-width: 750px) {
	#tansansenpic	 {
	max-width: 100%;
	height: auto;
}
}



/*スマホで不要なボタンを消す */
@media screen and (max-width: 750px) {
	#buttonhome,#buttoncompany,#buttonsitemap {
	visibility: hidden;
	}
	}
	


/*料金表のアコーディオン */

dl.accordion { width:100%; margin:0 0 0px; padding:0px; font-size:16px;}
dl.accordion dt {
    background:-moz-linear-gradient(top);
    background:-webkit-gradient(linear, left top, left bottom);
    border-bottom:1px solid; height:40px; text-indent:10px; line-height:40px; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
    background:-moz-linear-gradient(top);
    background:-webkit-gradient(linear, left top, left bottom);}
dl.accordion dd { padding:10px; line-height:1.5; display:none;}



/*スマホ用ボタン */
#button01{ display: block !important; float: left;}
#button01sp{
	display: none !important;
}
	
	@media screen and (max-width: 750px) {
	#button01{ display: none !important; }
	#button01sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
	
#button02{ display: block !important; float: left;}
#button02sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button02{ display: none !important; }
	#button02sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button03{ display: block !important; float: left;}
#button03sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button03{ display: none !important; }
	#button03sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
	
	
#button04{ display: block !important; float: left;}
#button04sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button04{ display: none !important; }
	#button04sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button05{ display: block !important; float: left;}
#button05sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button05{ display: none !important; }
	#button05sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button06{ display: block !important; float: left;}
#button06sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button06{ display: none !important; }
	#button06sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button07{ display: block !important; float: left;}
#button07sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button07{ display: none !important; }
	#button07sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button08{ display: block !important; float: left;}
#button08sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button08{ display: none !important; }
	#button08sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button09{ display: block !important; float: left;}
#button09sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button09{ display: none !important; }
	#button09sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button10{ display: block !important; float: left;}
#button10sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button10{ display: none !important; }
	#button10sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button11{ display: block !important; float: left;}
#button11sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button11{ display: none !important; }
	#button11sp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button_mist{ display: block !important; float: left;}
#button_mistsp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button_mist{ display: none !important; }
	#button_mistsp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button_tansansen{ display: block !important; float: left;}
#button_tansansensp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button_tansansen{ display: none !important; }
	#button_tansansensp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button_oxyspa{ display: block !important; float: left;}
#button_oxyspasp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button_oxyspa{ display: none !important; }
	#button_oxyspasp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}
	
#button_sougei{ display: block !important; float: left;}
#button_sougeisp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#button_sougei{ display: none !important; }
	#button_sougeisp{ display: block !important; 
	font-size: medium;
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 7px 0px;
	background-image: url(../image_sp/buttonsp.jpg);
	color: #FFF;}
	}	
	
	
	
	
#title_price01,#title_price02,#title_concept01,#title_mist01,#title_oxyspa01,#title_tansansen01,#title_compliance,#title_sitemap,#title_company03,#title_company02,#title_company01,#title_staff01,#title_staff02,#title_staff03,#title_staff04,#title__recruit01,#title_recruit02,#title_moringa,#title_sougei01,#title_sougei02{ display: block !important; float: left;}
#title_price01sp,#title_price02sp,#title_concept01sp,#title_mist01sp,#title_oxyspa01sp,#title_tansansen01sp,#title_compliancesp,#title_sitemapsp,#title_company03sp,#title_company02sp,#title_company01sp,#title_staff01sp,#title_staff02sp,#title_staff03sp,#title_staff04sp,#title_recruit01sp,#title_recruit02sp,#title_moringasp,#title_sougei01sp,#title_sougei02sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#title_price01,#title_price02,#title_concept01,#title_mist01,#title_oxyspa01,#title_tansansen01,#title_compliance,#title_sitemap,#title_company03,#title_company02,#title_company01,#title_staff01,#title_staff02,#title_staff03,#title_staff04,#title_recruit01,#title_recruit02,#title_moringa,#title_sougei01,#title_sougei02{ display: none !important; }
	#title_price01sp,#title_price02sp,#title_concept01sp,#title_mist01sp,#title_oxyspa01sp,#title_tansansen01sp,#title_compliancesp,#title_sitemapsp,#title_company03sp,#title_company02sp,#title_company01sp,#title_staff01sp,#title_staff02sp,#title_staff03sp,#title_staff04sp,#title_recruit01sp,#title_recruit02sp,#title_moringasp,#title_sougei01sp,#title_sougei02sp{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}
	
#title_company01{ display: block !important; float: left;}
#title_company01sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#title_company01{ display: none !important; }
	#title_company01sp{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}
	
#title_company02{ display: block !important; float: left;}
#title_company02sp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#title_company02{ display: none !important; }
	#title_company02sp{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}
	
	


#hepheader{ display: block !important; float: left;}
#hepheadersp{ display: none !important; }
	
	@media screen and (max-width: 750px) {
	#hepheader{ display: none !important; }
	#hepheadersp{ display: block !important; 
	max-width: 100%;
	height: auto;}
	}
	
	
	
#hep_concept,#grace_concept{ display: block !important; float: left; margin: 20px 0px 20px 0px;}
@media screen and (max-width: 750px) {
	#hep_concept,#grace_concept {
	max-width: 100%;
	margin-top: -20px;
	height: auto;
}
}


.concept {
	margin-top: 0px;
	width: 881px;
	float: left;
}

.pricettl {
	font-size: large;
	font-weight: bold;
	color: #FF6;
}

.coupon {
	margin: 0px 0px 20px 0px;	
}