@charset "UTF-8";
div#mf_wrapper {
	width: 100%;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr{
	width: 100%;
}
table.mailform th {
	width: 30%;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

/*----------------------------------------------------
    .demo01
----------------------------------------------------*/

.mailform th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    table.mailform { margin: 0 -10px; }
    table.mailform th,
    table.mailform td{
        width: 100%;
        display: block;
        border-top: none;
    }
    table.mailform tr:first-child th   { border-top: 1px solid #ddd; }
}