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

/* 	index.css
====================================== */
/* index.html
------------------------------------ */
#contents{
	margin: 0 auto;
	color: #222;
	font-size: 15px;
}
#contents img{
	width: 100%;
	vertical-align: bottom;
}
#contents .main{
	margin: 0 auto;
	width: 980px;
}
.title_area .logo{
	margin: 0 20px;
	width: 18%;
}
.title_area .reserve{
	float: right;
	width: 67%;
}
.title_area .reserve .tel{
	margin-top: 20px;
	width: 50%;
}
.title_area .reserve .btn{
	margin: 20px;
	width: 41%;
}
#contents .box01{
	margin: 30px auto;
	width: 75%;
}
#contents .w50{
	width: 50%;
}
.w140{
	width: 25%;
}
.bgB{
	background-color: #efecdd;
}
.fnt{
	padding:10px 0;
	font-size: 150%;
	text-align: center;
	background-color: #106a6c;
	color: #fff;
}
#form {
	width:780px;
	margin-left:100px;
	text-align:left;}
	
#form .formTable {
	clear:both;
	width:780px;}


#form th {
	margin-top:5px;
	background-color:#106a6c;
	color: #fff;
	float:left;
	line-height:60px;
	height:60px;
	padding-left:10px;
	width:250px;}


#form td {
	margin-top:5px;
	line-height:60px;
	margin-left: 5%;
	text-align:left;
	float:left;
	height:60px;
}
#form .question{
	height: 210px;
}
form {
	font:14px Georgia;
	font-family:'lr SVbN','Osaka',Verdana,Arial, sans-serif;
}
	
	
form input {
	padding:5px;
	font:14px Georgia;
	font-family:'lr SVbN','Osaka',Verdana,Arial, sans-serif;
}

form select{
	padding:5px;
	font:14px Georgia;
	font-family:'lr SVbN','Osaka',Verdana,Arial, sans-serif;
}

form label {
	float:left;
	width:70px;	
	text-align:right;
	margin-right:7px;
	color:#0066CC;
	line-height:23px;	 /* This will make the labels vertically centered with the inputs */
}
form textarea {
	width:450px;
	padding:4px;
	border:1px solid #999999;
	height:200px;
	font-size:13px;
	font-weight:normal
}
.send {
	text-align:center;
	margin-top:20px;
}  
input#submit_button {
    width: 150px;
    height: 50px;
	cursor:pointer
}
#footer {
	margin: 0 auto;
	width: 980px;
	background-color:#116769;
}
#footer  .foot{
	padding: 7px 0;
	color: #fff;
	text-align: center;
	font:14px Georgia;
	font-family:'lr SVbN','Osaka',Verdana,Arial, sans-serif;
}

.clear{
	/zoom:1;
}
.clear:after {
	content:'';
	display:block;
	clear:both;
}


@media screen and (max-width: 768px){
	#contents .main{
		width: auto;
	}
	.title_area .logo{
		margin-right: 0;
		width: 20%;
	}
	.title_area .reserve{
		width: 70%;
	}
	.title_area .reserve .btn{
		margin: 5px 5px 0 0;
		width: 48%;
	}
	.title_area .reserve .tel{
		margin-top: 8px;
		width: 47%;
	}
	#form{
		margin: 0;
		width: 100%
	}
	#form .formTable,
	#form th,
	#form tr,
	#form td{
		width: 100%;
		padding-left: 0;
		margin-left: 0;
	}
	#form th{
		color: #000;
		background-color: #fff;
		font-size: 15px;
		height: 30px;
	}
	#form .pd{
		padding: 0 2%;
	}
	#form .question{
		height: 30px;
	}
	form textarea {
		width: 100%;
		margin-top: 15px;
		padding:0;
		height:auto;
	}
	.send{
		margin-top: 60px;
	}
	#footer {
		width: 100%;
	}
}