@charset "utf-8";

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
html {
	margin: 0; padding: 0;
}
form { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
body {
	position: relative;
	width: 800px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #000;
	font-size: 0.8em;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(../img/back.gif) repeat-x;
	background-attachment: fixed;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
a:link {
	color: #0000ff;
	text-decoration: underline;
}
a:hover {
	color: #ff9900;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

/* clearfix */
#calendar:after, #container:after, #technique:after{
	content: url(../img/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}


/*----------------------------------------------------
	見出し
----------------------------------------------------*/
h2 {
	clear: both;
	width: 700px;
	height: 25px;
	margin: 0 50px 20px 50px;
}
h3 {
	clear: both;
	margin: 0 0 20px;
	padding-left: 8px;
	border-bottom: 1px solid #ccc;
	border-left: 5px solid #2b7758;
	background: url(../img/m-back.gif) right center no-repeat;
}


/*----------------------------------------------------
	#container
----------------------------------------------------*/
#container {
	width: 800px;
	margin: 0 auto;
	padding:0;
	line-height: 1.8;
	font-size: 110%;
	text-align: left;
	background: #fff;
}


/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	width: 800px;
	height: 140px;
	margin: 0 0 30px;
	padding: 0;
	text-align: left;
	background: #fff;
	position: relative;
}
#header h1 {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.25;
	position: absolute; top: 5px; right:10px;
}
#header_info {
	margin: 0;
	padding: 0;
	color: #2b7758;
	font-size: 90%;
	text-align: right;
	line-height: 1.3;
	position: absolute; top: 30px; right: 10px;
}
#header_info2 {
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: right;
	line-height: 1.4;
	position: absolute; bottom: 0; right: 10px;
}
#header_info span {
	font-size: 170%;
	font-weight: bold;
}
#logo {
	margin: 0;
	padding: 0;
	position: absolute; top: 30px; left: 10px;
}


/*----------------------------------------------------
	#mainbox
----------------------------------------------------*/
#mainbox {
	width: 750px;
	margin: 0 auto 40px;
	padding: 0;
	background: #fff;
}
.campaign a:link, .cp2 a:link {
	color: #ff0099;
	text-decoration: underline;
}
.campaign a:hover, .cp2 a:hover, {
	color: #ff9900;
}


/*----------------------------------------------------
	#message
----------------------------------------------------*/
#message {
	position: relative;
	width: 700px;
	margin: 0 auto 20px;
	padding: 0 0 35px;
	background: url(../img/scene.jpg) right bottom no-repeat;
}
.voice {
	line-height: 30px;
	margin: 0;
	padding-left: 30px;
	color: #333;
	font-weight: bold;
	background: url(../img/balloon.gif) left no-repeat;
}
#p_img {
	float: right;
	margin: 18px 0 0 35px;
	padding: 0;
}


/*----------------------------------------------------
	.c_voice
----------------------------------------------------*/
#c_voice {
	position: relative;
	width: 560px;
	margin: 0 auto 40px;
	padding:0 20px 15px;
	border: 1px solid #ccc;
	background: #ffffea;
}
.note {
	margin: 0;
	padding: 0 0 1px;
	background: url(../img/ten.gif) repeat 0px -29px;
}
.note p {
	line-height: 30px;
	margin-top: 30px;
	padding-left: 30px;
	background: url(../img/voice-top.gif) no-repeat 1px 3px;
}
*html .note p {
	width: 540px;
}
.female {
	color: #e95464;
}
.male {
	color: #008db7;
}


/*----------------------------------------------------
	#symptom
----------------------------------------------------*/
#symptom {
	position: relative;
	width: 700px;
	margin: 0 auto 35px;
	padding: 0;
}


/*----------------------------------------------------
	#technique
----------------------------------------------------*/
#technique {
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding: 0;
}
#tt {
	width: 620px;
	margin: 30px auto 0;
	padding: 0;
}
#tt table {
	width:620px;
	border-top:1px solid #eee8aa;
	border-right:1px solid #eee8aa;
	border-collapse:collapse;
}
#tt table .column1 {
	width: 620px;
	padding: 0.5em 0;
	text-align: center;
	background:#f5f5dc;
}
#tt table td {
	width: 310px;
	color:#3e3e3e;
	border-bottom:1px solid #eee8aa;
	border-left:1px solid #eee8aa;
	padding: 1em 1em;
	text-align:left;
	vertical-align: top;
}


/*----------------------------------------------------
	#f_section
----------------------------------------------------*/
#f_section {
	position: relative;
	width: 700px;
	margin: 0 auto 20px;
	padding: 0;
}
#room {
	width: 700px;
	height: 460px;
	margin: 30px auto 0;
}


/*----------------------------------------------------
	#price
----------------------------------------------------*/
#price {
	position: relative;
	width: 700px;
	margin: 0 auto 40px;
	padding: 0;
}


/*----------------------------------------------------
	#r_time
----------------------------------------------------*/
#r_time {
	position: relative;
	width: 700px;
	margin: 0 auto 40px;
	padding: 0;
}
#r_time p span{
	color: #bc611e;
	font-size: 85%;
}
#r_time table {
	width:620px;
	border-top:1px solid #eee8aa;
	border-right:1px solid #eee8aa;
	border-collapse:collapse;
}
#r_time table caption {
	color: #bc611e;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:left;
}
#r_time table .column1	{
	background:#f5f5dc;
}
#r_time table td {
	color:#7a6d45;
	border-bottom:1px solid #eee8aa;
	border-left:1px solid #eee8aa;
	padding:.2em 0;
	text-align:center;
}
#r_time table th {
	width: 60px;
	font-weight:normal;
	color: #7a6d45;
	text-align:center;
	border-bottom: 1px solid #eee8aa;
	border-left:1px solid #eee8aa;
	padding:.2em 0.5em;
}


