@import url("/common/base.css");

form{
	padding-top: 10px;
}
form h2{
	margin: 0 auto;
	width: 800px;
	padding: 10px;
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	background: #3DAE24;
	color: #fff;
	margin-bottom: 10px;
}
.msg{
	margin: 0 auto;
	width: 800px;
	padding-bottom: 10px;
}


#navi{
	height: 15px;
}
#form_table{
	border-collapse: collapse;
	width: 800px;
	margin: 0 auto;
}

#form_table th, #form_table td{
	border:  1px solid #999999;
	padding: 8px;
	color:  #666;
	font-weight: normal;
	font-size: 12px; 
}
#form_table th{
	text-align: right;
	background: #D5ECD4;
	width: 150px;
}

#form_table input[type=text]{
	padding: 5px 8px;
	font-size: 16px;
	width: 97%;
}
#form_table input[type=tel]{
	padding: 5px 8px;
	font-size: 16px;
}
#form_table input[type=text]:focus, #form_table input[type=tel]:focus{
	background: #FFFF99;
	border: #3399CC 3px solid;
}
#form_table input.error, #form_table select.error{
	background: #FEE8E2;
}


#form_table p{
	color: red;
	font-weight: bold;
	padding-top: 5px;
}

#form_table label{
	display: inline-block;
	min-width: 180px;
	font-size: 14px;
	color: #333
}

#form_table .req{
	color: #FFF;
	display: inline-block;
	width: 40px;
	text-align: center;
	background: red;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;	
}

#form_inner{
	width: 100%;
}
#form_inner th, #form_inner td{
	border: none;
	padding: 3px;
}
#form_inner th{
	width: 80px;
	background: none;
}

.submit_space{
	text-align: center;
	margin-top: 20px;
}

@media only screen and (max-width: 640px) {
 #header,#navi, #wrap, #footerAdd, #footerBg, #container, #footer{
	width: 100%;
 }
 .maintitle a{
 	margin:0;
 	height: auto;
 	background: none;
 	 
 }
 h1{
 	display: none;
 }
 #footerBg{
 	display: none;
 }
 
 form{
	padding-top: 10px;
}
form h2{
	margin: 0 auto;
	width: 300px;
	padding: 10px;
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	background: #3DAE24;
	color: #fff;
	margin-bottom: 10px;
}
.msg{
	margin: 0 auto;
	width: 98%;
	padding-bottom: 10px;
}


#navi{
	height: 15px;
}
#form_table{
	border-collapse: collapse;
	width: 98%;
	margin: 0 auto;
}

#form_table th, #form_table td{
	border:  1px solid #999999;
	padding: 8px;
	color:  #666;
	font-weight: normal;
	font-size: 12px; 
}
#form_table th{
	text-align: left;
	background: #D5ECD4;
	width: auto;
	font-size: 14px;
	font-weight: bold;
}

#form_table th,
#form_table td{
	border: none;
	
    display: block;
	border-top: none;
}
#form_table tr:first-child th	{ border-top: 1px solid #ddd; }



#form_table input[type=text]{
	padding: 5px 8px;
	font-size: 16px;
	width: 95%;
}
#form_table input[type=tel]{
	padding: 5px 8px;
	font-size: 16px;
}
#form_table input[type=text]:focus, #form_table input[type=tel]:focus{
	background: #FFFF99;
	border: #3399CC 3px solid;
}
#form_table input.error, #form_table select.error{
	background: #FEE8E2;
}


#form_table p{
	color: red;
	font-weight: bold;
	padding-top: 5px;
}

#form_table label{
	display: inline-block;
	min-width: 120px;
	font-size: 14px;
	color: #333
}

#form_table .req{
	color: #FFF;
	display: inline-block;
	width: 40px;
	text-align: center;
	background: red;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;	
}

#form_inner{
	width: 100%;
}
#form_inner th, #form_inner td{
	border: none;
	padding: 3px;
}
#form_inner th{
	width: 80px;
	background: none;
}

.submit_space{
	text-align: center;
	margin-top: 20px;
}
 
 
}/*/media 600*/