【参考】サンプルページ

<h2 class="title">パーツサンプル（h2）</h2>
<h3 class="title">中見出し(h3)</h3>
<h4 class="title">小見出し(h4)</h4>

<ul class="commonList">
    <li>リスト</li>
    <li>リスト</li>
    <li>リスト</li>
</ul>

<ol>
    <li>リスト</li>
    <li>リスト</li>
    <li>リスト</li>
</ol>

<p><a href="#.pdf" class="icon">pdfアイコン</a></p>
<p><a href="#.doc" class="icon">ワードアイコン</a></p>
<p><a href="#.xls" class="icon">エクセルアイコン</a></p>
<p><a href="#.pdf" class="icon front">pdfアイコン</a></p>
<p><a href="#">別窓アイコン<span class="iconBlank"></span></a></p>

<p><a href="#" class="commonBtn"><span>ボタンボタン</span></a></p>
<p class="taC"><a href="#" class="commonBtn"><span>ボタンボタン</span></a></p>
<p class="taR"><a href="#" class="commonBtn"><span>ボタンボタン</span></a></p>

<p class="taL">ああああ（基本的には、何も指定しなければ左寄せになります）</p>
<p class="taR">いいいい</p>
<p class="taC">うううう</p>

<p class="taC img"><img src="../images/second/dummy.png" alt=""></p>

<ul class="imgLine2">
    <li><img src="../images/second/dummy.png" alt=""></li>
    <li><img src="../images/second/dummy.png" alt=""></li>
</ul>

<ul class="imgLine3">
    <li><img src="../images/second/dummy.png" alt=""></li>
    <li><img src="../images/second/dummy.png" alt=""></li>
    <li><img src="../images/second/dummy.png" alt=""></li>
</ul>

<p class="imgInP"><span class="img right"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション</span></span>テキスト</p>

<p class="imgInP sp_img_btm"><span class="img right"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション　画像のキャプション</span></span><span class="text">テキスト</span></p>

<p class="imgInP"><span class="img left"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション</span></span>テキスト</p>

<p class="imgInP sp_img_btm"><span class="img left"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション　画像のキャプション</span></span><span class="text">テキスト</span></p>

<div class="twoCol">
<div class="txt">キストテキストテキストテキストテキスト</div>
<div class="img"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション　画像のキャプション</span></div>
</div>

<div class="twoCol">
<div class="img"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション　画像のキャプション</span></div>
<div class="txt">キストテキストテキストテキストテキスト</div>
</div>

<div class="colorBox">
<div class="title">タイトルタイトルタイトル</div>
<div class="cont">
テキストテキストテキストテキスト
</div>
</div>

<table class="commonTable">
    <tr>
    <th>中</th>
    <td>中</td>
    <td>中</td>
    </tr>
    <tr>
    <th>中</th>
    <td>中</td>
    <td>中</td>
    </tr>
</table>

<table class="commonTable">
    <tr>
    <th>中</th>
    <th>中</th>
    <th>中</th>
    </tr>
    <tr>
    <td>中</td>
    <td>中</td>
    <td>中</td>
    </tr>
</table>

<span class="forSP scrollText">&#10234; スクロールできます</span>
<div class="scrollTable">
    <table class="commonTable">
    <tr>
    <th width="170">タイトル</th>
    <td>テキストテキスト</td>
    <td>テキストテキスト</td>
    <td>テキストテキストテキストテキストテキストテキストテキスト</td>
    </tr>
    <tr>
    <th>タイトル</th>
    <td>テキストテキスト</td>
    <td>テキストテキスト</td>
    <td>テキストテキストテキストテキストテキストテキストテキスト</td>
    </tr>
    <tr>
    <th>タイトル</th>
    <td>テキストテキスト</td>
    <td>テキストテキスト</td>
    <td>テキストテキストテキストテキストテキストテキストテキスト</td>
    </tr>
    </table>
</div>

<dl class="commonList">
<div>
<dt>dlタイトル</dt>
<dd>ddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツ</dd>
</div>
<div>
<dt>dlタイトル</dt>
<dd>ddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツddコンテンツ</dd>
</div>
</dl>

<ul class="blogList">
<li>
<a href="#">
<p class="ymd">2025.07.11</p>
<p class="title">タイトル</p>
<ul class="tag">
<li>#ITトレンド</li><li>#tagggg</li>
</ul>
</a>
</li>