スタイルガイドスタイルガイド

スタイルガイド スタイルガイド

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：

見出し2：32px

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

見出し2：32px

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

見出し2：32px

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

見出し3：28px

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

小見出し見出し

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

見出し4：24px

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

見出し5：20px

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

見出し6：18px

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

背景色設定

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

リスト（ul、ol）

ul

  • ul要素16px
  • ul要素16px
  • リストがはいります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。
  • ul要素16px
  • ul要素16px
  • ul要素16px
  • リストがはいります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。

ol

  1. ol要素16px
  2. ol要素16px
  3. ol要素16px
  4. リストがはいります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。
  1. ol要素16px
  2. ol要素16px
  3. ol要素16px
  4. リストがはいります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。
  1. ol要素16px
  2. ol要素16px
  3. ol要素16px
  4. リストがはいります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。
  5. ol要素16px
  6. ol要素16px
  7. ol要素16px
  8. ol要素16px
  9. ol要素16px
  10. ol要素16px
  11. ol要素16px
  12. ol要素16px
  13. ol要素16px
  14. ol要素16px
  15. ol要素16px
  16. ol要素16px
  17. ol要素16px
  1. ol要素16px
  2. ol要素16px
  3. ol要素16px
  4. リストがはいります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。長めのリストはこのようなデザインになります。

リンクカラー、初期登録色

テキストリンクのカラーテキストリンクのカラー

テーブル（Flexible Table Block使用想定）

項目項目項目
項目ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。
項目ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。
項目ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。
項目ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。
項目ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。

強調エリア

背景色タイプ1

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。

背景色タイプ2

本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキ

背景色タイプ3

文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです

枠線タイプ1

：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文

枠線タイプ2

テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxで

任意のカラー設定

任意グループ

テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxです。本文テキスト：16pxで

ボタン、テキストリンク

テキストボタン
テキストボタンテキストボタンテキストボタン
PDFボタン
Wordボタン
Excelボタン
外部リンク
内部リンク（min100px）
内部リンク（max280px）内部リンク（max280px）

テキストリンクに書類（PDF・Word・Excel）を設定した場合リンク後ろにアイコンが自動で入ります。

テキストリンクの設定で、外部リンクにチェックを入れた場合リンク後ろにアイコンが自動で入ります。

アコーディオン（プラグイン使用想定）

test

test

レイアウト参考（カラム:tab以下は縦一）

左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。

左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は3

左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。左右余白は40px、上下は30px程度。