/* =============================================================================

   contact.html
	 
============================================================================= */
#mailform dl dt {
	clear: both;
	float: left;
	background: url(../images/cmn/bg_h3.png) repeat-x bottom;
	padding: 0 0 12px;
	font-size: 16px;
	width: 25%;
	padding: 16px 56px 16px 0;
	position: relative;
}

#mailform dl dt span {
	color: #fff;
	padding: 2px 8px;
	margin-left: 8px;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	right: 32px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
#mailform dl dt span.required { background: #c66;}
#mailform dl dt span.optional { background: #69c;}

#mailform dl dd {
	float: left;
	width: 65%;
	margin: 0;
	padding: 16px 0;
}
#mailform dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mailform dl dd ul li {
	display: inline;
	margin-right: 16px;
}

#mailform input {
	border: #d6d6d6 solid 1px;
	padding: 6px 8px;
	margin: 2px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
#mailform input.formS {
	width: 30% !important;
}
#mailform input.formM,
#mailform input.formL {
	width: 90% !important;
}
#mailform textarea.formText {
	border: #d6d6d6 solid 1px;
	padding: 6px 8px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	width: 90% !important;
	height: 7em !important;
	line-height: 1.6em;
}
.btn {
	text-align: center;
}
button.submit {
	background: #3083A1;
	border: #1A799C solid 1px;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	padding: 16px 40px;
	
	/*角丸*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	
	/*グラデ*/
	background: -webkit-linear-gradient(top, #3083A1, #21596E);
	background: -moz-linear-gradient(top, #3083A1, #21596E);
	background: -o-linear-gradient(top, #3083A1, #21596E);
	background: -ms-linear-gradient(top, #3083A1, #21596E);
	background: linear-gradient(to bottom, #3083A1, #21596E);
	
	/*テキストシャドウ*/
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}
button.submit:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.btnCode {
	background: #eee;
	padding: 6px 16px !important;
	text-shadow: 1px 1px 0 #FFF;
}
.btnCode:hover {
	background: #ddd;
}