<style type="text/css">
form#member fieldset {
margin:1em 0; padding:0 10px 10px 10px;
border:1px solid #ccc;
}
form#member legend {
margin:0; padding:0 5px;
font-weight:bold;
}
</style>
<form action="#" id="member">
<fieldset>
<legend>ログイン情報</legend>
<p><label for="login_id">ユーザー名:</label><input type="text" name="login_id" id="login_id" /></p>
<p><label for="login_pw">パスワード:</label><input type="password" name="login_pw" id="login_pw" /></p>
</fieldset>
<fieldset>
<legend>個人情報</legend>
<p>
<label for="name">氏名:</label>
<input id="name" />
</p>
<p>
<label for="postcode">郵便番号:</label>
<input id="postcode" />
</p>
<p>
<label for="address">住所:</label>
<input id="address" />
</p>
<p>
<label for="email">E-mail:</label>
<input id="email" />
</p>
<fieldset>
<legend>メルマガを購読しますか?</legend>
<p>
<label><input type="radio" name="melmaga" />はい</label>
<label><input type="radio" name="melmaga" />いいえ</label>
</p>
</fieldset>
</fieldset>
</form>