<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>カフェレストラン オ・しゃれ</title>
<style>
</style>
</head>
<body>
<header>
<h1>Cafe Restaurant O・Share</h1>
<nav>
<ul>
<li>Top</li>
<li>Concept</li>
<li>Menu</li>
<li>Contact</li>
</ul>
</nav>
</header>
<main>
<article>
<h2>Contact</h2>
<form action="check.php" method="post">
<ul>
<li>
<fieldset>
<legend>お名前</legend>
<input type="text" id="name" size="20" value="" placeholder="例) 伴 善男">
</fieldset>
</li>
<li>
<fieldset>
<legend>メールアドレス</legend>
</fieldset>
</li>
<li>
<fieldset>
<legend>性別</legend>
<input type="radio" name="sex" value="unspecified" id="unspecified" checked><label for="unspecified">指定せず</label>
<input type="radio" name="sex" value="female" id="female" ><label for="female">女性</label>
</fieldset>
</li>
<li>
<fieldset>
<legend>年齢</legend>
<select>
<option value="">どれか選択してください</option>
<option value="10" >10代</option>
<option value="20" >20代</option>
<option value="30" >30代</option>
<option value="40" >40代</option>
<option value="50" >50代</option>
<option value="60" >60代</option>
</select>
</fieldset>
</li>
<li>
<fieldset>
<legend>当店をどこでお知りになりましたか</legend>
<input type="checkbox" name="infos[]" value="reviews" id="reviews" ><label for="reviews">口コミ</label>
<input type="checkbox" name="infos[]" value="internet" id="internet" ><label for="internet">インターネット</label>
<input type="checkbox" name="infos[]" value="tv" id="tv" ><label for="tv">テレビ</label>
<input type="checkbox" name="infos[]" value="etc" id="etc" ><label for="etc">その他</label>
<input type="text" name="info_etc" size="10" value="">
</fieldset>
</li>
<li>
<fieldset>
<legend class="required">メッセージ</legend>
</fieldset>
</li>
</ul>
<button type="submit" name="step" value="second">確認画面に行く</button>
</form>
</article>
</main>
<aside class="info">
<table>
<tr>
<th>住所</th><td> 〒602-0881<br>京都府京都市上京区京都御苑3<br>京都御所正倉院地下3階</td>
</tr>
<tr>
<th>Tel</th><td>075-211-0000</td>
</tr>
<tr>
<th>FAX</th><td>075-211-0001</td>
</tr>
<tr>
<th>定休日</th><td>年中休</td>
</tr>
</table>
</aside>
<footer>
©794-2016 カフェレストラン オ・しゃれ<br>学習用素材サイト
</footer>
</body>
</html>