/*----------------------------------------------------
	#calendar
----------------------------------------------------*/
#calendar {
	position: relative;
	width: 750px;
	margin: 0 auto 40px;
	padding: 0;
}
#calendar table {
	float: left;
	width:140px;
	margin-left: 30px;
	border-top:1px solid #eee8aa;
	border-right:1px solid #eee8aa;
	border-collapse:collapse;
}
#calendar table caption {
	color: #333;
	margin: 10px 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
}
#calendar table tr.tw {
	background: #f5f5dc;
}
#calendar table td {
	width: 20px;
	color:#7a6d45;
	border-bottom:1px solid #eee8aa;
	border-left:1px solid #eee8aa;
	padding:0.5em;
	text-align:center;
}
#calendar table td.sun {
	background: #fbdac8;
}
#calendar td.sat {
	background: #bbdbf3;
}
#calendar td.closed {
	color: #ffffff;
	background: #eb6ea0;
}
#calendar table th {
	width: 60px;
	color: #7a6d45;
	text-align:center;
	border-bottom: 1px solid #eee8aa;
	border-left:1px solid #eee8aa;
	padding:0.5em;
}
#calendar p {
	float: left;
	width: 70px;
	height: 30px;
	margin: 225px 0 0 15px;
	text-align: left;
}
#calendar p span {
	color: #eb6ea0;
}


/*----------------------------------------------------
	#access
----------------------------------------------------*/
#access {
	position: relative;
	width: 750px;
	margin: 0 auto 40px;
	padding: 0;
}


/*----------------------------------------------------
	.s_section
----------------------------------------------------*/
.s_section {
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding: 0;
}


/*----------------------------------------------------
	.footer_info
----------------------------------------------------*/
.footer_info {
	position: relative;
	width: 750px;
	margin: 1em auto 0;
	padding: 0;
}


/* ----------------------------------------------------------
	#inquiry
----------------------------------------------------------- */
#inquiry {
	text-align: left;
}

#inquiry h2 {
	margin: 30px 0 20px 25px;
	color: #2b7758;
	font-size: 150%;
}

#inquiry table {
	width: 700px;
	margin-left: 25px;
	border-top:1px solid #ead7a4;
	border-right:1px solid #ead7a4;
	border-collapse:collapse;
}

#inquiry table caption {
	margin-bottom: 15px;
	color: #333;
	caption-side: top;
	text-align: left;
}

#inquiry table span,table caption span{
	color: #e73562;
}

#inquiry table.st {

}

#inquiry table th {
	width: 250px;
	padding: 0.5em;
	font-weight:normal;
	color: #6f5436;
	border-bottom: 1px solid #ead7a4;
	border-left:1px solid #ead7a4;
	background: #f7f7de;
}

#inquiry table td {
	padding: 0.5em;
	border-top:1px solid #ead7a4;
	border-bottom:1px solid #ead7a4;
	border-left:1px solid #ead7a4;
	color:#6f5436;
}

#inquiry table input.sq,input.ma,input.ag,textarea,select {
	border: 1px solid #be8f68;
}

#inquiry table input.ma {
	width: 200px;
}

#inquiry table input.ag {
	width: 50px;
}

#inquiry p.pp {
	padding: 20px 0 0 25px;
	font-size: 85%;
}

#inquiry div#button {
	margin: 20px 0 10px 25px;
}

#inquiry p.fmc {
	padding-right: 25px;
	font-size: 85%;
	text-align: right;
}


/* ----------------------------------------------------------
	#privacy
----------------------------------------------------------- */
#privacy {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff;
}

#privacy h2 {
	margin: 30px 0 0 0;
	color: #2b7758;
	font-size: 150%;
}
#privacy dl dt {
	margin: 1.5em 0 0.5em;
}
#privacy dl dd {
	margin-left: 1em;
}


/* ----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
	position: relative;
	width: 750px;
	margin: 60px auto 0;
	padding-top: 20px;
	font-size: 90%;
	text-align: center;
	border-top: 1px solid #ccc;
}
#footer address{
	font-style: normal;
}
#footer .copyright {
	color: #666;
	font-size: 90%;
}


/*----------------------------------------------------
	画像ボックス
----------------------------------------------------*/
.imgbox {
	float: left;
	width: 180px;
	margin: 0 15px 0 0;
	border: 1px solid #ccc;
}
.imgboxr {
	float: right;
	width: 180px;
	margin: 0 0 0 15px;
	border: 1px solid #ccc;
}
p.img {
	margin: 0;
	text-align: center;
}
p.caption {
	line-height: 1.3;
	font-size: 80%;
	color: #2b7758;
	text-align: left;
	margin: 8px;
}


/*----------------------------------------------------
	位置・スペース制御
----------------------------------------------------*/
.spc {
	margin-bottom: 2em;
}
.center {
	text-align: center;
}
p.nm {
	margin: 0;
}


/*----------------------------------------------------
	囲みボックス
----------------------------------------------------*/
.box {
	clear: both;
	margin: 40px 45px;
	padding: 10px 20px 10px;
	border: 1px solid #77b67d;
}


/*----------------------------------------------------
	その他
----------------------------------------------------*/
.inner {
	float: left;
	width: 700px;
	padding: 0 0 20px;
}


/*----------------------------------------------------
	装飾・文字サイズ
----------------------------------------------------*/
.s {
	font-size: 85%;
}
.b {
	font-weight: bold;
}
.ur {
	text-decoration: underline;
}
.red {
	color: #ff0000;
}