スタイルガイド

<h2>テキストが入ります。</h2>

<p class="read">テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

<a>テキストが入ります。</a>テキストが入ります。
<b>テキストが入ります。<b>
<i>テキストが入ります。<i>
<u>テキストが入ります。<u>
~~<s>取り消し線テキストが入ります。<s>~~

<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。。</p>

<small>※注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。<small>
<small>※注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。<small>

<h3>テキストが入ります。</h3>

<h4>テキストが入ります。</h4>

<h5>テキストが入ります。</h5>

<h6>テキストが入ります。</h6>

<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。。</p>

※カラム系の親要素は<ul class="col">

1cloumn<li class="col-1">

2cloumn<li class="col-2">

3cloumn<li class="col-3">

<ul> <li>タグが入ります。タグが入ります。
タグが入ります。タグが入ります。
<ul> <li>タグが入ります。タグが入ります。
<ul> <li>タグが入ります。タグが入ります。
- <ul> <li>タグが入ります。タグが入ります。
  タグが入ります。タグが入ります。
- <ul> <li>タグが入ります。タグが入ります。
- <ul> <li>タグが入ります。タグが入ります。

<ul> <li>タグが入ります。タグが入ります。
タグが入ります。タグが入ります。
<ul> <li>タグが入ります。タグが入ります。
<ul> <li>タグが入ります。タグが入ります。
1. <ul> <li>タグが入ります。タグが入ります。
  タグが入ります。タグが入ります。
2. <ul> <li>タグが入ります。タグが入ります。
3. <ul> <li>タグが入ります。タグが入ります。

<a class="blank">外部リンクテキストが入ります。</a>
<a class="excel">エクセルリンクが入ります。</a>
<a class="word">ワードリンクテキストが入ります。</a>
<a class="pdf">PDFリンクテキストが入ります。</a>
<a class="powerpoint">パワーポイントリンクテキストが入ります。</a>
<a class="tel">電話番号リンクテキストが入ります。</a>
<a class="mail">メールアドレスリンクテキストが入ります。</a>

Table-type normal

<th>	<th>	<th>	<th>
<td>	<td>	<td>	<td>

Table-type2

<th>	<td>
<th>	<td>

<blockquote>テキストが入ります。</blockquote>

<blockquote>テキストが入ります。</blockquote>

<dt>テキストが入ります。</dt>: <dd>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</dd>
<dt>テキストが入ります。</dt>: <dd>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります</dd>

tab1<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab2<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab3<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab4<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

アコーディオン(閉じた状態)

<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

アコーディオン(開いた状態)

リンクボタンのテキストが入ります。