h1ページタイトル

段落：フォントサイズ14px／行間1.8
コンテンツエリア横幅710px

h2見出し

h3見出し

h4見出し

h5見出し

トグル - h2

class属性に"sp_toggle"が指定された要素にトグルボタン、その次の要素をslideToggleし、表示/非表示をします。

テーブルヘッダ	テーブルデータ
テーブルヘッダ	テーブルデータ

トグル - h3

class属性に"sp_toggle"が指定された要素にトグルボタン、その次の要素をslideToggleし、表示/非表示をします。

定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD

トグル(右側)

class属性に"sp_toggle"が指定された要素にトグルボタン、その次の要素をslideToggleし、表示/非表示をします。

テーブルヘッダ	テーブルデータ
テーブルヘッダ	テーブルデータ

トグル(左側)

class属性に"sp_toggle_l"が指定された要素にトグルボタン、その次の要素をslideToggleし、表示/非表示をします。

定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD

トグル（PC、TAB版も表示）

class属性に"sp_toggle"が指定された要素にトグルボタン、その次の要素をslideToggleし、表示/非表示をします。

テーブルヘッダ	テーブルデータ
テーブルヘッダ	テーブルデータ

トグル(左側)

class属性に"sp_toggle"が指定された要素にトグルボタン、その次の要素をslideToggleし、表示/非表示をします。

定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD

トグル(右側)

class属性に"sp_toggle"が指定された要素にトグルボタン、その次の要素をslideToggleし、表示/非表示をします。

定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD

テーブルトグル上部1行のみTHの場合

class属性に"table01"が指定された要素で、1行目のみがthタグだった場合のサンプル

テーブルヘッダ TH1	テーブルヘッダ TH2	テーブルヘッダ TH3	テーブルヘッダ TH4	テーブルヘッダ TH5	テーブルヘッダ TH6
テーブルデータ R2:C1	テーブルデータ R2:C2	テーブルデータ R2:C3	テーブルデータ R2:C4	テーブルデータ R2:C5	テーブルデータ R2:C6
テーブルデータ R3:C1	テーブルデータ R3:C2	テーブルデータ R3:C3	テーブルデータ R3:C4	テーブルデータ R3:C5	テーブルデータ R3:C6
テーブルデータ R4:C1	テーブルデータ R4:C2	テーブルデータ R4:C3	テーブルデータ R4:C4	テーブルデータ R4:C5	テーブルデータ R4:C6
テーブルデータ R5:C1	テーブルデータ R5:C2	テーブルデータ R5:C3	テーブルデータ R5:C4	テーブルデータ R5:C5	テーブルデータ R5:C6

テーブルトグル上部1行のみTHの場合（タイプ2 - DL)

class属性に"table01"が指定された要素で、1行目と1列目がthタグだった場合のサンプル
class属性に"type2"が追加指定されるとdlにてdt, ddタグに出力されます

テーブルヘッダ TH1	テーブルヘッダ TH2	テーブルヘッダ TH3	テーブルヘッダ TH4	テーブルヘッダ TH5	テーブルヘッダ TH6
テーブルデータ R2:C1	テーブルデータ R2:C2	テーブルデータ R2:C3	テーブルデータ R2:C4	テーブルデータ R2:C5	テーブルデータ R2:C6
テーブルデータ R3:C1	テーブルデータ R3:C2	テーブルデータ R3:C3	テーブルデータ R3:C4	テーブルデータ R3:C5	テーブルデータ R3:C6

テーブルトグル上部1行、左1列がTHの場合

class属性に"table01"が指定された要素で、1行目と1列目がthタグだった場合のサンプル

	テーブルヘッダ TH-1	テーブルhead TH-2	テーブルヘッダ TH-3	テーブルヘッダ TH-4	テーブルヘッダ TH-5
