[html]<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1" />
</head>
<body>
<link rel="stylesheet" href="http://form.os7.biz/css/design/orange/style.css" type="text/css" />
<style type="text/css">
@media screen and (min-width: 641px){
body {
width: 100%;
margin:0;
padding:0;
}
#OF_form1 {
max-width: 800px;
margin-left: 10px;
}
#OF_form1 p#announce .error {
color: #FFA336
}
#OF_form1 .must {
color: #FFA336
}
#OF_header .must {
color: #FFA336
}
#OF_form1 dl#form {
max-width: 100%;
margin: 0;
padding: 0;
font-size: 12px;
border-top: 1px solid #FF8936;
border-left: 1px solid #FF8936;
border-right: 1px solid #FF8936;
}
#OF_form1 dl#form dd#caption {
background-color: #FFA336;
border-bottom: 1px solid #FF8936;
height: 15px;
color: #fff;
font-weight: bold;
text-align: center;
}
#OF_form1 dl#form dd,
#OF_form1 dl#form dt {
margin: 0;
padding: 5px 5px 3px 5px;
height: 25px;
border-bottom: 1px solid #FF8936;
}
#OF_form1 dl#form dd {
text-align: center;
}
#OF_form1 dl#form dd.lclm {
width: 30%;
float: left;
padding: 10px 5px 3px 5px;
height: 20px;
color: #333;
font-weight: bold;
background-color: #FFF1C8;
}
#OF_form1 dl#form dt input.seimei {
width: 60px;
}

}
@media screen and (max-width: 640px){
body {
max-width: 100%;
margin: 0;
}
#OF_form1 {
width: 100%;
}
#OF_form1 dl#form
{
max-width: 100%;
margin:0;
padding:0;
font-size: 12px;
border-top: 1px solid #FF8936;
border-left: 1px solid #FF8936;
border-right: 1px solid #FF8936;
}
#OF_form1 dl#form dd#caption {
margin: 0;
padding: 5px 5px;
height: 15px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #FFA336;
border-bottom: 1px solid #FF8936;
}
#OF_form1 dd.lclm {
text-align: left;
margin: 0;
height: 20px;
padding: 10px 5px 0 10px;
color: #333;
font-weight: bold;
background-color:#FFF1C8;
border-bottom: 1px solid #FF8936;
}
#OF_form1 dt.rclm {
padding: 5px 10px;
text-align: left;
border-bottom: 1px solid #FF8936;

}
#OF_form1 dt.mailtext {
text-align: left;
}
#OF_form1 dl#form dt.rclm label.radiolabel {
max-width: 100%;
display: block;
}
#OF_form1 dl#form dt.rclm input.text {
width: 100%;
}
}
@media screen and (max-width: 480px){
#OF_form1 dt.rclm span.seimeiwp {
display: block;
}
}

</style>
<form action="http://form.os7.biz/form/submit" method="post" id="OF_form1"><input type="hidden" name="form_id" value="76758" />
<input type="hidden" name="encoding_test" value="あいうえお眉幅ABC" />
<dl id="form">
<dd id="caption">テストフォーム</dd>
<dd id="sec_seimei1:seimei2" class="lclm">姓名<span class="must">*</span></dd>
<dt class="rclm"><span class="seimeiwp">(姓)<input type="text" name="seimei1" value="" id="seimei1" class="seimei" /></span><span class="seimeiwp">(名)<input type="text" name="seimei2" value="" id="seimei2" class="seimei" /></span></dt>
<dd id="sec_generation" class="lclm">年代<span class="must">*</span></dd>
<dt class="rclm"><label for="generation__1" class="radio1 radiolabel"><input type="radio" name="generation" value="10代" class="radio" id="generation__1" />10代</label><label for="generation__2" class="radio2 radiolabel"><input type="radio" name="generation" value="20代" class="radio" id="generation__2" />20代</label><label for="generation__3" class="radio3 radiolabel"><input type="radio" name="generation" value="30代" class="radio" id="generation__3" />30代</label><label for="generation__4" class="radio4 radiolabel"><input type="radio" name="generation" value="40代" class="radio" id="generation__4" />40代</label><label for="generation__5" class="radio5 radiolabel"><input type="radio" name="generation" value="50代" class="radio" id="generation__5" />50代</label><label for="generation__6" class="radio6 radiolabel"><input type="radio" name="generation" value="60代~" class="radio" id="generation__6" />60代~</label></dt>
<dd id="sec_mail" class="lclm">メールアドレス<span class="must">*</span></dd>
<dt class="rclm mailtext"><input class="text" type="text" name="mail" value="" id="mail" /></dt>
</dl>
<center><input type="submit" class="submit" value=" 送信 " /></center>
</form>
<!– copyright表示は削除しないでください。–>
<div id="copyright" style="color:#999; font-size:12px"> Powered By <a href="http://form.os7.biz/" style="color:#999; font-size:12px; text-decoration:none">無料メールフォーム オレンジフォーム</a> </div>
<!– [form end] –>
</body>
</html>[/html]