@charset "Shift_JIS";
body {
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666666;
	font-size: 13px;
	/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/
	*font-size: small;
	/*Win IE7およびWin IE6標準準拠モードに適用*/
	*font: x-small;
	/*Win IE 5-5.5､6(後方互換モード)に適用*/
	font-family: "Arial, Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	
	-webkit-text-size-adjust: none;
}

td {
	font-size: 13px;
	/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/
	*font-size: small;
	/*Win IE7およびWin IE6標準準拠モードに適用*/
	*font: x-small;
	/*Win IE 5-5.5､6(後方互換モード)に適用*/
}

img { border:none; }

/*　リンク文字色　*/
a:link    { color: #df7981;text-decoration: none; outline:none;}
a:visited { color: #df7981;text-decoration: none; outline:none;}
a:active  { color: #df7981;text-decoration: none; outline:none;}
a:hover   { color: #df7981;text-decoration: underline; outline:none;}

a{outline:none;}

h2, h3 { margin:10px 0 5px 0; }




#container {
	width: 960px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#header {
	padding: 30px 0 0 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

a#homeLink{
    background: url(../img/logo.gif);
    display: block;
    width: 233px;
    height: 55px;
	float:left;
}
a#homeLink h1{
    margin: 0; visibility: hidden;
}
a#homeLink span{
    visibility: hidden;
	}
	
	
#mainContent {
	padding: 30px 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
#footer {
	padding: 0 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	border-top:1px solid #CCCCCC;
}
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 15px 0; line-height:1.9;
}

#gm { margin:30px 0 0 0; }
.gmimg { float:left; }
#gmsns { margin:10px 0 0 0; }
#copy { font-family:Arial, Helvetica, sans-serif; font-size:85%; color:#999999; letter-spacing:0.1em; }


.list { padding: 0 0 0 15px; }

.s-banner1 { float:left; margin:30px 30px 30px 0; }
.s-banner2 { float:left; margin:30px 0 30px 0; }

