div要素グループ分け（銀座菓楽より）
<html>
<head>
<title>GINZA KARACU</title>
</head>
<body>
<div id="container">
<div id="header">
<h1>GINZA KARACU</h1>
</div>
<div id="navi">
<ul>
<li> GINZA KARACU</li>
<li> 菓楽とは</li>
<li> 菓楽ケーキショップ</li>
<li> 菓楽カフェフード</li>
<li> 菓楽カフェドリンク</li>
<li> 菓楽スクール</li>
<li> インフォメーション</li>
<li> 求人</li>
</ul>
</div>
<p>トップ</p>
<div id ="wrapper">
<div id="mainContents">
<h2><img src="images/header_2_topics.gif" alt="トピックス"></h2>
<dl>
<dt>2009年1月7日</dt>
<dd><a href="http://www.karacu.jp/lunch/index.html">カラクランチ</a>はじめました</dd>
</dl>
<dl>
<dt>年末年始の営業時間</dt>
<dd>年始は2日から営業いたします。また、2日、3日、4日は17時までの営業とさせていただきます。</dd>
</dl>
<dl>
<dt>2008年12月26日</dt>
<dd>カラクスクール2月の予約を開始いたしました。</dd>
</dl>
</div>
<div id="sideBanner">
<p><a href="http://www.karacu.jp/index.html"><img src="images/lalliance_banner.jpg" alt="ラリアンス"></a></p>
</div>
</div>
<div id="footer">
<p><a href="http://www.karacu.jp/privacy/index.html">菓楽(カラク)プライバシーポリシー</a></p>
<address>菓楽(カラク)東京都中央区銀座4-6-1 genten GINZA 2F Tel:03-5524-7444 Copyright(C)2008 KARACU.All Rights Reserved.</address>
</div>
</div>
</body>
</html>
