@charset "UTF-8";
/*------------------------------------------------------------*/
/*
--------------------------------------------------------------
目次 
-------------------------------------------------------------
global	
TOPページ　メイン関係

共通01 ページh1
共通02 ページヘッダー
共通03 navigation
共通04 ぱんくず
共通05 pickup　「美」「癒」「楽」アイコンブロック
共通06 各種ページ boxDesign
共通07 pagetopボタン
共通08 footer 関係

p0　　TOPページ
p1　　セラピストとは？
p2　　セラピストのお仕事内容
p2.5　3つのお仕事タイプ「美・癒・楽」
p3　　セラピストさんの声
p3.5　現役セラピストインタビュー「美・癒・楽」
p4　　セラピストのお役立ち情報

Pサブ1 sitemap
Pサブ2 privacy
Pサブ3

clearfix

--------------------------------------------------------------
base color 
-------------------------------------------------------------
#ed7986ベース系
#36a5b9ビューティー系
#ff79a2リラク系
#fe8900クイック系
-------------------------------------------------------------*/

/*= global
-------------------------------------------------------------*/
body {
	font-size:90%;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	line-height:2;
	background:url(../img/bak_s.jpg) repeat-x center top;
	color:#666;
}
h2,h3,h4,h5,p,ul,ol,dl {
	margin-bottom:0px;
}
a {
	color:#b88c5e;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#ed7986;
}
a,input {
	outline:0;
}
span {
	color:#ed7986;
}
span.b {
	color:#ed7986;
	font-weight:bold;
}
span.st1 {
	font-size:90%;
	color:#F30;
}
span.title {
	color:#ed7986;
	margin-top:2px;
}
span.no {
	color:#b88c5e;
}

span.beauty {
	color:#36a5b9;
}
span.beauty_b {
	color:#36a5b9;
	font-weight:bold;
}

span.relaxation {
	color:#ff79a2;
}
span.relaxation_b {
	color:#ff79a2;
	font-weight:bold;
}

span.quick {
	color:#fe8900;
}
span.quick_b {
	color:#fe8900;
	font-weight:bold;
}

span.beauty_t {
	font-size:150%;
	text-align:center;
	font-weight:bold;
	color:#36a5b9;
}


span.relaxation_t {
	font-size:150%;
	text-align:center;
	font-weight:bold;
	color:#ff79a2;
}


span.quick_t {
	font-size:150%;
	text-align:center;
	font-weight:bold;
	color:#fe8900;
}

/*=TOPページ　メイン画像関係
---------------------------------------------------------------------------------------*/
#home {
	background:url(../img/bak.jpg) repeat-x center top;
}
#home #mainImg {
	background:url(../img/mainImg.png) no-repeat;
	height:600px;
}
#howto {
	position:absolute;
	top:480px;
	left:700px;
	
}

#howto a {
	background:url(../img/main_howto_b.png) no-repeat;
	text-indent:-9999em;
	display:block;
	width:240px;
	height:120px;	
	}
	
#howto a:hover{
	background:url(../img/main_howto_b_on.png) no-repeat;
	
}
#mainbox {
	position:absolute;
	top:300px;
	left:400px;
	width:480px;
	
}

/*=共通01 ページh1
---------------------------------------------------------------------------------------*/

#about_h1 h1 {	background:url(../img/about1_title.jpg) no-repeat;	height:118px;text-indent:-9999em;}
#work_h1 h1 {	background:url(../img/work1_title.jpg) no-repeat;	height:118px;text-indent:-9999em;}
#voice_h1 h1 {	background:url(../img/voice1_title.jpg) no-repeat;	height:118px;text-indent:-9999em;}
#useful_h1 h1 { background:url(../img/useful1_title.jpg) no-repeat;	height:118px;text-indent:-9999em;}
#useful_qa_h1 h1 { background:url(../img/useful_qa1_title.jpg) no-repeat;	height:118px;text-indent:-9999em;}
#sitemap_h1 h1 { background:url(../img/sitemap1_title.png) no-repeat;	height:57px;text-indent:-9999em; margin-bottom:20px}
#privacy_h1 h1 { background:url(../img/privacy1_title.png) no-repeat;	height:57px;text-indent:-9999em; margin-bottom:20px}
#company_h1 h1 { background:url(../img/company1_title.png) no-repeat;	height:57px;text-indent:-9999em; margin-bottom:20px}


/*=共通02 ページヘッダー
---------------------------------------------------------------------------------------*/
#logo {
	position:absolute;
	top:-10px;
	left:0px;
}
h1#logo,#logo a {
	background:url(../img/logo.png) no-repeat;
	text-indent:-9999em;
	display:block;
	width:180px;
	height:180px;
	
	}
h1#logo,#logo a:hover	{
	background:url(../img/logo_on.png) no-repeat;
	text-indent:-9999em;
	display:block;
	width:180px;
	height:180px;
	}

#mainImg {
	text-indent:-9999em;
	background:url(../img/bak_s.jpg) no-repeat;
	height:174px;
	margin:0 !important;
}

#wrapper {
	width:940px;
	text-align:left;
	margin:0 auto;
	position:relative;
	}
#header {
	position:relative;
}
#headerContact {
	position:absolute;
	text-indent:-9999em;
	display:block;
	top:11px;
	left:240px;
}

/*=共通03 navigation　　
---------------------------------------------------------------------------------------*/
#globalNav {
	width:700px;
	height:78px;
}
#globalNav li {
	float:left;
}
#globalNav li a {
	display:block;
	width:172px;
	height:78px;
	padding-left:3px;
	background:url(../img/nav.png) no-repeat 0 0;
	text-indent:-9999em;
}
li#gAbout a {
	background-position:0 0;
}
li#gWork a {
	background-position:-177px 0;
}
li#gVoice a {
	background-position:-353px 0;
}
li#gUseful a {
	background-position:-529px 0;
}
li#gAbout a:hover,#about li#gAbout a {
	background-position:0 -121px;
}
li#gWork a:hover,#work li#gWork a {
	background-position:-177px -121px;
}
li#gVoice a:hover,#voice li#gVoice a {
	background-position:-353px -121px;
}
li#gUseful a:hover,#useful li#gUseful a {
	background-position:-529px -121px;
}

/*=共通04 ぱんくず
-------------------------------------------------------------*/
.pankuzu{
	width:940px;
	float: left;
	padding-top:10px;
	padding-bottom:20px;
	}

.topicPath {
	font-size:90%;
}

/*=共通05 pickup　「美」「癒」「楽」アイコンブロック
---------------------------------------------------------------------------------------*/
#cont .pickup {
	clear:both;
	overflow: auto;
	width:940px;
	margin-top:0px;
	margin-bottom:60px;
}

.pickup h2	{
	text-align:center;
	font-weight:bold;
	font-size:140%;
}
.pickuptitle	{
	margin-top:0px;
	margin-bottom:20px;
}
.pickup	img{
	margin: 5px 0px 5px 0;
}


.pickup_name_b{
	margin: 0px 0px 0px 0px;
	background-color:#36a5b9;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 20px 20px 0px 0px;
}
.pickup_namesub_b{
	margin: 0px 0px 0px 0px;
	background-color:#fff;
	border-top: 0px dashed #ccc;
    border-bottom: 1px solid #ccc;
	border-left :1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 0px 0px 20px 20px;
}
.pickup_name_r{
	margin: 0px 0px 0px 0px;
	background-color:#ff79a2;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 20px 20px 0px 0px;
}
.pickup_namesub_r{
	margin: 0px 0px 0px 0px;
	background-color:#fff;
	border-top: 0px dashed #ccc;
    border-bottom: 1px solid #ccc;
	border-left :1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 0px 0px 20px 20px;
}
.pickup_name_q{
	margin: 0px 0px 0px 0px;
	background-color:#fe8900;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 20px 20px 0px 0px;
}
.pickup_namesub_q{
	margin: 0px 0px 0px 0px;
	background-color:#fff;
	border-top: 0px dashed #ccc;
    border-bottom: 1px solid #ccc;
	border-left :1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 0px 0px 20px 20px;
}


.pickup
p:after	{content: "";
	display: block;
	clear: both}

.pickup-1	{float: left;
	text-align: center;
	width: 32%;
	margin-right: 2%}

.pickup-2	{float: left;
	text-align: center;
	width: 32%;
	margin-right: 2%}

.pickup-3	{float: left;
	text-align: center;
	width: 32%}

/* 概要 */
.gaiyou	{display: block;
	text-align: center;
	text-decoration: none}


.gaiyou_on a	{display: block;
	background-color:#FFF;
	color:#666;
	text-align: center;
	text-decoration: none;
	opacity: 0.6}
	
.gaiyou_on a:hover	{opacity: 0.6}
	
.gaiyou h2	{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 140%;
	font-weight: normal}

.gaiyou p	{
	margin-top: 0;
	margin-bottom: 0;
	}
/*=共通06　　各種ページ boxDesign
-------------------------------------------------------------*/
#container {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	position:relative;
}

#cont{
	width:100%;
	float:left;
	margin:0px 0px 0px 0px;
}

#cont .boxtop {
	position:relative;
	clear:both;
	overflow: auto;
	width:940px;
	margin-top:40px;
	margin-bottom:60px;
}

#cont .box {
	position:relative;
	clear:both;
	overflow: auto;
	width:940px;
	margin-bottom:60px;
}


