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


/*form base
------------------------------------------ */
#contact input,
#contact textarea,
#contact select {
	font-size:14px;
	color: #505050;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #cdcdcd;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	/*box-shadow: 1px 1px 5px rgba(25, 50, 150, 0.1) inset; */
	padding: 10px 10px;
	margin:0px;
	margin-bottom:15px;
}

#contact input,
#contact textarea { }

#contact input:focus,
#contact textarea:focus,
#contact select:focus {
	color: #000;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #505050;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	/*box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset; */
	padding: 10px 10px;
}


/* 長さ */
#contact .basic	{ width:40%; }	/* 標準 */
#contact .zipcode { width:6em; }	/* 郵便番号 */
#contact .address { width:90%; }	/* 住所 */
#contact .message { width:90%; }	/* 内容 */


/* 案内文字 */
:-ms-input-placeholder { color: #cdcdcd; }
::-webkit-input-placeholder { color: #cdcdcd; }
:-moz-placeholder { color: #cdcdcd; }
::-moz-placeholder { color: #cdcdcd; opacity: 1; }
:placeholder-shown { color: #cdcdcd; }





/* ボタン
------------------------------------------ */
#contact input.btn-red {
	cursor:pointer;
	margin:0 3px;
	padding:15px 0;
	color:#e50012;
	border:1px solid #e50012;
	width:300px;
	text-align:center;
	background:url("../img/btn-red.png") no-repeat 97% 50%;
	display:block;
}
#contact input.btn-red:hover {background-color: rgba(299,0,18,0.1); }

#contact input.btn-gray {
	cursor:pointer;
	margin:0 3px;
	padding:15px 0;
	color:#505050;
	border:1px solid #505050;
	width:150px;
	text-align:center;
	background:url("../img/btn-gray.png") no-repeat 5% 50%;
	display:block;
}
#contact input.btn-gray:hover {background-color: rgba(50,50,50,0.1); }






/*エラー
------------------------------------------ */
.error {
	color:#e50012;
}



/* メンテナンス表示 */

.maintenance{
  width: 100%;
  text-align: center;
}

.mainte {
  width: 100%;
}



@media screen and (max-width: 640px) {

/* 長さ */
#contact .basic	{ width:90%; }	/* 標準 */
#contact .zipcode { width:50%; }	/* 郵便番号 */
#contact .address { width:90%; }	/* 住所 */
#contact .message { width:90%; }	/* 内容 */


/* ボタン
------------------------------------------ */
#contact input.btn-red { width:200px; }
#contact input.btn-gray { width:90px; }



/* メンテナンス表示 */
.maintenance{
  width: 100%;
  text-align: center;
}

.mainte {
  width: 100%;
}




}