h3サイズ見出し

h4サイズ見出し

h5サイズ見出し

h6サイズ見出し

この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。 この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。

コンテンツ例A

この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

コンテンツ例B

この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 この文章はダミーです。

コンテンツ組み合わせ例①

クレヨンリスト（イラスト風）

クレヨンリスト（スタンプ風）

• 左側にクレヨンのイラストが現れるリストです。
• HTMLに少し書き込むだけで色の変更が可能になります。（※全6色）
• 背景は白か、白に近い色が推奨です。 （クレヨンの画像が透過されており、真ん中の白い部分が背景の色になってしまうため）

枠線をつけることも可能です

通常リスト・番号リスト

通常リスト

• CSSクラスで色を指定すれば点が任意の色になります。（指定しない場合はグレー）
• テキストが入ります。
• テキストが入ります。
• テキストが入ります。
• テキストが入ります。
• テキストが入ります。
• テキストが入ります。

番号リスト

1. CSSクラスで色を指定すれば番号の丸の色が任意の色になります。（指定しない場合はグレー）
2. テキストが入ります。
3. テキストが入ります。
4. テキストが入ります。
5. テキストが入ります。
6. テキストが入ります。
7. テキストが入ります。

表①

表タイトル（なしでも可）

見出しセル	内容セルです。このテキストはダミーです。このテキストはダミーです。
見出しセル	内容セルです。このテキストはダミーです。 改行可能です
見出しセル	内容セルです。このテキストはダミーです。 リンクボタンリンク
見出しセル	内容セルです。このテキストはダミーです。 内容セルです。このテキストはダミーです。このテキストはダミーです。

表②

ボタン

ボタンのサンプル

ボタンのサンプル

ボタンのサンプル

ボタンのサンプル