<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h2 class="bd">見出し2</h2>

<!-- 通常の大きさ -->
<p>この文章はダミーテキストです。<br />
文字の大きさ・字間・行間などを確認するために入れています。</p>

<!-- 文字を小さく -->
<p class="small">この文章はダミーテキストです。<br />
文字の大きさ・字間・行間などを確認するために入れています。</p>

<!-- 文字を大きく -->
<p class="large">この文章はダミーテキストです。<br />
文字の大きさ・字間・行間などを確認するために入れています。</p>

<p>この文章はダミーテキストです。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。</p>
<p>この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。</p>

<p class="taC">公益社団法人 日本経済研究センター<br />
Japan Center for Economic Research（略称ＪＣＥＲ）</p>

<!-- 右揃え（text-align） -->
<p class="taR">公益社団法人 日本経済研究センター<br />
Japan Center for Economic Research（略称ＪＣＥＲ）</p>

<!-- 右寄せ（float） -->
<p class="fR">公益社団法人 日本経済研究センター<br />
Japan Center for Economic Research（略称ＪＣＥＲ）</p>

<em>強調</em>
<strong>ボールド</strong>
<strike>打ち消し線</strike>
<a href="#">テキストリンク1</a>
<a href="#" class="brand-color">テキストリンク2</a>

<!-- ボックス1（well） -->
<div class="well">この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。</div>

<!--ボックス2（well-box） -->
<div class="well-box">この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。</div>

<!-- リスト（ul） -->
<ul>
<li>この文章はダミーテキストです。</li>
<li>この文章はダミーテキストです。</li>
<li>この文章はダミーテキストです。</li>
</ul>

<!-- 連番リスト（ol） -->
<ol>
<li>この文章はダミーテキストです。</li>
<li>この文章はダミーテキストです。</li>
<li>この文章はダミーテキストです。</li>
</ol>

<!-- テンプレートデザイン -->
<div class="table-horizontal">
<table>
 <colgroup>
 <col width="20%">
 <col width="80%">
 </colgroup>
 <tbody>
  <tr>
   <th>項目1</th>
   <td>アイテム1</td>
  </tr>
  <tr>
   <th>項目2</th>
   <td>アイテム2</td>
  </tr>
  <tr>
   <th>項目3</th>
   <td>アイテム3</td>
  </tr>
 </tbody>
</table>
</div>

<!-- ボーダー -->
<table>
 <thead>
  <tr>
   <th>項目1</th>
   <th>項目2</th>
   <th>項目3</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>アイテム1</td>
   <td>アイテム1</td>
   <td>アイテム1</td>
  </tr>
  <tr>
   <td>アイテム2</td>
   <td>アイテム2</td>
   <td>アイテム2</td>
  </tr>
  <tr>
   <td>アイテム3</td>
   <td>アイテム3</td>
   <td>アイテム3</td>
  </tr>
 </tbody>
</table>

<p class="brand-color">ブランド（brand-color）</p>
<p class="main-text-color">メイン（本文）（main-text-color）</p>
<p class="caption-text-color">キャプション（caption-text-color）</p>
<p class="research-report">カテゴリ：研究報告（research-report）</p>
<p class="policy-advice">カテゴリ：政策提言（policy-advice）</p>
<p class="economic-forecast">カテゴリ：経済予測（economic-forecast）</p>
<p class="seminar">カテゴリ：セミナー（seminar）</p>
<p class="news">カテゴリ：お知らせ（news）</p>
<p class="forum">カテゴリ：フォーラム（forum）</p>

<!-- ※ブランド（border-top-brand-color、border-top-4PX） -->
<p class="border-top border-top-brand-color border-top-4PX"></p>

<!-- ※カテゴリ：研究報告（border-top-research-report、border-top-4PX） -->
<p class="border-top border-top-research-report border-top-4PX"></p>

<!-- ※カテゴリ：政策提言（border-top-policy-advice、border-top-4PX） -->
<p class="border-top border-top-policy-advice border-top-4PX"></p>

<!-- ※カテゴリ：経済予測（border-top-economic-forecast、border-top-4PX） -->
<p class="border-top border-top-economic-forecast border-top-4PX"></p>

<!-- ※カテゴリ：セミナー（border-top-seminar、border-top-4PX） -->
<p class="border-top border-top-seminar border-top-4PX"></p>

<!-- ※カテゴリ：お知らせ（border-top-news、border-top-4PX） -->
<p class="border-top border-top-news border-top-4PX"></p>

<!-- ※カテゴリ：フォーラム（border-top-forum、border-top-4PX）-->
<p class="border-top border-top-forum border-top-4PX"></p>

<hr>

<a href="#" class="button button-blue">紺</a>
<a href="#" class="button">紺枠</a>
<a href="#" class="button button-light-blue">青</a>

※グレー枠はアタリです。ソースでは表示されません。

<div class="col_6">col_6</div>
<div class="col_6">col_6</div>

※グレー枠はアタリです。ソースでは表示されません。

<div class="col_4">col_4</div>
<div class="col_4">col_4</div>
<div class="col_4">col_4</div>

※グレー枠はアタリです。ソースでは表示されません。

<div class="col_3">col_3</div>
<div class="col_3">col_3</div>
<div class="col_3">col_3</div>
<div class="col_3">col_3</div>

※グレー枠はアタリです。ソースでは表示されません。

<div class="col_12">col_12</div>
<div class="col_1">col_1</div><div class="col_11">col_11</div>
<div class="col_2">col_2</div><div class="col_10">col_10</div>
<div class="col_3">col_3</div><div class="col_9">col_9</div>
<div class="col_4">col_4</div><div class="col_8">col_8</div>
<div class="col_5">col_5</div><div class="col_7">col_7</div>
<div class="col_6">col_6</div><div class="col_6">col_6</div>
<div class="col_7">col_7</div><div class="col_5">col_5</div>
<div class="col_8">col_8</div><div class="col_4">col_4</div>
<div class="col_9">col_9</div><div class="col_3">col_3</div>
<div class="col_10">col_10</div><div class="col_2">col_2</div>
<div class="col_11">col_11</div><div class="col_1">col_1</div>

<!-- 左揃え（デフォルト） -->
<p><span class="image-caption" title="ここにキャプションを記載します"><img src="/images/dummy.jpg" width="300" title="ここにキャプションを記載します" /></span></p>

<!-- 中央揃え -->
<p class="taC"><span class="image-caption" title="ここにキャプションを記載します"><img src="/images/dummy.jpg" width="300" title="ここにキャプションを記載します" /></span></p>

<!-- 右揃え -->
<p class="taR"><span class="image-caption" title="ここにキャプションを記載します"><img src="/images/dummy.jpg" width="300" title="ここにキャプションを記載します" /></span></p>

<!-- 画像左寄せ -->
<img class="imgL" src="/images/dummy.jpg" width="150" />
<p>この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。</p>

<!-- 画像右寄せ -->
<img class="imgR" src="/images/dummy.jpg" width="150" />
<p>この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。この文章はダミーテキストです。文字の大きさ・字間・行間などを確認するために入れています。</p>

<div class="sec-download section b-top-none">
<ul>
<li><a href="#"><span class="button button-blue">PDF</span><span class="filename">この文章はダミーテキストです。</span></a></li>
<li><a href="#"><span class="button button-blue">PDF</span><span class="filename">この文章はダミーテキストです。</span><span class="memberonly"><span class="md-hide">JCER NETメンバー</span>限定</span></a></li>
</ul>
</div>