#cont .box h2 {
	font-size:160%;
	margin-top:0px;
	margin-bottom:0px;
}
#cont .boxtop h2 {
	font-size:160%;
	margin-top:0px;
	margin-bottom:0px;
}



#cont .box h3{
	font-size:150%;
	margin-top:0px;
	margin-bottom:0px;
}

#cont .boxtop h3{
	font-size:150%;
	margin-top:0px;
	margin-bottom:0px;
}


#cont .box h4 {
	font-size:130%;
	margin-top:0px;
	margin-bottom:0px;

}
#cont p {
margin-bottom:20px;
padding-left:10px;

}

.example {
	margin-top:20px;
	padding-left:5px;
}

.example2 {
	margin-bottom:0px;
	padding-left:5px;
}

.example3 {
	margin-bottom:60px;
	padding-left:5px;
}


#cont .box innerBox {
}

.head_title {
	text-align:center;
	margin-top:0px;
	margin-bottom:40px;
}
.head_title3pickup {
	margin-top:0px;
	margin-bottom:0px;
}
.head_titles {
	background:url(../img/title.png) no-repeat;
	margin-top:0px;
	margin-bottom:0px;
	padding: 60px 0px 20px 0px;
	
}
.title {
	background-color:#fff;
	line-height: 1.5;
	color:#ed7986;
	margin-bottom:16px;
	padding: 1px 10px 0px 5px;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #ed7986;
	border-left: 6px solid #ed7986;
	border-right: 1px solid #f9f9f9;
}
.title2 {
	background-color:#ed7986;
	color:#FFF;
	line-height: 1.5;
	text-align:center;
	margin-bottom:16px;
	padding: 3px 3px 3px 3px;
	border-top: 6px solid #FFe8d8;
    border-bottom: 6px solid #FFe8d8;
	border-left: 18px double #FFe8d8;
	border-right: 18px double #FFe8d8;
	-moz-border-radius: 20px;  
   -webkit-border-radius: 20px; 
	border-radius: 6px 6px 6px 6px;
}

.title_b{
	background-color:#36a5b9;
	color:#FFF;
	text-align:center;
	margin-bottom:16px;
	padding: 3px 0px 0px 0px;
	border-top: 6px solid #FFe8d8;
    border-bottom: 6px solid #FFe8d8;
	border-left: 20px double #FFe8d8;
	border-right: 20px double #FFe8d8;
	-moz-border-radius: 20px;  
   -webkit-border-radius: 20px; 
	border-radius: 6px 6px 6px 6px;
  }
.title_r {
	background-color:#ff79a2;
	color:#FFF;
	text-align:center;
	margin-bottom:16px;
	padding: 3px 0px 0px 0px;
	border-top: 6px solid #FFe8d8;
    border-bottom: 6px solid #FFe8d8;
	border-left: 20px double #FFe8d8;
	border-right: 20px double #FFe8d8;
	-moz-border-radius: 20px;  
   -webkit-border-radius: 20px; 
	border-radius: 6px 6px 6px 6px;
}	


.title_q {
	background-color:#fe8900;
	color:#FFF;
	text-align:center;
	margin-bottom:16px;
	padding: 3px 0px 0px 0px;
	border-top: 6px solid #FFe8d8;
    border-bottom: 6px solid #FFe8d8;
	border-left: 20px double #FFe8d8;
	border-right: 20px double #FFe8d8;
	-moz-border-radius: 20px;  
   -webkit-border-radius: 20px; 
	border-radius: 6px 6px 6px 6px;
}	

.box0 {
	clear:both;
	width:940px;
	text-align:center;
	margin: 0px 0px 20px 0px;
}	
.box02 {
	clear:both;
	width:940px;
	text-align:center;
	margin: 0px 0px 0px 0px;
}	
.voicebox {
	clear:both;
	width:940px;
	background-color:#FFC;
	margin: 0px 0px 20px 0px;
}	
	
.box1_right {
	float:right;
	width:400px;
	height:100%;
	margin: 0px 0px 0px 0px;
}
.box1_left {
	width:520px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box2_right {
	float:right;
	width:520px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box2_left {
	width:400px;
	height:100%;
	margin: 0px 20px 0px 0px;
}

.bar {
	clear:both;
	width:940px;
	margin: 0px 0px 60px 0px;
}

/*共通07　pagetop
-------------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed ;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ed7986;
    border: 1px solid #ffffff;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color:#FFF;
    border: 1px solid #ed7986;
    text-align: center;
    color: #ed7986;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

/*共通08 footer 関係
-------------------------------------------------------------*/
#footer {
	background:url(../img/footer_bak.png) ;
	clear:both;
	padding:40px 0 10px 0;
}
#footer .footerbox {
	margin:120px auto 0 auto;
	width:940px;
	text-align:left;
	background-color:#ed7986;
	position:relative;
}

