@charset "UTF-8";
div#mf_wrapper { width:90%; text-align:left; margin:0px auto 0px auto; font-family:sans-serif;}

div#mf_header h1 { font-size:24px; border-bottom:solid 1px #999; margin:0px; padding:0px;}

div#mf_header h2 { font-size:16px; color:#999; font-weight:normal; margin:0px; padding:0px;}

form#mailform { padding:5px;}

table.mailform { width:90%; margin-left:auto; margin-right:auto;}

table.mailform tr th,table.mailform tr td { text-align:left; font-weight:normal; font-size:12px; border-bottom:solid 1px #999; padding:7px 5px 7px 5px;}

table.mailform tr th { width:15%; height:40px; border:solid 1px #003333;}

table.mailform tr th span { color:#cc0000; font-size:10px;}

table.mailform tr th p { margin:0px; padding:0px; font-size:10px; color:#999;}

table.mailform tr td{ padding:3px; border:solid 1px #003333;}

table.mailform tr td textarea { width:95%; height:120px;}

@media (min-width:350px) and (max-width:800px){

table.mailform { width:90%; margin-left:auto; margin-right:auto;}

table.mailform tr th,table.mailform tr td { text-align:left; font-weight:normal; border-bottom:solid 1px #999; padding:7px 5px 7px 5px;}

table.mailform tr th { width:100%; padding-top:5px; padding-bottom:5px; border:solid 1px #003333; display:block;}

table.mailform tr th span { color:#cc0000; font-size:10px;}

table.mailform tr th p { margin:0px; padding:0px; font-size:10px; color:#999;}

table.mailform tr td{ width:100%; padding-top:10px; padding-bottom:10px; border:solid 1px #003333; display:block;}

table.mailform tr td textarea { width:95%; height:120px;}

input{width:99%}

}