 @charset "utf-8"; 
/* ===================================================================
CSS information

 File Name        : mform.css
 Style Info       : メールフォーム用CSS
=================================================================== */
/* =========== 見積もりフォーム =========== */
.require {
 padding: 3px;
 vertical-align: text-bottom;
 color: #FFFFFF;
 background-color: #CC0000;
 font-weight: bold;
 font-size: 11px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.contact-form dl {
 clear: both;
}
.contact-form dt, .contact-form ul li label {
	width: 170px;
	margin-bottom: 10px;
	font-weight: bold;
	float: left;
}
.contact-form dd {
	padding-bottom: 10px;
	float: left;
}
ul.form_check li {
 margin-bottom: 20px;
}
ul.form_check li label {
 font-weight: bold;
}
ul.form_check li {
 margin-bottom: 10px;
}

input {
 padding: 5px;
 width: 320px;
 font-size: 14px;
}
select {
 padding: 5px;
 font-size: 14px;
}
input[type="number"] {
 width: 50px;
}
	input[type="number"].yubin {
	 width: 100px;
	}

input[type="email"],
input[type="url"],
textarea {
 width: 320px;
}

input[type="radio"],
input[type="checkbox"] {
 width: auto;
}

input[type="submit"] {
 padding: 5px 10px;
 border: 1px solid #FFFFFF;
 width: auto;
 color: #FFFFFF;
 background-color: #D9F5F3;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9900), color-stop(48%, #FF8600), color-stop(52%, #FF7700), to(#FF6600));
 font-size: 16px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;
}

		#main div.blk {
			margin-bottom: 10px;
			display: block;
			clear: both;
		}
		#main select, #main radio {
			margin-right: 0.5em;
			display: block;
			float: left;
		}
		#main div.sentaku_l, #main div.txt_l {
			margin-right: 1em;
			display: block;
			float: left;
		}
		#main textarea, #main div.sentaku_k, #main div.txt_k {
			display: block;
			clear: both;
		}
div.submit {
 text-align: center;
 clear: both;
}

.contact-call {
 margin: 10px 0 20px 0;
 color: #fff;
 font-size: 12px;
 text-align: center;
}

.contact-call dl {
 margin-bottom: 10px;
}

.contact-call dt,
.contact-call dd {
 display: inline; 
}

.contact-call time {
 margin: 0 2px;
}

.call a {
 padding: 5px 10px;
 border: 1px solid #FFFFFF;
 display: inline-block;
 color: #FFFFFF;
 background-color: #006699;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#66CC00), color-stop(48%, #66B400), color-stop(52%, #66A700), to(#669900));
 font-size: 16px;
 text-align: center;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;
}

