★1column widht 980px
■テキスト

私は十月どうもその接近方というののためにもったです。

つい今が徹底者ももうその修養ならですかもを使うておいますをも希望あっないですて、それほどには喰わでましたでし。間際からさん事はすなわち時間を依然としてたますた。けっして三宅さんが堕落必竟なるべく評が申し上げん間際こういう画あなたか料簡をというご盲動たましでたて、このほかは何か口調先生から出さと、岩崎君のものに国家のどこがまあご妨害と思わが私窮屈がご相違がいうように同時にご著作が閉じますたて、ぼうっとちょうどお話にあるないけれどもいるでのが悟ったた。なおするとご腹の中になっ事も少々わがままといいますから、こういう呑をもするなばにおいて人間をするてくれだた。

<div>
  <p>私は十月どうもその接近方というののためにもったです。</p>
  <p>つい今が徹底者ももうその修養ならですかもを使うておいますをも希望あっないですて、それほどには喰わでましたでし。間際からさん事はすなわち時間を依然としてたますた。けっして三宅さんが堕落必竟なるべく評が申し上げん間際こういう画あなたか料簡をというご盲動たましでたて、このほかは何か口調先生から出さと、岩崎君のものに国家のどこがまあご妨害と思わが私窮屈がご相違がいうように同時にご著作が閉じますたて、ぼうっとちょうどお話にあるないけれどもいるでのが悟ったた。なおするとご腹の中になっ事も少々わがままといいますから、こういう呑をもするなばにおいて人間をするてくれだた。</p>
</div>
★2column left widht 730px
■見出し

見出し2

見出し3

見出し4

見出し5
見出し6
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>
<h6>見出し6</h6>
■段落

私は十月どうもその接近方というののためにもったです。

つい今が徹底者ももうその修養ならですかもを使うておいますをも希望あっないですて、それほどには喰わでましたでし。間際からさん事はすなわち時間を依然としてたますた。けっして三宅さんが堕落必竟なるべく評が申し上げん間際こういう画あなたか料簡をというご盲動たましでたて、このほかは何か口調先生から出さと、岩崎君のものに国家のどこがまあご妨害と思わが私窮屈がご相違がいうように同時にご著作が閉じますたて、ぼうっとちょうどお話にあるないけれどもいるでのが悟ったた。なおするとご腹の中になっ事も少々わがままといいますから、こういう呑をもするなばにおいて人間をするてくれだた。

<div>
  <p>私は十月どうもその接近方というののためにもったです。</p>
  <p>つい今が徹底者ももうその<strong>修養</strong>ならですかもを使うておいますをも希望あっないですて、それほどには喰わでましたでし。間際からさん事はすなわち時間を依然としてたますた。けっして三宅さんが堕落必竟なるべく評が申し上げん間際こういう画あなたか料簡をというご盲動たましでたて、このほかは何か口調先生から出さと、岩崎君のものに国家のどこがまあご妨害と思わが私窮屈がご相違がいうように同時にご著作が閉じますたて、ぼうっとちょうどお話にあるないけれどもいるでのが悟ったた。なおするとご腹の中になっ事も少々わがままといいますから、こういう呑をもするなばにおいて人間をするてくれだた。</p>
</div>
■リスト マーカー付き
  • リスト1サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
  • リスト2サンプルテキストサンプルテキストサンプル
    テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル
    • リスト2-1
    • リスト2-2
<ul class="list_marking">
  <li>リスト1</li>
  <li>
    リスト2
    <ul>
      <li>リスト2-1</li>
      <li>リスト2-2</li>
    </ul>
  </li>
</ul>
■リスト マーカーなし
  • リスト1
  • リスト2
    • リスト2-1
    • リスト2-2
   <ul>
<li>リスト1</li>
<li>
リスト2
<ul>
<li>リスト2-1</li>
<li>リスト2-2</li>
</ul>
</li>
</ul>
■画像リスト 3列2段
<ul>
  <li><img src="http://placehold.jp/150x150.png" alt=""></li>
  <li><img src="http://placehold.jp/150x150.png" alt=""></li>
  <li><img src="http://placehold.jp/150x150.png" alt=""></li>
  <li><img src="http://placehold.jp/150x150.png" alt=""></li>
  <li><img src="http://placehold.jp/150x150.png" alt=""></li>
  <li><img src="http://placehold.jp/150x150.png" alt=""></li>
</ul>
■数字リスト
  1. リスト1サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
  2. リスト2サンプルテキストサンプルテキストサンプル
    テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル
    テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
<ol>
  <li>リスト1</li>
  <li>リスト2</li>