#footer p.f_right {
	margin-right:20px;
}

#footer .copyright {
	margin-top:10px;
	text-align:center;
	background-color:#ed7986;
	color:#FFF;
}

#hpb-footerextra1 ul.footer_area{
height: 400px;
margin:-30px 0 0 0;
padding:5px 0 0 0;
overflow:hidden;
list-style-type: none;
text-align: left;

}

/*メニュー＆バナー領域 x 3*/
#hpb-footerextra1 .footer_banner{
margin: 0;
width:280px;
height:300px;
padding:0 0 0 0;
position:relative;
margin:20px 5px;
float:left;
border-left :1px dashed #fff;
}
#hpb-footerextra1 .footer_banner2{
margin: 0;
width:280px;
height:300px;
padding:0 0 0 0;
position:relative;
margin: 22px 0px 5px 70px;
float:left;
border-left :1px dashed #ccc;
border-right: 1px dashed #ccc;

}
/*タイトル*/
#hpb-footerextra1 p{
font-size:100%;
padding:5px 0;
margin:0 0 10px 0;
color:#FF9;
border-bottom:1px solid #ffffff;
}

/*フッターメニュー*/
#hpb-footerextra1 ul.footer_menu{
	font-size:90%;
	line-height:2.5em;
	list-style-type: none;
	text-indent:1.5em;
}
#hpb-footerextra1 ul li {
	margin-left: 0px;
	list-style-type: disc;
	list-style-position: inside;
	color:#FFF;
}

#hpb-footerextra1 ul.footer_menu a{
	color:#FFF;
}
#hpb-footerextra1 ul.footer_menu a:hover{
	padding: 4px 4px;
	color:#ed7986;
	background-color:#FFF;
}

/*p0 TOPページ　
---------------------------------------------------------------------------------------*/
/*p0 TOPページニュース
------------------------*/

.home_news{
	width:940px;
	float: left;
	padding-top:20px;
	padding-bottom:10px;
	}

.home_news_title{
	float: left;
	width: 14%;
	}
.home_news_box{
	float:right;
	width: 84%;
	}
	.ticker {
    margin: 1px auto;
    padding: 6px 0px 3px 0px;
    text-align: left;
    border:#FC9 1px solid;
	background-color:#fff;
    position: relative;
    overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 58px;
}
 
.ticker ul {
    width: 100%;
    position: relative;
}
 
.ticker ul li {
    width: 100%;
    display: none;
}
/*
.marquee {
overflow:hidden;
margin:0;
padding-top:10px;
background:#FFF;
}
.marquee a {
	color:#F96;
}
.marquee p {
width:100%;
text-align:center;
display:inline-block;
white-space:nowrap;
color:#333;
font-size:13px;
-moz-animation-name:marquee;
-moz-animation-duration:20s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-webkit-animation-name:marquee;
-webkit-animation-duration:20s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-duration:20s;
-o-animation-timing-function:linear;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-duration:20s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@-moz-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@-o-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
*/

/*=p1　セラピストとは？
---------------------------------------------------------------------------------------------*/

/* 旧セラピスタ紹介ブロック
------------------------*/
#aboutbox .aboxx {
	clear:both;
	overflow: auto;
	width:940px;
	margin-top:40px;
	margin-bottom:40px;
}
#aboutbox h2 {
	font-weight:normal;
	font-size:160%;
	color:#ed7986;
	margin-top:0px;
	margin-bottom:10px;
}
.abox {
	background:url(../img/abut1_titleblock_bak.gif) no-repeat;
	width:740px;
	height:180px;
	margin:0px 100px 0px 100px;
}	
.abox_right {
	float:right;
	width:400px;
	margin: 20px 60px 0px 0px;
}
.abox_right p {
	font-size:13px;
}
.abox_left {
	width:200px;
	margin-top:30px;
	padding: 30px 0px 30px 30px;
	margin: 0px 100px 0px 0px;
}


/*=p2　セラピストのお仕事内容
---------------------------------------------------------------------------------------------*/

/*=p2　セラピストのお仕事内容　共通スキルブロック
-------------------------------------------------------------*/
#skillcontainer {
	background:url(../img/work3_block_skillbak.jpg);
	margin-bottom:20px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    width: 940px;
	height:160px;
}
#skillcontainer h2 {
	font-size:200%;
	letter-spacing: 0.5em;
	font-weight:bold;
}

#skillcontainer h3 {
	font-size:180%;
}

