@charset "UTF-8";

/* TABLE CUSTOMIZE ----------------------------------------------------------------------------------------------------*/
#main table {
	width: 100%;
	margin-bottom: 10px;
}

#main .t-head, #main .t-item {
	padding: 10px; 
	border: 1px solid #ddd;
}

#main .t-head {
	width: 25%;
	text-align: left;
	vertical-align: top;
	background: #f2f2f2;
}
  
@media only screen and (max-width:480px){
	#main table {
		margin: 0 -10px;
		border-top: 1px solid #ddd;
	}
	
	#main .t-head, #main .t-item {
		width: 100%;
		display: block;
		border-top: none;
	}
}

#main span {
	color: #F00;
}

#main textarea{
	width: 100%;
	height: 200px;
}

#main .buttonarea{
	text-align: center;
	padding: 10px auto;
}

#main .formbtn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: inline;
	background: #EEE;
	border: 1px solid #DDD;
	color: #333;
	width: 150px;
	padding: 10px 0;
	margin: 5px;
}

#main .formbtn:hover {
	text-decoration: none;
	color: #f90;
}

/* for mail.php ----------------------------------------------------------------------------------------------------*/
#main table.formTable{
	width: 100%;
	margin-bottom: 10px;
}

#main table.formTable th, #main table.formTable td {
	padding: 10px; 
	border: 1px solid #ddd;
}

#main table.formTable th {
	width: 25%;
	text-align: left;
	vertical-align: top;
	background: #f2f2f2;
}

#main p.error_messe{
	margin:5px 0;
	color:red;
}

/* for thanks.html ----------------------------------------------------------------------------------------------------*/

#img-thanks {
	text-align: center;
	margin: 20px;
	
}

#main .btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	background: #EEE;
	border: 1px solid #DDD;
	color: #333;
	width: 150px;
	padding: 10px 0;
	margin: 5px;
}

#main .btn:hover {
	text-decoration: none;
	color: #f90;
}