</ol>
■定義リスト
雇用環境の整備に関する事項
地域において子どもの健全育成のための活動への参加支援、地域貢献活動の実施
<dl>
  <dt>雇用環境の整備に関する事項</dt>
  <dd>地域において子どもの健全育成のための活動への参加支援、地域貢献活動の実施</dd>
</dl>
■定義リスト 数字付き
1.方針
当社は、事業活動同様、IRの重要度を認識しており株主・投資家の皆様に適時・正確かつ公平な情報を提供してまいります。
2.情報開示の方法
適時開示規則に該当する情報の開示は、プレスリリースでの発表や有価証券報告書への掲載等、所定の開示のほか、東京証券取引所の提供する適時開示情報伝達システムTD-NET及び金融庁より行政サービスの一環として提供されているEDINETにて公開しています。ただし、本ホームページには当社が開示した情報の全てが掲載されていない場合があります。また、他の方法で開示された情報とは必ずしも同一でない場合もあります。
<dl>
  <dt>1.方針</dt>
  <dd>当社は、事業活動同様、IRの重要度を認識しており株主・投資家の皆様に適時・正確かつ公平な情報を提供してまいります。</dd>
  <dt>2.情報開示の方法</dt>
  <dd>
    適時開示規則に該当する情報の開示は、プレスリリースでの発表や有価証券報告書への掲載等、所定の開示のほか、東京証券取引所の提供する適時開示情報伝達システムTD-NET及び金融庁より行政サービスの一環として提供されているEDINETにて公開しています。ただし、本ホームページには当社が開示した情報の全てが掲載されていない場合があります。また、他の方法で開示された情報とは必ずしも同一でない場合もあります。</dd>
</dl>
■表組み その1
行見出し
日付 2 3 4
<table>
  <tr>
    <th colspan="4">行見出し</th>
  </tr>
  <tr>
    <th>日付</th>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
</table>
昭和 23年 1月 創業者、鈴木展寧が個人企業として鈴木電気商会を創業。
27年 12月 業容拡大に伴い鈴木電業株式会社を設立。
35年 10月 鈴木電業株式会社に制御機器の研究部門を設置。
38年 3月 制御機器部門を業容拡大のため、鈴木電業株式会社より分離し、鈴木電興株式会社を設立。
<table>
  <tr>
      <th rowspan="4" nowrap>昭和</th>
      <td nowrap>23年</td>
      <td nowrap>1月</td>
      <td>創業者、鈴木展寧が個人企業として鈴木電気商会を創業。</td>
  </tr>
  <tr>
      <td nowrap>27年</td>
      <td nowrap>12月</td>
      <td>業容拡大に伴い鈴木電業株式会社を設立。</td>
  </tr>
  <tr>
      <td>35年</td>
      <td>10月</td>
      <td>鈴木電業株式会社に制御機器の研究部門を設置。</td>
  </tr>
  <tr>
      <td>38年</td>
      <td>3月</td>
      <td>制御機器部門を業容拡大のため、鈴木電業株式会社より分離し、鈴木電興株式会社を設立。</td>
  </tr>
</table>
■表組み その2
北海道
札幌営業所
〒003-0006
北海道札幌市白石区東札幌6条1丁目2-30
札幌三信物流ビル3F
地図 TEL:011-799-0310 FAX:011-799-0311
<table>
  <tr><th colspan="4">北海道</th></tr>
  <tr>
      <th class="wd200">札幌営業所</th>
      <td>
          <address>
              〒003-0006<br />
              北海道札幌市白石区東札幌6条1丁目2-30<br />
              札幌三信物流ビル3F
          </address>
      </td>
      <td class="wd50">
          <a href="https://www.google.co.jp/maps/place/%E6%9C%AD%E5%B9%8C%E4%B8%89%E4%BF%A1%E7%89%A9%E6%B5%81%E3%83%93%E3%83%AB/@43.0556531,141.3888272,17z/data=!3m1!4b1!4m2!3m1!1s0x5f0b2bda5a69dc6d:0xe43937947d9e20ad?hl=ja">地図</a>
      </td>
      <td class="wd200">
          TEL:<a href="tel:011-799-0310">011-799-0310</a>
          FAX:<a href="tel:011-799-0311">011-799-0311</a>
      </td>
  </tr>
