サンプル

h2見出し

h3見出し

h4見出し

<h2 class="h2">h2見出し</h2>
<h3 class="h3">h3見出し</h3>
<h4 class="h4">h4見出し</h4>

寄せ

ああああ(基本的には、何も指定しなければ左寄せになります)

いいいい

うううう

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

画像センター

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

画像2カラム(画像小さめ)

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

画像3カラム

<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>

画像4カラム

<ul class="imgLine4">
<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>
<li><img src="../images/second/dummy.png" alt=""></li>
</ul>

テーブル

代表者名 代表取締役社長 國分 幹雄(こくぶ みきお)
従業員数 1318人 2021年10月1日時点
従業員数 1318人 2021年10月1日時点
<table class="table">
<tbody>
<tr>
<th>th</th>
<td>td</td>
</tr>
<tr>
<th>th</th>
<td>td</td>
</tr>
<tr>
<th>th</th>
<td>td</td>
</tr>
</tbody>
</table>
代表者名 代表取締役社長 國分 幹雄(こくぶ みきお)
従業員数 1318人 2021年10月1日時点
従業員数 1318人 2021年10月1日時点
<table class="table02">
<tbody>
<tr>
<th>th</th>
<td>td</td>
</tr>
<tr>
<th>th</th>
<td>td</td>
</tr>
<tr>
<th>th</th>
<td>td</td>
</tr>
</tbody>
</table>

リスト

  • リスト
  • リスト
  • リスト
<ul class="list">
<li>リスト</li>
<li>リスト</li>
<li>リスト</li>
</ul>
  1. ドラゴン桜
  2. リコカツ
  3. プロミス・シンデレラ
  4. 日本沈没―希望の人―
  5. 最愛
    複数行テスト
<ol class="num_list">
<li>リスト</li>
<li>リスト</li>
<li>リスト</li>
</ol>

2カラムレイアウト

画像の幅は最大50%。テキストの幅は画像のサイズに合わせて伸縮。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
画像のキャプション 画像のキャプション
<div class="twoCol">
<div class="txt">キストテキストテキストテキストテキスト</div>
<div class="img"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション 画像のキャプション</span></div>
</div>
画像のキャプション 画像のキャプション
画像の幅は最大50%。テキストの幅は画像のサイズに合わせて伸縮。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
<div class="twoCol">
<div class="img"><img src="../images/second/dummy.png" alt=""><span class="cap">画像のキャプション 画像のキャプション</span></div>
<div class="txt">キストテキストテキストテキストテキスト</div>
</div>