@charset "utf-8";/* -- お問い合わせCSS -- */
#main-image .cont-area{ background: url(../images/main-image/contact-bg.png) right bottom no-repeat; }

ul.caution{ margin-bottom: 40px; }
ul.caution li{
	margin-left: 18px;
	list-style-type: disc;
}

#contact table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px;
}
#contact table th, #contact table td{
	padding: 8px 10px 6px;
	border: 1px solid #c6c9cd;
}
#contact table th{
	width: 270px;
	vertical-align: top;
	background-color: #e8ebee;
}

#contact input[type=text]{
	padding: 3px;
	border: 1px solid #c5c8cb;
	background: url(../images/bg/input.png) left 0 repeat-x #f8f9fa;
}
#contact textarea{
	width: 500px;
	height: 140px;
	padding: 3px;
	border: 1px solid #c5c8cb;
	background: url(../images/bg/textarea.png) left 0 repeat-x #f8f9fa;
}
.btn{ margin: 25px 0; text-align: center; }
.btn input:hover{ opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }

/*******************************************
Multi Screen
********************************************/
@media screen and (max-width:769px){
#contact table th, #contact table td{
	display: block;
	width: 96%;
	padding: 8px 2% 6px;
}
#contact input[type=text]{ width: 60%; }
#contact textarea{ width: 95%; }
}
@media screen and (max-width:481px){
#main-image .cont-area{ background-position: center bottom; }
#main-image #catch{ width: 70%; }
#contact input[type=text]{ width: 97%; }
#contact textarea{ width: 97%; }
#contact .btn{ margin-top: 15px; }
#contact .btn input{ width: 92%; }
}