@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  フォーム
**************************************************
--------------------------------------------------*/

.form_box{
	width:720px;
}

.form_box th,
.form_box td{
	padding:15px 20px;
	border:#eee 1px solid;
}

.form_box th{
	width:220px;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	background-color:#e9f7fc;
}
.form_box th span{
	float:right;
}
.must,
.option{
	display:inline-block;
	padding:2px 6px;
	font-size:12px;
	font-weight:normal;
	border-radius:4px;
	color:#fff;
}
.must{background-color:#f54642;}
.option{background-color:#545454;}

.form_box td{
	width:500px;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
	width:460px;
	max-width:460px;
	min-width:300px;
	padding:4px 6px;
	font-size:14px;
	border:#eee 1px solid;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
	background-color:#feffed;
}
input#room_number{
	width:150px;
	min-width:150px;
}
input.datepicker{
	width:150px;
	min-width:150px;
	margin-right:20px;
}
select{
	width:100px;
	padding:4px 6px;
	font-size:14px;
	border:#eee 1px solid;
}

.go_btn,
.back_btn{
	cursor:pointer;
	display:block;
	width: 180px;
	padding: 15px 0;
	font-size:14px;
	border: 1px solid #ddd;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.go_btn{
	background: #0099cc;
	color: #fff;
}
	.go_btn:hover{
		background-color:#00759c;
	}

.back_btn{
	background: #888;
	color: #fff;
}
	.back_btn:hover{
		background-color:#555;
	}

form[action="?ac=confirm"] .go_btn{
	margin:30px auto 0;
}
form[action="?ac=input"] .back_btn,
form[action="?ac=complete"] .go_btn{
	margin-top:30px;
}
form[action="?ac=input"] .back_btn{
	margin-left:110px;
	float:left;
}
form[action="?ac=complete"] .go_btn{
	margin-right:110px;
	float:right;
}