コードサンプル

見出し1 あいうえおかきくけこ（class: .el_ttl5）

見出し2 あいうえおかきくけこ（class: .el_ttl6）

見出し3 あいうえおかきくけこ（class: .el_ttl11）

見出し4 あいうえおかきくけこ（class: .el_ttl12）

見出し5 あいうえおかきくけこ（class: .el_ttl7）

見出し6 あいうえおかきくけこ（class: .el_ttl8）

見出し7 あいうえおかきくけこ（class: .el_ttl9）

見出し8 あいうえおかきくけこ（class: .el_ttl3）

見出し9 あいうえおかきくけこ（class: .el_ttl4）

見出し10 あいうえおかきくけこ（class: .el_ttl10）

通常テキスト（class: .el_txt）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでしたた。

小テキスト（class: .el_txt.el_txt__s）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

強調テキスト（class: .el_txt.el_txt__l）
これは三次空間の方からお持ちになった町のかどを、まがろうとしました。全くもう車の中でなしに、ほんとうのほんとうの神さまですだからそうじゃありません。けどここ海じゃないんですそうですか。と思ったらもうここへ来たのだ。カムパネルラ、また僕たち二人きりになった町のかどを、まがろうとしました。

強調テキスト2（class: .el_txt.el_txt__l2）
これは三次空間の方からお持ちになった町のかどを、まがろうとしました。全くもう車の中でなしに、ほんとうのほんとうの神さまですだからそうじゃありません。けどここ海じゃないんですそうですか。と思ったらもうここへ来たのだ。カムパネルラ、また僕たち二人きりになった町のかどを、まがろうとしました。

通常テキスト[文中にリンク]普通にaタグで指定
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

色を青（class: .hp_colorBlue）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

色を明るい青（class: .hp_colorCyan）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

色を赤（class: .hp_colorRed）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

太字の指定（class: .hp_bold）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

テキスト中央寄せ（class: .hp_txtCenter）

テキスト右寄せ（class: .hp_txtRight）

組み合わせて指定してください
（class: el_txt.el_txt__l2.hp_txtCenterr）

組み合わせて指定 （見出し4 青字）（class: .el_ttl12.hp_colorBlue）

リスト（ul）

• 架橋演習をしてるんですよ青年が言いました。
• ぜんたいあなた方はどちらからいらっしゃったのよそうそう。
• ぼくはその中をどこまでも僕たちいっしょに行こう。

番号リスト（ol）

1. 室中のひとたちは半分うしろの方に見えました。
2. よほどの人数で合唱しているのです。
3. なんだか苹果のにおいだよ。

青字のリスト（ul/ol class: .el_txt__blue）

• 架橋演習をしてるんですよ青年が言いました。
• ぜんたいあなた方はどちらからいらっしゃったのよそうそう。
• ぼくはその中をどこまでも僕たちいっしょに行こう。

画像配置（100%[横幅100%]）

画像配置（auto[オリジナルのサイズ優先]）

画像配置（auto[オリジナルのサイズ優先]回り込み）

通常テキスト（class: .el_txt）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

通常テキスト（class: .el_txt）
それから橋の上に、眼もさめるような、おかしな気持ちがしてしかたないらしいのでした。そら鳥捕りは、わかったというようにジョバンニの方を見ながら何かひそひそ談しているんでしょう。あした放課後みなさんとうちへ遊びにでて、からすと喧嘩したんだ。なんせこんどは一ぺんにまっくらになったのでもいいと思いながら、大股にその街燈の下を通り、汽車はだんだんゆるやかになっております。そして二人がそのあかしの前を通って行くときまた点くのでした。

地図

テーブル（dl/dt/dd class: .bl_table）

見出し

けれどもジョバンニは、あの遠い一つの街燈が、青白く立派に光って立って、まじめな顔をして、急いで、では、よしと言いながら、まるではね上がりたいくらい愉快になって、その上に一人の寛い服を着て青年の腕にすがって不思議そうに窓から顔を出そうとしたとき、いきなりひるまのザネリが、新しいえりのとがったくるみの実のようなふうにして、さびしくなり風がいっぱいに風に吹かれているのでした。

長い見出し　ああああああああああああああああああ

けれどもジョバンニは、あの遠い一つの街燈が、青白く立派に光って立って、まじめな顔をして、急いで、では、よしと言いながら、まるではね上がりたいくらい愉快になって、その上に一人の寛い服を着て青年の腕にすがって不思議そうに窓から顔を出そうとしたとき、いきなりひるまのザネリが、新しいえりのとがったくるみの実のようなふうにして、さびしくなり風がいっぱいに風に吹かれているのでした。

テーブル2（table/tr/th/td）

名称	住所	電話番号・FAX番号
本社	〒141-0032 東京都品川区大崎1-11-2 ゲートシティ大崎イーストタワー2F 本社 地図	TEL:03-3492-0931 FAX:03-3492-0932
錦糸町オフィス	〒130-0013 東京都墨田区錦糸1-4-14 長嶋ビル５Ｆ 錦糸町オフィス 地図	TEL:03-6658-8223 FAX:03-6658-8207
東京情報通信センター	〒141-0031 東京都品川区西五反田3-8-8 NTT大崎ビル別棟3F 東京情報通信センター 地図	TEL:03-3492-4337 FAX:03-3492-3239

2段（.bl_flex.bl_flex__2 / .bl_flex_item）

• 

• 

3段（.bl_flex.bl_flex__3 / .bl_flex_item）

• 

• 

• 

4段（.bl_flex.bl_flex__4 / .bl_flex_item）

• 

• 

• 

• 

余白（margin-top）どのブロックにも適用可

ボックス（.bl_box2 / .bl_box2_ttl / .bl_box2_body）

ボックス・タイトルなし（.bl_box2 / .bl_box2_body）

ボタン