.skillleftBox {
    width: 30%;
    float: left;
	margin: 54px 0px 0px 200px;
}
.skillrightBox {
    width: 40%;
    float: right;
	margin: 2px 20px 0px 0px;
}
/*=p2　セラピストのお仕事内容　共通スキル+各種お仕事タイプブロック
-------------------------------------------------------------*/
#cont .pickup2 {
	clear:both;
	width:940px;
	margin-bottom:60px;
}

.pickup2title	{
	background-color:#FFF;
	text-align:center;
	margin-top:0px;
	margin-bottom:20px;
}

.pickup2:after	{content: "";
	display: block;
	clear: both}

.pickup-1_2	{float: left;
background-color:#36a5b9;
	width: 32%;
	margin-right: 2%}

.pickup-2_2	{float: left;
background-color:#ff79a2;
	width: 32%;
	margin-right: 2%}

.pickup-3_2	{float: left;
background-color:#fe8900;
	width: 32%}

/* 概要 */
.gaiyou2 a	{display: block;
	color:#666;
	text-align: center;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration: none}

.gaiyou2 a:hover	{opacity: 0.6}


.gaiyou2	{
	padding: 10px 0px 10px 0px;
	}
.gaiyou2_text	{
	padding: 10px 10px 10px 10px;
	font-size:110%;
	color:#FFF;}



/*=p2.5 3つのお仕事タイプ「美・癒・楽」 
-----------------------------------------------------------------------------------------------*/	


/*=p2.5 3つのお仕事タイプ「美・癒・楽」 施術メニュー ブロック
-------------------------------------------------------------*/	
/*=p2.5 共通カラム
--------------------*/
#cont .karamu3  {
	clear:both;
	width:940px;
	padding-bottom:60px;
}

.karamu3title	{

}
.karamu3 h2	{
	text-align:center;
	font-weight:bold;
	font-size:140%;
	margin-top:10px;
	margin-bottom:40px;

}
.karamu3:after	{content: "";
	display: block;
	clear: both}

.karamu3-1	{float: left;
background-color:#FFF;
	width: 32%;
	margin-right: 2%}

.karamu3-2	{float: left;
background-color:#FFF;
	width: 32%;
	margin-right: 2%}

.karamu3-3	{float: left;
background-color:#FFF;
	width: 32%}

.karamu3-1_top	{
	margin-bottom:20px;
}

.karamu3_end	{
	width:940px;
	float:left;
	margin-top:10px;
	margin-bottom:0px;
	text-align:center;
	color:#F60;
}

/*=p2.5 ビューティー
--------------------*/	
.s-boxbeauty-head {
        padding: 4px 10px 28px 10px;
        border: 1px solid #36a5b9;
		text-align:center;
		font-size:122%;
        color: #FF9;
		background-color:#36a5b9;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 2px;
		-webkit-box-shadow: inset 0px 0px 8px 0px #fff;
		-moz-box-shadow: inset 0px 0px 8px 0px #fff;
		box-shadow: inset 0px 0px 4px 0px #fff;
        }
.s-boxbeauty-body {
        margin-top: -28px;
        padding: 10px 10px;
        border: 1px solid #36a5b9;
        background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
        }	
/*=p2.5 リラク
--------------------*/	
.s-boxrelaxation-head {
        padding: 4px 10px 28px 10px;
        border: 1px solid #ff79a2;
		text-align:center;
		font-size:122%;
        color:#FF9;
		background-color:#ff79a2;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 2px;
		-webkit-box-shadow: inset 0px 0px 8px 0px #fff;
		-moz-box-shadow: inset 0px 0px 8px 0px #fff;
		box-shadow: inset 0px 0px 4px 0px #fff;
        }
		
.s-boxrelaxation-body {
        margin-top: -28px;
        padding: 10px 10px;
        border: 1px solid #ff79a2;
        background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
        }	
/*=p2.5 クイック
--------------------*/		
.s-boxquick-head {
        padding: 4px 10px 28px 10px;
        border: 1px solid #fe8900;
		text-align:center;
		font-size:122%;
        color: #FF9;
		background-color:#fe8900;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 2px;
		-webkit-box-shadow: inset 0px 0px 8px 0px #fff;
		-moz-box-shadow: inset 0px 0px 8px 0px #fff;
		box-shadow: inset 0px 0px 4px 0px #fff;
        }

.s-boxquick-body {
        margin-top: -28px;
        padding: 10px 10px;
        border: 1px solid #fe8900;
        background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
        }	
	
	
	
/*=p2.5 3つのお仕事タイプ「美・癒・楽」 LIFE STYLE ブロック
-------------------------------------------------------------*/	
/*=p2.5  LIFE STYLE共通
--------------------*/
#cont .lifestyle  {
	clear:both;
	width:940px;
	margin-bottom:60px;
	
}

#cont .lifestyle h2 {
	text-align:center;
	font-weight:bold;
	font-size:140%;
	margin-top:10px;
	margin-bottom:40px;
}