テーブルヘッダ TH-A	テーブルデータ R2:C2	テーブルデータ R2:C3	テーブルデータ R2:C4	テーブルデータ R2:C5	テーブルデータ R2:C6
テーブルヘッダ TH-B	テーブルデータ R3:C2	テーブルデータ R3:C3	テーブルデータ R3:C4	テーブルデータ R3:C5	テーブルデータ R3:C6
テーブルヘッダ TH-C	テーブルデータ R4:C2	テーブルデータ R4:C3	テーブルデータ R4:C4	テーブルデータ R4:C5	テーブルデータ R4:C6
テーブルヘッダ TH-D	テーブルデータ R5:C2	テーブルデータ R5:C3	テーブルデータ R5:C4	テーブルデータ R5:C5	テーブルデータ R5:C6

テーブルトグル上部1行、左1列がTHの場合（タイプ2 - DL)

	テーブルヘッダ TH-1	テーブルhead TH-2	テーブルヘッダ TH-3	テーブルヘッダ TH-4	テーブルヘッダ TH-5
テーブルヘッダ TH-A	テーブルデータ R2:C2	テーブルデータ R2:C3	テーブルデータデータ R2:C4	テーブルデータ R2:C5	テーブルデータ R2:C6
テーブルヘッダ TH-B	テーブルデータ R3:C2	テーブル R3:C3	テーブルデータ R3:C4	テーブルデータ R3:C5	テーブルデータ R3:C6
テーブルヘッダ TH-C	テーブルデータ R4:C2	テーブルデータ R4:C3	テーブルデータデータ R4:C4	テーブルデータ R4:C5	テーブルデータ R4:C6
テーブルヘッダ TH-D	テーブルデータ R5:C2	テーブルデータ R5:C3	テーブルデータ R5:C4	テーブルデータ R5:C5	テーブルデータ R5:C6

テーブルヘッダ	テーブルデータ
テーブルヘッダ	テーブルデータ

テーブルをそのまま使う場合

テーブルヘッダ	テーブルデータ
テーブルヘッダ	テーブルデータ

リンク

リストリストリストリストリストリストリストリストリストリストリスト
リストリストリスト
リストリストリストリストリストリストリストリストリストリストリスト
リストリスト
リストリストリスト
リストリストリストリストリストリストリストリストリストリストリスト

必須項目入力入力内容確認送信完了

パネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリアパネルエリア

パネルエリア強調系パネルエリア強調系パネルエリア強調系

コンバージョンはこちら

タブ

タブはulタグのclass属性に"tabNav"を指定する事で機能します。(yuga.js使用)

切り替わるコンテンツ部分はタブ側のhref属性で指定されたIDが表示されます。

タブ１
タブ２
タブ３

タブコンテンツ１

タブ１
タブ２
タブ３
タブ４
タブ５
タブ６
タブ７
タブ８

タブコンテンツ１

定義リスト1 PCでもSPでも改行しない

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リスト2 1023px以下でDDが改行

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リスト3 最初からDD改行

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リスト4 横並び DL一つにつきDTとDD一つ

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リスト5 width 100%(gridとの組み合わせを想定)

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

定義リストDT: 定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD定義リストDD

Pager

前のページヘ次のページヘ

ページ内アンカーリンク

Gallery

common.jsにて"main .photoArea a"の要素が存在した場合に自動で実行されます。

キャプション

フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型
フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型
フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型フロー縦型

定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD
定義リストDT

定義リストDD定義リストDD定義リストDD定義リストDD

講座を受講していてわからないところが出てきた場合はどうすればいいんですか？いつでも質問できますか？: ＣＧ高等館・東進衛星予備校では、受講前後の空き時間を利用して、専任教師や担任助手に質問することができます。

講座を受講していてわからないところが出てきた場合はどうすればいいんですか？いつでも質問できますか？: ＣＧ高等館・東進衛星予備校では、受講前後の空き時間を利用して、専任教師や担任助手に質問することができます。

2段組レイアウト
2段組レイアウト
2段組レイアウト
2段組レイアウト
高さをそろえる場合はfixHeightを合わせて入れて下さい。

2段組レイアウト2段組レイアウト2段組レイアウト2段組レイアウト

