<p class=”leadTxt”>個人情報保護方針</p>
<h2>見出し2</h2>
これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。
<h3>見出し3</h3>
これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。
<h4>見出し4</h4>
これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。
<h5>見出し5</h5>
これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。
<h6>見出し6</h6>
これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。
<ul>
<li>リストです。</li>
<li>リストです。</li>
</ul>
<ol>
<li>番号リストです。</li>
<li>番号リストです。</li>
</ol>
<table>
<thead>
<tr>
<th>thead th</th>
<th>thead th</th>
</tr>
</thead>
<tr>
<th>th テーブル項目</th>
<td>td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容</td>
</tr>
<tr>
<th>th テーブル項目</th>
<td>td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容</td>
</tr>
</table>
<div class=”sectionFrame sectionBox”>
<p>div要素に class=”sectionFrame” を指定すると、このような枠が装飾されます。</p>
</div>
<div class=”sectionBox”>
<p>class=”sectionBox” を指定すると、指定した要素の下に少し広めの余白が設定されます。</p>
</div>
<dl>
<dt>dt 定義リスト</dt>
<dd>dl 定義リスト内容</dd>
</dl>
<dl class=”qaItem”>
<dt>質問1</dt>
<dd>回答回答回答回答回答回答</dd>
</dl>
<dl class=”qaItem”>
<dt>質問2</dt>
<dd>回答回答回答回答回答回答</dd>
</dl>
<div class=”sectionBox”>
<div class=”flowBox”>
<dl>
<dt>お問い合わせ</dt>
<dd>まずはお気軽のお問い合わせください。</dd>
</dl>
</div>
<div class=”flowBox”>
<dl>
<dt>納品・ご入金</dt>
<dd>納品いたしましたらご入金よろしくお願いいたします。</dd>
</dl>
</div>
</div>
<a href=”#” class=”btn btnS”>ボタン小</a>
<a href=”#” class=”btn”>ボタン</a>
<a href=”#” class=”btn btnL”>ボタン大</a>