#cont .lifestyle h3 {
	color:#FFC;
	font-size:130%;
}

#cont .lifestyle h4 {
	font-size:130%;
	margin-bottom:8px;
	background-image: url(../img/pickup3_yajirushi.gif);
	  background-size: 17px 25px;
	  background-repeat: no-repeat;
	  padding: 0px 0px 0px 20px;
	  line-height:150%;
}

.lifestyle p {
	margin-bottom:10px;
}
.lifestyle_right {
	float:right;
	width:340px;
	margin: 0px 0px 0px 10px;
	
}
.lifestyle_left {
	width:570px;
	margin: 0px 15px 0px 0px;
}

/*=p2.5  LIFE STYLE ビューティー
--------------------*/		
.l-boxbeauty-head {
		width:300px;
        padding: 4px 10px 28px 15px;
        border: 1px solid #36a5b9;
        color:#FF9;
		background-color:#36a5b9;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: inset 0px 0px 8px 0px #333333;
		-moz-box-shadow: inset 0px 0px 8px 0px #fff;
		box-shadow: inset 0px 0px 6px 0px #fff;
        }

.l-boxbeauty-body {
		overflow: auto;
        margin-top: -28px;
        padding: 20px 10px 0px 15px;
        border: 1px solid #36a5b9;
        background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 2px;
        }	
.l-boxbeauty-body p {
	margin-bottom:30px;
        }
		
/*=p2.5  LIFE STYLE リラクゼーション
--------------------*/	
.l-boxrelaxation-head {
		width:300px;
        padding: 4px 0px 28px 15px;
        border: 1px solid #ff79a2;
        color: #FF9;
		background-color:#ff79a2;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: inset 0px 0px 8px 0px #fff;
		-moz-box-shadow: inset 0px 0px 8px 0px #fff;
		box-shadow: inset 0px 0px 6px 0px #FFCC99;
        }

.l-boxrelaxation-body {
		overflow: auto;
        margin-top: -28px;
        padding: 20px 0px 0px 15px;
        border: 1px solid #ff79a2;
        background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 2px;
        }	
.l-boxrelaxation-body p {
	margin-bottom:30px;
        }
		
/*=p2.5  LIFE STYLE クイック
--------------------*/		
.l-boxquick-head {
		width:300px;
        padding: 4px 10px 28px 15px;
        border: 1px solid #fe8900;
        color: #FF9;
		background-color:#fe8900;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: inset 0px 0px 8px 0px #fff;
		-moz-box-shadow: inset 0px 0px 8px 0px #fff;
		box-shadow: inset 0px 0px 6px 0px #fff;
        }

.l-boxquick-body {
		overflow: auto;
        margin-top: -28px;
        padding: 20px 10px 0px 15px;
        border: 1px solid #fe8900;
        background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 2px;
        }	
.l-boxquick-body p {
	margin-bottom:30px;
        }
		
/*=p3　セラピストさんからの声
---------------------------------------------------------------------------------------------*/

/*=p3.5　現役セラピストインタビュー「美・癒・楽」 
--------------------------------------------------------------*/		
/*=p3.5　voice_head
-------------------------------------------------------------*/
/*=p3.5 ビューティー
--------------*/
#voicecontainer_b {
	background:url(../img/voice_b_head_bak.jpg);
	margin-bottom:40px;
    padding: 20px 0px 20px 0px;
    float: left;
    width: 940px;
}
#voicecontainer_b h2 {
	font-size:180%;
	line-height:normal;
	letter-spacing: 0.1em;
	margin-top:26px;
	color:#FFF;
}

#voicecontainer_b h3 {
	font-size:90%;
	margin-top:14px;
}


#voicecontainer_b p {
	margin: 2px 0px 0px -5px;
}

/*=p3.5 リラクゼーション
--------------*/
#voicecontainer_r {
	background:url(../img/voice_r_head_bak.jpg);
	margin-bottom:40px;
    padding: 20px 0px 20px 0px;
    float: left;
    width: 940px;
}
#voicecontainer_r h2 {
	font-size:180%;
	line-height:normal;
	letter-spacing: 0.1em;
	margin-top:26px;
	color:#FFF;
}

#voicecontainer_r h3 {
	font-size:90%;
	margin-top:14px;
}


#voicecontainer_r p {
	margin: 2px 0px 0px -5px;
}

/*=p3.5 クイック
--------------*/
#voicecontainer_q {
	background:url(../img/voice_q_head_bak.jpg);
	margin-bottom:40px;
    padding: 20px 0px 20px 0px;
    float: left;
    width: 940px;
}
#voicecontainer_q h2 {
	font-size:180%;
	line-height:normal;
	letter-spacing: 0.1em;
	margin-top:26px;
	color:#FFF;
}

