<html>
<head>
<meta charset="utf-8">
<title>クイズ</title>
<link rel="stylesheet" type="text/css" href="quiz.css">
<script type="text/javascript" src="4taku.js" charset="utf-8"></script>
</head>
<body>
<section>
<hgroup>
<h1>クイズ</h1>
</hgroup>
<section class="section-sub">
<h4>問題</h4>
<P id='id_question'>起動中</P>
<img src="" alt="" id="id_mondaigazo" width="100" onclick="mondairesize();" />
<form name="form1">
<input type="button" name="questions" value="A" onclick="answer();"><label id='id_ChoiceA'>A:選択肢A</label><br>
<input type="button" name="questions" value="B" onclick="answer();"><label id='id_ChoiceB'>B:選択肢B</label><br>
<input type="button" name="questions" value="C" onclick="answer();"><label id='id_ChoiceC'>C:選択肢C</label><br>
<input type="button" name="questions" value="D" onclick="answer();"><label id='id_ChoiceD'>D:選択肢D</label><br>
</form>
</section>
<section class="section-sub">
<h4>解答</h4>
<p id='id_pf'>-</p>
<p id='id_kotae'>-</p>
<img src="" alt="" id="id_kaitougazo" width="100" onclick="kaitouresize()" />
<form name="form2">
<input type="button" value="もう一度解く" onclick="location.reload()" >
</form>
</section>
</body>
