div要素でグループ分け
<html>
<head>
<title>ハンバン HANBANGダナハン・ザイン・サンシン HOME-</title>
<link href="base.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="navi">
<h1>HANBANG</h1>
<p>HANBANGについて</p>
<ul>
<li>ブランドコンセプト</li>
<li>会社概要</li>
<li>高麗人参について</li>
</ul>
<p>商品</p>
<ul>
<li>ダナハン</li>
<li>ザイン</li>
<li>サンシン</li>
<li>商品ライン</li>
</ul>
<p>体験</p>
<ul>
<li>HANBANG銀座</li>
<li> フェイシャルエステティックサロン</li>
<li> 取り扱い店舗一覧</li>
</ul>
<p>購入</p>
<ul>
<li> 注文方法</li>
<li> オンラインショップ</li>
</ul>
<p>お問い合わせ</p>
<ul>
<li>お問合せ</li>
</ul>
</div>
<div id="wrapper">
<div id="mainContents">
<p>日本の肌は高麗人参を知らない</p>
<h2>新着情報</h2>
<dl>
<dt>2009/1/13</dt>
<dd>おすすめ情報満載！HANBANG通信 vol.3公開しました（PDF：1.83MB）</dd>
<dt>2009/1/13</dt>
<dd>【銀座店よりお知らせ】メンバーズギャラリー展示写真が入れ替わりました（PDF：64KB）</dd>
<dt>2008/12/29</dt>
<dd>【銀座店よりお知らせ】メンバーズギャラリーオークション情報のご案内（PDF：67KB）</dd>
<dt>2008/11/14</dt>
<dd>改定【銀座店よりお知らせ】メンバーズギャラリー展示写真のオークション開始について（PDF：48KB）</dd>
<dt>2008/11/14</dt>
<dd>改定【銀座店よりお知らせ】銀座オープニングイベント写真撮影会及び握手会の写真プレゼントについて（PDF：65KB）</dd>
<dt>2008/10/16</dt>
<dd>リンク情報更新しました</dd>
</dl>
<h2>メディア掲載情報</h2>
<h3>V i V i 2009年1月号</h3>
<p>ザイン・スキントナー</p>
<h3>グラマラス 2008年12月号</h3>
<p>ザイン・セラム28</p>
<h3>グラマラス 2008年12月号</h3>
<p>サンシン・アイクリーム</p>
<h3>マリソル 2008年11月号</h3>
<p>HANBANGサロン麻布</p>
<div id="sideMenu">
<h2>HANBANG オンラインショップ HANBANG通信</h2>
<h2>おすすめ</h2>
<p>一週間おためしトライアルセット</p>
<h2>キャンペーン情報</h2>
<p>【数量限定】ダナハン・ミニボトルプレゼントキャンペーン お申込はお早めに</p>
</div>
</div>
<hr>
<div id="footer">
<address>Coptright©2008 HANBANG COSMETICS co.,Ltd.All Right Reserved.</address>
</div>
</div>
</div>
</body>
</html>