#voicecontainer_q h3 {
	font-size:90%;
	margin-top:14px;
}


#voicecontainer_q p {
	margin: 2px 0px 0px -5px;
}
/*=p3.5 hed内共通
--------------*/

.voiceleftBox {
    width: 340px;
    float: left;
	margin: 0px 0px 0px 0px;
}
.voicerightBox {
    width: 550px;
    float: right;
	margin: 0px 20px 0px 0px;
}

.profile {
	margin: 14px 0px 0px 0px;
}

table.profile {
	border-collapse: collapse;
	border: 0px solid #FFC;
	text-align: left;
}

table.profile thead th {
	padding: 6px;
	font-weight: bold;
	border-bottom: 2px dashed #ffe4e1;;
	background:#FFFFFF;
}
table.profile tbody th {
	width: 150px;
	padding: 6px;
	font-weight: bold;
	color:#b88c5e;
	vertical-align: top;
	border-bottom: 2px dashed #ffe4e1;;
	background:#FFFFFF;
}
table.profile td {
	width: 350px;
	padding: 6px;
	vertical-align: top;
	border-bottom: 2px dashed #ffe4e1;;
}
	
/*=p4　セラピストのお役立ち情報
---------------------------------------------------------------------------------------------*/

/*=p4　useful_index
---------------------------------------------*/

#cont .usefulbox {
	width:940px;
	margin: 40px 0px 60px 0px;
}

.usefulbox_right {
	float:right;
	width:460px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.usefulbox_left {
	width:460px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
}
.usefulbox_subtitle {
	margin: 0px 0px 20px 0px;
}


/*=p4.5 useful_QA表
------------------------*/
#qacecontainer {
	margin-bottom:60px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 940px;
}
.qaleftBox {
    width: 460px;
    float: left;
	margin: 0px 0px 0px 0px;
}
.qarightBox {
    width: 460px;
    float: right;
	margin: 0px 0px 0px 20px;
}


/* --- リストエリア --- */
ol.qa_useful {
width: 80%; 
margin: 0px 0px 0px 80px;
padding: 0;
list-style-type: none;
}

/* --- リスト項目の内容 --- */
ol.qa_useful dl {
margin: 0;
background: #f9f9f9; 
}

/* --- Questionエリア --- */
ol.qa_useful dt {
margin: 0;
padding: 8px 6px 6px 35px; 
background: url(../img/useful_qa_logo_q.gif) no-repeat 4px 5px; 
border: 1px #c0c0c0 solid;
font-weight: bold;
line-height: 120%;
}

/* --- Answerエリア --- */
ol.qa_useful dd {
margin: 0;
padding: 11px 6px 25px 35px;
background: #ffffff url(../img/useful_qa_logo_a.gif) no-repeat 4px 8px; 
line-height: 150%;
}


	
/*Pサブ1 sitemap
-------------------------------------------------------------*/
#sitemapbox {
	float:left;
	width:100%;
	background: url("../img/sitemap1content_bg.png") no-repeat right bottom;
}

#sitemapbox:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#sitemapbox {zoom: 1;}

#sitemapbox h2{
	margin-bottom: 20px;
}

#sitemapbox ul {
	margin-left: 40px;
	margin-bottom: 20px;
}

#sitemapbox ul li.sitemaptitle {
	padding-top: 10px;
	color: #41B1E6;
	font-weight: bold;
}

#sitemapbox ul li.sitemaptitle:before {
	content: "■";
}

#sitemapbox ul li.node {
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: inside;
	color: #41B1E6;
}

#sitemapbox ul li a {
	padding: 2px 4px;
	text-decoration: none;
	text-decoration: underline dotted;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 58px;
}

#sitemapbox ul li a:hover {
	color: #FFF;
	background-color: #41B1E6;
	text-decoration: none;
}

#sitemapbox ul li.cate1 a:hover  {
	background-color: #77D4C1;
}

#sitemapbox ul li.cate2 a:hover {
	background-color: #FF78A0;
}

#sitemapbox ul li.cate3 a:hover {
	background-color: #FFCE5B;
}

/*Pサブ2 privacy
-------------------------------------------------------------*/
#privacybox {
	float:left;
	width:100%;
	background: url("../img/privacy1_content_bg.png") no-repeat right bottom;
}

#privacybox:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#privacybox {zoom: 1;}

#privacybox h2 {
	margin-bottom: 20px;
}

#privacybox p {
	font-size: 85%;
}

#privacybox dl {
	margin-bottom: 20px;
	margin-left: 15px;
}

#privacybox dl dt {
	text-decoration: underline;
	color: #A56199;
}

#privacybox dl dd {
	margin-left: 15px;
	font-size: 77%;
}

#privacybox dl dd ul {
	
}

