@charset "utf-8";
/* CSS Document */

/*

-------------------------------------------------------------------------
お問い合わせページスタイルシート

行広　純人
-------------------------------------------------------------------------

*/





/*

-------------------------------------------------------------------------
カレンダーテーブル指定
-------------------------------------------------------------------------

*/
table.calender{
	width:195px;
	border: 1px solid #999;
	border-collapse:collapse;
}

table.calender td{
		border: 1px solid #999;
}

.holiday,.saturday,.today{
	color:#333;
}




/*

-------------------------------------------------------------------------
予約説明部分
-------------------------------------------------------------------------

*/
#reserve p{
	margin-bottom:15px;
    font-size: 100%;
    margin-left: 20px;
    margin-top: 20px;
    width: 600px;
	
}

p.indent{
	text-indent:5px;
	margin-top:-10px;
}
.box01 ul{
	padding-left: 50px;
}

#reserve ul li{
	list-style-type:square;
	list-style-position:outside;
	margin-bottom:15px;
	width: 750px;
}

#reserve_02 p{
	margin-bottom:15px;
    font-size: 100%;
    margin-left: 20px;
    margin-top: 20px;
    width: 600px;
	
}


#reserve_02 ul{
	padding-left:30px;
}

#reserve_02 ul li{
	list-style-type:square;
	list-style-position:outside;
	margin-bottom:15px;
	width: 550px;
}
/*

-------------------------------------------------------------------------
カレンダーエリア　ボックスレイアウト
-------------------------------------------------------------------------

*/

div#calender{
	width:625px;
	margin:20px 0;
}



div#kongetsu{
	width:195px;
	float:left;
	margin-right:20px;
}

div#raigetsu{
	width:195px;
	float:left;
	margin-right:20px;
}

div#saraigetsu{
	width:195px;
	float:left;
}


/*

-------------------------------------------------------------------------
オンライン予約エリア
-------------------------------------------------------------------------

*/

div#reserve{
	width:600px;
	margin-left: 30px;
}

div#reserve_02{
	width:600px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom:20px;
}




/*

-------------------------------------------------------------------------
フォームエリア
-------------------------------------------------------------------------

*/

div#formarea{
	width:585px;
	margin-top: 20px;
	margin-left: 30px;
}

.formtable{
	width:100%;
	font-size:100%;
}

.formtable th{
	border-bottom:1px solid #333;
	width:15em;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
}

.alignTop{
	vertical-align:top;
}


.formtable td{
	padding:10px 20px;
	border-bottom:1px solid #333;

}

.formtable tr{
	border-bottom:1px solid #333;
}

div#formbutton{
	text-align:center;
	margin:15px;
}

#formarea p{
	padding:0;
	margin:10px 0;
}

p#reserve_message{
	margin:30px auto;
}



/*

-------------------------------------------------------------------------
メール相談エリア
-------------------------------------------------------------------------

*/

div#mail{
	width: 840px;
	margin-left: 30px;
	margin-bottom:20px;
	margin-top:20px;
	clear: both;
}
#mail p {
	font-size: 100%;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 20px;
    width: 600px;
}

/*

-------------------------------------------------------------------------
確認エリア
-------------------------------------------------------------------------

*/


div#confirm{
	margin-bottom:108px;
}


#formbutton {
	text-align: center;
	margin-top: 20px;
}

#formbutton a#send{
	padding:4px;
	border:1px solid #666;
	background-color:#999;
	color:#000;
	text-decoration:none;
}

#formbutton a#return{
	padding:4px;
	border:1px solid #666;
	background-color:#999;
	color:#000;
	text-decoration:none;
}

/*

-------------------------------------------------------------------------
送信完了画面
-------------------------------------------------------------------------

*/

div#complete a{
	color:#B5B5B6;
	text-decoration:none;
	text-align:right;
}
/*

-------------------------------------------------------------------------
パンくず
-------------------------------------------------------------------------

*/

#kuzu {
	margin: 10px 0px 10px 0px;
}
/*

-------------------------------------------------------------------------
GO TO TOP
-------------------------------------------------------------------------

*/
.gotop {
	margin-right: 40px;
	float: right;
}