/*************************** デザインBodyタグ ***************************/
/*--------- bodyデザイン ---------*/
/* IE6だけに適用 */
*html body {
	overflow-x:hidden;
	overflow-y:auto;
	width:1012px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	padding:0px;
	text-align:center;
}

/* IE7だけに適用 */
*+html body {
	overflow-x:hidden;
	overflow-y:auto;
	width:1012px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	padding:0px;
	text-align:center;
}

/* 上記以外に適用 */
body {
	overflow-x:hidden;
	overflow-y:scroll;
	width:1012px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	padding:0px;
	text-align:center;
}

/*************************** 予約フォーム ***************************/
/********** 全体配置 **********/
.yoyaku_div {
	margin:auto;
	margin-top:15px;
	text-align:center;
}

/********* テーブル *********/
.yoyaku_table {
	margin:auto;
	width:700px;
	border:2px;
	border-style:solid;
	border-collapse:separate;
	border-color:#456600;
	text-align:center;
}

/********* 項目セル *********/
.yoyaku_cell01 {
	width:24%;
	background-color:#E3FFAA;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:left;
	font-size:14px;
	color:#456600;
	font-weight:bold;
}

/********* 入力セル *********/
.yoyaku_cell02 {
	width:76%;
	background-color:#FFFFFF;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:left;
	font-size:14px;
	color:#000000;
	line-height:150%;
}

/********* セルヘッダ *********/
/*------ 予約画面ヘッダ ------*/
.yoyaku_cell_header {
	width:100%;
	background-color:#E3FFAA;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:right;
	color:#456600;
	font-size:14px;
}

/*------ 予約確認ヘッダ ------*/
.yoyaku_cell_header_chk {
	width:100%;
	background-color:#E3FFAA;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:center;
	color:#456600;
	font-size:15px;
	font-weight:bold;
}

/*------ 予約確認ヘッダ ------*/
.yoyaku_cell_header_err {
	width:100%;
	background-color:#E3FFAA;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:center;
	color:#FF0000;
	font-size:15px;
	font-weight:bold;
}

/********** セルフッタ **********/
/*------ 予約画面フッタ ------*/
.yoyaku_cell_footer {
	width:100%;
	background-color:#E3FFAA;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:center;
	color:#456600;
	font-size:14px;
}

/*------ 予約確認フッタ ------*/
.yoyaku_cell_footer_chk {
	width:100%;
	background-color:#E3FFAA;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:center;
	color:#456600;
	font-size:14px;
}

.yoyaku_cell_footer_err {
	width:100%;
	background-color:#E3FFAA;
	border:1px;
	border-style:solid;
	border-collapse:collapse;
	border-color:#456600;
	padding:5px;
	text-align:center;
	color:#456600;
	font-size:14px;
}

/********* 予約完了画面 *********/
.ok_table {
	margin:auto;
	width:700px;
	border:2px;
	border-style:solid;
	border-collapse:separate;
	border-color:#456600;
	text-align:center;
}

.ok_cell {
	margin:auto;
	border:1px;
	border-style:solid;
	border-collapse:separate;
	border-color:#456600;
	text-align:center;
	padding:15px;
}

.ok_title {
	margin:auto;
	width:600px;
	padding-bottom:10px;
	text-align:center;
	font-size:19px;
	color:#456600;
	font-weight:bold;

}

.ok_com {
	margin:auto;
	width:600px;
	text-align:center;
	font-size:15px;
	color:#000000;
	line-height:130%;
}


/********* 予約未入力エラー *********/
.yoyaku_err {
	color:#FF0000;
}


/********* 必須項目フォント *********/
.marker {
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}

/********* ボタン位置 *********/
.yoyaku_btn {
	margin:auto;
	width:700px;
	padding-top:15px;
	text-align:center;
}