<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ガラスの靴の持ち主を捜しています！</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="container">
<h1><img src="img/main.gif" width="600px" height="445px"></h1>
<div id="header">
<h2><img src="img/b_1.gif" width="450px" height="30px"></h2>
<p>下記の「応募規約」、「個人情報のお取り扱いについて」をお読みいただき、ご同意いただける方は「はい」をクリックし、応募フォームにお進みください。</p>
</div> <!-- /#header -->
<div id="wrapper">
<h3>【応募規約】</h3>
<ul>
<li>パソコンでのご応募は、お一人様一回限り（複数ご応募いただいた場合は最終応募のみ有効）とさせていただきます。</li>
<li id="addition">※但し、郵便ハガキでのご応募は、ハガキ１通を１口として、お一人様何口でもご応募できます。</li>
<li>商店街で同時期に行われる他のキャンペーンと重複して当選することはできません。</li>
<li>当選後の権利譲渡、換金はできません。</li>
<li>応募の際の必要事項に、不備や虚偽があった場合は、無効になります。</li>
<li>ご応募は日本国内在住の方に限らせていただきます。</li>
<li>応募受付の確認、抽選結果に関するお問合せには、お受けいたしかねますのでご了承ください。</li>
<li>景品の"ガラスの靴"は、11月17日から12月25日まで商店街内（サン広場）に展示した靴となりますので、予めご了承ください。また、サイズは23.5ｃｍとなります。</li>
</ul>
<h4>【個人情報のお取扱いについて】</h4>
<p>ご応募にあたり、ご記入いただいた個人情報（郵便番号、住所、氏名、電話番号、年齢）は、当社にて適切に管理し、ご当選の場合の景品受け渡し、及び個人を識別できない統計情報として、応募状況の傾向把握に利用します。当社は、上記の目的範囲内で、個人情報の取り扱いを外部の第三者に委託することがあります。この場合、個人情報の漏洩等が無いよう、業務委託契約に基づく適切な管理を行います。</p>
<h4>【個人情報のお取扱いについて】</h4>
<p><a href="#">(川崎アゼリアプライバシーポリシー)</a></p>
<h5><img src="img/b_2.gif" width="450px" height="30px"></h5>
<div id="yesno">
<p id="yes"><a href="#"><img src="img/b_yes.gif" width="72px" height="31px"></a></p>
<p id="no"><a href="#"><img src="img/b_no.gif" width="72px" height="31px"></a></p>
</div> <!-- /#yesno -->
</div> <!-- /#wrapper -->
<div id="footer">
<h6><img src="img/address.gif" width="600px" height="96px"></h6>
</div> <!-- /#footer -->
</div> <!-- /#container -->
</body>
</html>
@charset="UTF-8";
/*reset*/
body,div, ul, li, a, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo,
sans-serif;
}
/*style*/
body {
color: maroon;
background-color: seashell;
}
#container {
width: 600px;
margin: 10px auto;
background-color: white;
}
h2 {
text-align: center;
}
#header {
width: 480px;
margin: 20px auto;
}
h3 {
margin-bottom: 10px;
}
li {
list-style: circle;
margin-left: 20px;
}
li#addition {
list-style: none;
margin-left: 30px;
}
h4 {
margin: 20px 0;
}
h5 {
margin: 20px 0 15px 0;
text-align: center;
}
#yesno {
width: 154px;
margin: 0 auto 30px;
}
#yesno p#yes {
float: left;
margin-right: 10px;
}