標準では背景色は入っていないので、
背景色を入れる場合は、
<div class="column box_03">のようにして下さい。

2段組レイアウト2段組レイアウト2段組レイアウト2段組レイアウト

3段組レイアウト3段組レイアウト3段組レイアウト3段組レイアウト

3段組レイアウト
3段組レイアウト
3段組レイアウト
3段組レイアウト

3段組レイアウト3段組レイアウト3段組レイアウト3段組レイアウト

4段組レイアウト4段組レイアウト4段組レイアウト4段組レイアウト

4段組レイアウト
4段組レイアウト
4段組レイアウト
4段組レイアウト

4段組レイアウト4段組レイアウト4段組レイアウト4段組レイアウト

学習基礎学力養成期
「読み・書き・計算」力の土台形成
・算数・国語を週1回の通塾で学習します。
・「理科実験教室」「さんすう教室」など体験型イベントを開催し学習への興味付けを行ないます。
- 算数・国語を週1回の通塾で学習します。
- 「理科実験教室」「さんすう教室」など体験型イベントを開催し学習への興味付けを行ないます。
受験基礎学力養成期

「考える」「作業する」「表現する」力の土台形成
・算数・国語授業は週2回に。また4年I期から4教科学習を本格的に開始します。
・知識を性急に詰めるのではなく、学習スキルのトレーに具を中心に学力を高めます。
受験学力完成期

「知識力」「問題対応力」の錬磨と志望校対策
・4教科の授業時間数が拡大されます。また各種サポート講座を開講します。
・受験学力を高める各種特訓と志望校にあわせた対策特訓を開校、過去問指導を行ないます。

コンバージョン用ブロック

下記ブロックは特定の個別ページに実装予定。エンド側更新作業につき、xml+jsにて実装

h1ページタイトル

h2見出し

h3見出し

h4見出し

h5見出し

トグル - h2

トグル - h3

トグル（PC、TAB版も表示）

テーブルトグル上部1行のみTHの場合

テーブルトグル上部1行のみTHの場合（タイプ2 - DL)

テーブルトグル上部1行、左1列がTHの場合

テーブルトグル上部1行、左1列がTHの場合（タイプ2 - DL)

テーブルをそのまま使う場合

リンク

リスト

通常

インライン(ULのみ)

float+50%(ULのみ)

float+33%(ULのみ)

タブ

定義リスト1 PCでもSPでも改行しない

定義リスト2 1023px以下でDDが改行

定義リスト3 最初からDD改行

定義リスト4 横並び DL一つにつきDTとDD一つ

定義リスト5 width 100%(gridとの組み合わせを想定)

Pager

ページ内アンカーリンク

Gallery

コンバージョン用ブロック

Type1

Type2

h1ページタイトル

h2見出し

h3見出し

h4見出し

h5見出し

トグル - h2

トグル - h3

トグル（PC、TAB版も表示）

テーブルトグル 上部1行のみTHの場合

テーブルトグル 上部1行のみTHの場合（タイプ2 - DL)

テーブルトグル 上部1行、左1列がTHの場合

テーブルトグル 上部1行、左1列がTHの場合 （タイプ2 - DL)

テーブルをそのまま使う場合

リンク

リスト

通常

インライン(ULのみ)

float+50%(ULのみ)

float+33%(ULのみ)

タブ

定義リスト1 PCでもSPでも改行しない

定義リスト2 1023px以下でDDが改行

定義リスト3 最初からDD改行

定義リスト4 横並び DL一つにつきDTとDD一つ

定義リスト5 width 100%(gridとの組み合わせを想定)

Pager

ページ内アンカーリンク

Gallery

コンバージョン用ブロック

Type1

Type2

テーブルトグル上部1行のみTHの場合

テーブルトグル上部1行のみTHの場合（タイプ2 - DL)

テーブルトグル上部1行、左1列がTHの場合

テーブルトグル上部1行、左1列がTHの場合（タイプ2 - DL)