#privacybox dl dd ul li {
	padding: 2px 4px;
	font-style: italic;
}


/*Pサブ3
-------------------------------------------------------------*/
#companybox {
	float:left;
	width:100%;
}

#companybox:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#companybox {zoom: 1;}

#companybox div.contentbox {
	margin:  0px auto 60px;
	width: 800px;
}

#companybox div.contentbox h2 {
	margin-bottom: 10px;
	padding: 0px 0px 0px 8px;
	border-left: solid 8px #FF78A0;
	font-size: 146.5%;
	color: #FF78A0;
	line-height: 1.5;
}

/* このサイトについて */
#companybox div#about_site {
	background: url("../img/company1_bg.png") no-repeat right top;
}

#companybox div#about_site p {
	padding: 10px 25px 20px;
	line-height: 1.8;
}
/* 運営者情報 */
#companybox div#company_info {
	background: url("../img/company2_bg.png") no-repeat right top;
	position: relative;
}

#companybox div#company_info table {
	width: 100%;
}

#companybox div#company_info table:after {
	content: url("../img/company2_pic.png");
	position: absolute;
	right: 15px;
	bottom: 5px;
}
#companybox div#company_info table th,
#companybox div#company_info table td {
	padding: 4px 10px;
}

#companybox div#company_info table th {
	font-weight: normal;
}

#companybox div#company_info table td {
	
}

tr.cate01 th,
tr.cate01 td {
	border-bottom: solid 3px #FFF;
	background-color: #FFF1F5;
	color: #FF78A0;
}

tr.cate02 th,
tr.cate02 td {
	border-bottom: solid 3px #FFF;
	background-color: #FFFAEE;
	color: #FF9900;
}

tr.cate03 th ,
tr.cate03 td {
	border-bottom: solid 3px #FFF;
	background-color: #F1FBF9;
	color: #47C5AB;
}

tr.cate04 th,
tr.cate04 td {
	border-bottom: solid 3px #FFF;
	background-color: #EBF7FE;
	color: #39B4F7;
}

tr.cate05 th,
tr.cate05 td {
	border-bottom: solid 5px #D2B0CC;
	background-color: #F6EFF5;
	color: #A5629A;
}

/* お問い合わせ */
#companybox div#contact_form {
	background: url("../img/company3_bg.png") no-repeat right top;
}

#companybox div#contact_form p {
	padding: 5px 10px;
	line-height: 1.5;
}

#companybox div#contact_form form {
	padding: 10px;
	border: solid 1px #CCC;
}

#companybox div#contact_form form table {
	width: 100%;
}

#companybox div#contact_form form table th,
#companybox div#contact_form form table td {
	border-bottom: solid 3px #FFF;
	padding: 5px 10px;
	background-color: #F5F5F5;
	font-weight: normal;
}

#companybox div#contact_form form table th {
	width: 200px;
	vertical-align: top;
}
#companybox div#contact_form form table th label {
	display: block;
	width: 100%;
	position: relative;
}

#companybox div#contact_form form table th label span {
	position: absolute;
	right: 5px;
	top: 3px;
	padding: 1px 8px;
	background-color: #FF78A0;
	color: #FFF;
	line-height: 1.5;
	font-size: 85%;
	border-radius: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 15px;
}

#companybox div#contact_form form table td {
	
}

#companybox div#contact_form form table td input,
#companybox div#contact_form form table td textarea {
	padding: 3px 2px 2px;
	width: 80%;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

#companybox div#contact_form form table td input:hover,
#companybox div#contact_form form table td textarea:hover {
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
	box-shadow: inner 0 0 2px rgba(0, 0, 0, 0.7);
}

#companybox div#contact_form form table td input {
	
}

#companybox div#contact_form form table td textarea {
	width: 95%;
	height: 120px;
}

#companybox div#contact_form form a#submit_btn {
	display: block;
	margin: 15px auto;
	padding: 10px 7px;
	width: 260px;
	height: 24px;
	font-size: 131%;
	line-height: 1.4;
	text-align: center;
	color: #FFF;
	background-color: #FF9900;
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	cursor: pointer;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}

#companybox div#contact_form form a#submit_btn:hover {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color: #FF78A0;
}




/*= clearfix
-------------------------------------------------------------*/
.clearfix:after,
#container:after,
#header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
#container,
#header {
	display:inline-table;
	zoom:1;/*for IE 5.5-7*/
}
/*Hide from IE-Mac\*/
*html .clearfix,
*html #container,
*html #header {height:1%;}
.clearfix,#container,#header{display:block;}
/*Hide from IE-Mac*/
.clearfix,#container,#header {overflow:visible;}/*IE7 hack*/ 




.shimei {
	padding-left:380px;
	padding-right:10px;
}