@charset "utf-8";

/* 
────────────────────────────────────────────────── */

div#mailform{
	background:url(/common/img/background/flooring_s.gif);
	clear:both;
	margin-top:60px;
	line-height:1.8;
	padding:30px;
}
div#mailform:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
div#mailform{display:inline-block;}
html[xmlns] div#mailform{display:block;}
* html div#mailform{height:1%;}

div#mailform div{
	border:1px #EEEEEE solid;
	background:#FFFFFF;
	padding:29px;
}

div#mailform > div + div{
	border-top:none;
}

div#mailform h2{
	border:none;
	margin:0 0 30px;
}

div#mailform > div ul{
	line-height:1;
}

div#mailform > div li{
	border-left:1px	#CCC solid;
	display:table-cell;
	text-align:center;
	width:313px;
}

div#mailform > div li:first-child {
	border:none;
}

div#mailform small{
	color:#b6272d;
}

/**/

div#mailform table{
	border:1px #CCCCCC solid;
	margin:1em 0;
	line-height:1.8;
	width:100%;
}

div#mailform th,
div#mailform td{
	background:#FFF;
	border-bottom:1px #CCCCCC solid;
	text-align:left;
	padding:1em 10px;
	vertical-align:middle;
}

div#mailform th{
	background:#FEFEFE !important;
	font-weight:bold;
	width:300px;
}

.adjacent{
	border-bottom:1px #CCCCCC dotted !important;
}

div#mailform .input{
	border:none;
	background:#EEE;
	padding:0.3em 0;
	width:100%;
}

div#mailform .pcode{
	width:5em !important;
}

div#mailform .input:hover,
div#mailform .input:focus {
	background:#ebf0f0;
}

textarea.input{
	height:20em;
}

/**/

#btn{
	text-align:center;
	margin-top:30px;
}

#btn input,
#btn a{
	background:#cedbdb;
	border:1px #3b706f solid;
	color:#3b706f;
	padding:10px 30px;
	text-decoration:none;
}

#btn input:hover,
#btn input:focus,
#btn a:hover {
	background:#ebf0f0;
}

#btn input + input{
	margin-left:30px;
}

/**/

#error{
	background:#fafafa !important;
	line-height:1.8;
	margin-top:1em;
}