<h2>お申し込みフォーム</h2>
		<h3>開催日</h3>
		<p>2019年: 7月20日(土)、21日(日)、27日(土)、
		8月3日(土)、4日(日) (いずれも10:00am-12:00)</p>
		<p>全日程参加できる方を優先します。</p>

		<h3>個人情報の利用目的</h3>
		<p>お預かりした個人情報は、Rubyてらこったからのご連絡や保険の加入の際に利用いたします。この情報は東北公益文科大学研究ブランディング事業以外の目的以外では一切利用いたしません。</p>

		<h3>定員を超える申し込みがあった場合</h3>
		<p>定員を超える申し込みがあった場合は、抽選となります。抽選結果はRubyてらこったホームページにて当選番号を発表いたします。また、整理番号はお申し込みが完了した際に送信されるメールにて割り当てられますので、そちらをご確認ください。</p>

		<h3>上記の記載事項に同意いただける場合は、下記に御記入の上お申し込みください。</h3>

		<form action="./application2.rb" method="post">
	  	<table>
	    	<tr>
	      	<th class="t_top"><label class="label" for="name" >参加者氏名</label></th>
	      	<td class="t_top"><input id="name" type="text" name="name" placeholder="例) 寺子 太郎" required></td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="ruby">参加者氏名<br>(ふりがな)</label></th>
	      	<td><input id="ruby" type="text" name="ruby" placeholder="例) てらこ たろう" required></td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="sei">性別</label></th>
	      	<td><select name="sei" required>
		  		<option value="">性別を選択</option>
		  		<option value="男">男</option>
		  		<option value="女">女</option>
	      	</select></td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="e-mail">メールアドレス</label></th>
	      	<td><input id="e-mail" type="email" name="email" placeholder="例) terakotta@e.koeki-u.ac.jp" required></td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="telephone">電話番号</label></th>
	      	<td><input id="telephone" type="tel" name="telephone" size="17"pattern="^\d{2,4}-\d{2,4}-\d\d\d\d" placeholder="例)0123-456-7890" title="電話番号は市外局番から記入してください。" required> ※半角数字で入力
	      <br>※電話番号は市外局番から記入してください</td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="address">住所</label></th>
	      	<td><input id="address" type="text" name="address" placeholder="例) 〒998-8500 山形県酒田市飯森山3丁目5番1号" title="住所は、郵便番号から記入してください。" required> <br>※住所は、郵便番号から記入してください</td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="school">学校名</label></th>
	      	<td><select name="school">
			__SCHOOL_OPTION__
		    </select>
	      	</td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="grade">学年</label></th>
	      	<td><select name="grade" required>
		  		<option value="">学年を選択</option>
		  		<option value="小学5年生">小学5年生</option>
		  		<option value="小学6年生">小学6年生</option>
	      	</select>
					</td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="class">クラス</label></th>
	      	<td><input id="class" type="text" name="class" pattern="^[1-9]{1}$" placeholder="例) 1" required> <br>※1から9までの半角数字で入力 (1学年1クラスの場合 → 1) </td>
	    	</tr>
	    	<tr>
	      	<th><label class="label" for="number">出席番号</label></th>
	      	<td><input id="number" type="text" name="number" pattern="^[0-9]{2}$" placeholder="例) 01" required> <br>※2けたの半角数字で入力 (出席番号1番 → 01) </td>
	    	</tr>
	    	<!-- <tr> -->
	      	<!-- <th><label class="label" for="schedule">参加日程</label></th> -->
	      	<!-- <td> -->
		<!-- 			<select name="schedule" required> -->
		<!--   		<option value="">参加日程を選択</option> -->
		<!--   		<option value="A日程 (8/1 - 8/5)">A日程 (8/1 - 8/5)</option> -->
		<!--   		<option value="B日程 (8/4 - 8/8)">B日程 (8/4 - 8/8)</option> -->
	      	<!-- </select> -->
		<!-- 			</td> -->
	    	<!-- </tr> -->
		<tr>
		 <th><label class="label" for="appeal">アピールポイント</label></th>
		 <td><textarea id="appeal" rows="5" name="appeal" placeholder="プログラミングを覚えてみたい気持ちや普段している遊び・スポーツ・手伝いなどをお書きください"></textarea>
		 </td>
		</tr>
	    	<tr>
	      	<th><label class="label" for="message">備考<br>
		    </label></th>
	      	<td><textarea rows="5" id="message" placeholder="電話対応可能な時間や、その他連絡事項などあればお書きください。" name="message"></textarea></td>
	    	</tr>
	  	</table>
			<div class="submit">
	  		<button id="submit" type="submit" name="send" value="1">確認画面へ</button>
			</div>
			</form>

      </section>

	<footer>
	 <p>Copyright (C) 2019 Ruby てらこった All Rights Reserved.</p>
	</footer>

    </div>

  </body>
</html>