.topBox { width:300px; margin: 0 30px 0 0; float:left; }
.topBoxTitle { width:300px; background-color:#dea0a5; font-size:108%; color:#FFFFFF; font-weight:bold; margin:30px 10px 0 0; line-height:1em; }
.topTextBox {  padding:8px 10px; }
.topBox2 { width:300px; margin: 30px 0 0 0; float:left; }


/*　TOP Schoolテーブル　*/

.table1 {
border: 1px #dd9ba4 solid;
border-collapse: collapse;
border-spacing: 0;
width:300px;
}

.table1 td {
padding: 5px;
border: 1px #dd9ba4 solid;
border-width: 0 0 1px 1px;
}

.table1 th {
padding: 5px;
border: 1px #dd9ba4 solid;
border-width: 0 0 1px 1px;
line-height: 120%;
}


/*　テーブル　*/

.table2 {
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
width:300px;
}

.table2 td {
padding: 5px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
}

.table2 th {
padding: 5px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
line-height: 120%;
}

/*　テーブル　*/

.table3 {
border: 1px #cccccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:0 0 15px 0;
}

.table3 td {
padding: 10px;
border: 1px #cccccc solid;
border-width: 0 0 1px 1px;
line-height: 1;
}

.table3 th {
padding: 10px;
border: 1px #cccccc solid;
border-width: 0 0 1px 1px;
background-color:#f5e2e4;
line-height: 1;
}


/*　テーブル　*/

.table4 {
border: 0px #cccccc solid;
border-collapse: collapse;
border-spacing: 0;
margin-top:20px;
margin-bottom:30px;
margin-left : auto ;
margin-right : 0 ;

}

.table4 td {
padding: 0 0 10px 20px;
line-height: 1;
text-align:right;
}

.table4 th {
padding: 10px;
border: 0px #cccccc solid;
line-height: 1;
}



/*--リスト-*/
.list1{ padding: 0 0 0 0; margin:5px 0; }

.list1 li {
    padding: 5px 0px 3px 15px;
    background: url(../img/list_mark.gif) no-repeat 0px 0.6em;
    list-style : none;

}
.list { padding: 0 0 0 15px; }

.titleImg { margin:30px 0 0 0; }
.textBox { padding:0 70px; }

.lessonTitle { background:url(../img/flower.gif) no-repeat left ; height:35px; padding:10px 0 0 40px; font-size:131%; font-weight:bold; color:#dea0a5; margin:40px 0 10px 30px; }
.salonTitle { background:url(../img/house.gif) no-repeat left ; height:35px; padding:13px 0 0 40px; font-size:131%; font-weight:bold; color:#dea0a5; margin:40px 0 10px 30px; }

#menu { background:url(../img/bg_paper.jpg); margin:0 100px; padding:30px; text-align:right; }

.effect2
{
	-webkit-box-shadow: 0px 6px 10px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 6px 10px rgba(50, 50, 50, 0.3);
box-shadow:         0px 6px 10px rgba(50, 50, 50, 0.3);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.menuTitle { font-size:116%; font-weight:bold; margin:0 0 0 0; border-bottom:dotted 1px #dea0a5; color:#dea0a5; text-align:left;  }

.effect1 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	}
	
.caption { font-size:85%; }

.therapist { border:solid 1px #dea0a5; padding:30px;  margin:30px 0 0 0;
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; }
	
	
.formBox { border: solid 1px #CCC; padding:0 2px; line-height:1; font-size:93%; font-family: "Arial, Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  }

.formTextBox { border: solid 1px #CCC; padding:2px; line-height:1.3; font-size:93%; font-family: "Arial, Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  }


.formBtn {
	color: #ffffff;
	font-weight:bold;
	font-size:100%;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#dea0a6 0%,
		#a86569);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dea0a6),
		to(#a86569));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #171717;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4);
		cursor:pointer;
}


#fb { font-family:Verdana, sans-serif;font-size:85%; float:right; height:15px; background:url(../img/icon_facebook.jpg) no-repeat left bottom; padding:48px 10px 0 20px; }
#tw { font-family:Verdana, sans-serif;font-size:85%; float:right; height:15px; background:url(../img/icon_twitter.jpg) no-repeat left bottom; padding:48px 10px 0 20px; }
#fb a:link    { color: #999999;text-decoration: none; outline:none;}
#fb a:visited { color: #999999;text-decoration: none; outline:none;}
#fb a:active  { color: #999999;text-decoration: none; outline:none;}
#fb a:hover   { color: #999999;text-decoration: underline; outline:none;}
#tw a:link    { color: #999999;text-decoration: none; outline:none;}
#tw a:visited { color: #999999;text-decoration: none; outline:none;}
#tw a:active  { color: #999999;text-decoration: none; outline:none;}
#tw a:hover   { color: #999999;text-decoration: underline; outline:none;}


.hanaBox { padding:30px;  float:left; width:403px; border:solid 1px #cccccc; 
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	  }
	  
	  
.hbLeft { margin: 0 30px 30px 0; }
.hbRight { margin: 0 0 30px 0; }

		
.hanaTitle { color:#dea0a5; line-height:1; font-family:BrandonGrotesque-Bold, Futura, Verdana, sans-serif; font-size:20px; margin:0 0 5px 0; padding:0 0 5px 0;font-weight:normal; border-bottom:dotted 1px #dea0a5;}
	
.hanaTextBox { margin: 15px 20px 0 20px; line-height:1.6; }

.hanaBox table {
border: 0px #cccccc solid;
margin-top:10px;
}

.hanaBox  td {
padding: 0
line-height: 1;
}

.hanaBox  th {
padding:0 15px 0 0;
line-height: 1;
}

.thPic { float:left; margin-right:30px;  }

/* clearfix */
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }