/* contact form */
#contact {
	width: 600px;
	margin: 0 auto;
	margin-top: 150px;
}

#contact h1{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

#contact p{
	margin: 20px 0;
	text-align: center;
}

.red {
	color: red;
}

.blue {
	color: skyblue;
}

table#contact_form{
	border: solid 1px #f1f1f1;
	width: 600px;
	margin: 0 auto;
}

table#contact_form th, table#contact_form td{
	border: solid 1px #f1f1f1;
	padding: 5px;
}

table#contact_form th{
	font-size: 16px;
	font-weight: bold;
	color: #f1f1f1;
	background-color: #666;
	text-align: left;
	width: 200px;
}

th#body{
	text-align: center !important;
}

table#contact_form th span{
	font-weight: normal;
	font-size: 13px;
}

input.text1{
	font-size: 15px;
	width: 250px;
	height: 30px;
}

input.text2{
	font-size: 15px;
	width: 350px;
	height: 30px;
}

table#contact_form textarea{
	width: 590px;
	margin: 0 auto;
	height: 300px;
	font-size: 15px;
	display: block;
}

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

#send_btn .btn_submit{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #3D94F6;
	color: #FFF;
	border-bottom: solid 4px #627295;
	border-radius: 3px;
}

#send_btn .btn_submit:hover{
	background: #999;
}

/* ==========================================================================
スマホ
========================================================================== */
@media only screen and (max-width: 738px){
	#contact {
		width: 90%;
		margin: 0 auto;
	}
	
	#contact h1{
		font-size: 24px;
	}
	
	
	table#contact_form{
		width: 90%;
		margin: 0 auto;
	}

	table#contact_form th{
		width: 40%;
		font-size: 14px;
	}

	table#contact_form td{
		width: 60%;
	}

	input.text1{
		width: 70%;
	}

	input.text2{
		width: 90%;
	}

	table#contact_form textarea{
		width: 95%;
		margin: 0 auto;
	}
}