<div class="pageHeader">
  <h1 class="pageHeader_main"><span>スタイルガイド</span></h1>
  <p class="pageHeader_sub">Style Guide</p>
</div><!-- /.pageHeader -->

<h2 class="ttl_2">見出し２</h2>

<h3 class="ttl_3">見出し3</h3>

<a class="link_ext" href="" target="_blank">インライン外部リンク</a>

<a class="link_oitau" href="" target="_blank">インライン学内リンク</a>

<a class="link_pdf" href="" target="_blank">インラインPDFリンク</a>

  <a class="link_doc" href="" target="_blank">インラインドキュメントリンク</a>

<ul class="btnLinkList">
  <li class="btnLinkList_item">
    <dl>
      <dt>本学公式サイトへ</dt>
      <dd>
        <p>説明文。この文章はダミーです。文字の大きさ，量，字間，行間等を確認するために入れています。</p>
        <div class="btnLinkList_btn">
          <a href="" target="_blank"><img src="/images/common/btn_oitau.png" alt="本学掲載ページへ"></a>
        </div>
      </dd>
    </dl>
  </li><!-- /.btnLinkList_item -->
</ul><!-- /.btnLinkList -->

<aside class="dirNav">
  <h2 class="ttl_2">併せてこちらのページもお役立てください</h2>
  <ul class="cardList">
    <li class="cardList_item"><a class="cardList_link" href="" title="ページタイトル">
      <div class="cardList_image"><img src="/images/common/noimage_cardlist.png" alt="サムネイル"></div>
      <dl class="cardList_def">
        <dt class="cardList_def_term">ページタイトル</dt>
        <dd class="cardList_def_desc">説明文</dd>
      </dl><!-- /.cardList_def -->
    </a></li><!-- /.cardList_item -->
  </ul><!-- /.cardList -->
</aside><!-- /.dirNav -->

<aside class="dirNav">
  <h2 class="ttl_2">併せてこちらのページもお役立てください</h2>
  <ul class="cardList noneImage">
    <li class="cardList_item"><a class="cardList_link" href="" title="ページタイトル">
      <dl class="cardList_def">
        <dt class="cardList_def_term">ページタイトル</dt>
        <dd class="cardList_def_desc">説明文</dd>
      </dl><!-- /.cardList_def -->
    </a></li><!-- /.cardList_item -->
  </ul><!-- /.cardList -->
</aside><!-- /.dirNav -->

<span class="c_red">赤</span>
<span class="c_blue">青1</span>
<span class="c_blue2">青2</span>
<span class="c_yellow">黄1</span>
<span class="c_yellow2">黄2</span>

<span class="bold">太字</span>
<span class="italic">斜体</span>
<span class="c_red bold italic">色＋太字＋斜体</span>

<div class="tac">中央</div>
<div class="tal">左寄せ</div>
<div class="tar">右寄せ</div>

<div class="ff_ryumin">リュウミン R-KL</div>

<div class="ff_a1">A1明朝</div>

<div class="ff_mm">見出ミンMA31 A1</div>

<div class="ff_mg">見出ゴMB31</div>

<div class="ff_sgr">新ゴ R</div>