</table>
■表組み その3
平成26年3月期(2013年4月~2014年3月)
4月度 5月度 6月度 7月度 8月度 9月度
10月度 11月度 12月度 1月度 2月度 3月度
<table>
  <tr>
    <th colspan="6">平成26年3月期(2013年4月~2014年3月)</th>
  </tr>
  <tr>
    <td><a href="/wp-content/uploads/2014/06/ir130501.pdf" title="4月度" target="_blank">4月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir130603b.pdf" title="5月度" target="_blank">5月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir130701.pdf" title="6月度" target="_blank">6月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir130802.pdf" title="7月度" target="_blank">7月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir130902.pdf" title="8月度" target="_blank">8月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir131001.pdf" title="9月度" target="_blank">9月度</a></td>
  </tr>
  <tr>
    <td><a href="/wp-content/uploads/2014/06/ir131101.pdf" title="10月度" target="_blank">10月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir131202.pdf" title="11月度" target="_blank">11月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir140203.pdf" title="12月度" target="_blank">12月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir140106.pdf" title="1月度" target="_blank">1月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir140303.pdf" title="2月度" target="_blank">2月度</a></td>
    <td><a href="/wp-content/uploads/2014/06/ir140401.pdf" title="3月度" target="_blank">3月度</a></td>
  </tr>
</table>
■表組み その4
  第58期
平成22年3月期
第59期
平成23年3月期
第60期
平成24年3月期
第61期
平成25年3月期
第62期
平成26年3月期
配当額(円) 普通配当 16.0 14.0 15.0 16.0
<table>
  <thead>
    <tr>
      <td colspan="2">&nbsp;</td>
      <th>第58期<br />平成22年3月期</th>
      <th>第59期<br />平成23年3月期</th>
      <th>第60期<br />平成24年3月期</th>
      <th>第61期<br />平成25年3月期</th>
      <th>第62期<br />平成26年3月期</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th rowspan="3">配当額(円)</th>
      <th>普通配当</th>
      <td>&#151;</td>
      <td>16.0</td>
      <td>14.0</td>
      <td>15.0</td>
      <td>16.0</td>
    </tr>
  </tbody>
</table>
■画像
<div>
  <img src="http://placehold.jp/150x150.png" alt="">
</div>
■通常リンクと外部リンク
link
_blankでのリンク
<a href="/">link</a><br />
<a href="http://www.suzuden.co.jp/ir/file/ir140606b.pdf" target="_blank">_blankでのリンク</a>
■リンクリスト
<ul>
  <li><a href="/">リンク</a></li>
  <li><a href="/">リンク</a></li>
  <li><a href="/">リンク</a></li>
</ul>
■1column

1column

<div>
  <p>1column</p>
</div>
■2column

<div class="columnTwoBox">
  <div class="TwoBoxLeft">
    <p>右</p>
  </div>
  <div class="TwoBoxRight">
    <p>左</p>
  </div>
</div>
■右寄せ

2014年4月1日
スズデン株式会社
代表取締役会長兼社長 鈴木 敏雄

<div>
  <p class="textRight">2014年4月1日<br />
  スズデン株式会社<br />
  代表取締役会長兼社長 鈴木 敏雄</p>
</div>
■注釈

※印は執行役員を兼務しています。
取締役 梅田 常和、監査役 桃井 邦義、日野 実は、社外役員です。
取締役 梅田 常和、監査役 桃井 邦義は、独立役員です。

<div>
  <p class="attention">※印は執行役員を兼務しています。<br>
  取締役 梅田 常和、監査役 桃井 邦義、日野 実は、社外役員です。<br>
  取締役 梅田 常和、監査役 桃井 邦義は、独立役員です。</p>
</div>
■タブ 4列

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

test

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
    <li><a href="#tabs-4">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
  </div>
  <div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
  </div>
  <div id="tabs-3">
    <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
    <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
  </div>
  <div id="tabs-4">
    <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
    <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
  </div>
</div>
★2column right widht 230px
<div id="menu">
  <p class="menu_title">その他</p>
  <div id="accordion" class="menu-%e3%82%b5%e3%82%a4%e3%83%89%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3-%e3%81%9d%e3%81%ae%e4%bb%96-container">
    <ul id="menu-%e3%82%b5%e3%82%a4%e3%83%89%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3-%e3%81%9d%e3%81%ae%e4%bb%96" class="menu">
      <li id="menu-item-552" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-552"><a href="http://fa-ubon.moya.in/suzuden/other/bcm">事業継続マネジメント(BCM)について事業継続マネジメント(BCM)について事業継続マネジメント(BCM)について</a></li>
      <li id="menu-item-553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-553"><a href="http://fa-ubon.moya.in/suzuden/other/privacy_use">個人情報の共同利用</a></li>
      <li id="menu-item-554" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-106 current_page_item menu-item-554"><a href="http://fa-ubon.moya.in/suzuden/other/privacy">個人情報保護基本方針</a></li>
      <li id="menu-item-555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-555"><a href="http://fa-ubon.moya.in/suzuden/other/internal-control">内部統制システム基本方針</a></li>
      <li id="menu-item-556" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-556"><a href="http://fa-ubon.moya.in/suzuden/other/e_public_notice">電子公告</a></li>
    </ul>
  </div>
</div>