@charset "utf-8";

/* ===================================================
contact
=====================================================*/
body#contact #mainhead { margin-bottom: 50px;}


body#contact p.come{ text-align:center;}
body#contact p.fortel{ font-weight:bold; font-size:1.5em; line-height:1.7em}

body#contact table{ border-collapse:collapse; margin-bottom:3em; width:100%;}
body#contact th{
	background-color: #EFEEEE;
	font-weight: bold;
	width: 16em;
	padding: 15px;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}
body#contact td{
	padding:15px;
	border:#CCCCCC 1px solid;
	vertical-align:middle;
	word-break: break-all;
}

body#contact td p{ margin-bottom:0em; margin-top:0.5em;}

body#contact td input.txt,
body#contact #code input,
body#contact textarea.coment,
body#contact .ad_r input.txt {
	padding: 12px;
	border: 2px solid #CCCCCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	vertical-align: middle;
	margin-right:5px;
}

body#contact td input.txt{width: 80%;}
body#contact textarea.coment{width: 80%;}

body#contact #bt_area{ text-align:center; margin-bottom:5em;}
body#contact #bt_area input{ margin-left:10px; margin-right:10px;}

body#contact #bt_area input.submit,
body#contact #bt_area input.reset {
	font-size:1.3em;
	padding:0.8em 0em 0.8em 0em;
	width:8em;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: none;
	-webkit-appearance:none;
}

body#contact #bt_area input.submit{background-color:#000000; color:#FFFFFF; border:1px solid #000000}

body#contact #bt_area input.submit:hover,
body#contact #bt_area #bt_home a:hover {
	background-color: #666666;
	cursor: pointer;
	border: 1px solid #666666
}

body#contact #bt_area input.reset{background-color:#FFFFFF; color:#000000; border:1px solid #666666}
body#contact #bt_area input.reset:hover{background-color:#CCCCCC; cursor:pointer; border:1px solid #CCCCCC}

body#contact #bt_area #bt_home{text-align:center;}
body#contact #bt_area #bt_home a{
	font-size:1.3em;
	padding:0.8em 1em 0.8em 1em;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width:8em;
	background-color:#000000;
	color:#FFFFFF;
	border:1px solid #000000;
	text-decoration:none;
}

body#contact .red{color: #F00;}
body#contact .red_r{color: #F00; float:right; font-weight:normal;}
body#contact .red02{color: #F00; margin-left: 8px;}


/* ===================================================
767px SP
=====================================================*/
@media screen and (max-width : 767px) {

body#contact ul#read{
	padding: 10px;
	margin-bottom: 20px;
}
body#contact td input.txt,
body#contact #code input,
body#contact textarea.coment,
body#contact .ad_r input.txt {
	padding: 16px;}

body#contact table{margin-bottom:0em;}
body#contact th{
	width: 100%;
	display:block;
	padding: 5px 13px 5px 13px;
	box-sizing: border-box;
}
body#contact td{
	width: 100%;
	display:block;
	padding: 13px 0px 20px 0px;
	box-sizing:border-box;
	border:none;
}

body#contact td input.txt{width: 100%; box-sizing:border-box; margin-bottom:5px;}
body#contact textarea.coment{width: 100%; box-sizing:border-box;}

}