テストページ

_テストページ

FFFTPなどで/css/screen.css を開いてcssを編集できる。

※(p class="indent-1")※2行目以降を1文字下げます。2行目以降を1文字下げます。2行目以降を1文字下げます。2行目以降を1文字下げます。2行目以降を1文字下げます。2行目以降を1文字下げます。2行目以降を1文字下げます。2行目以降を1文字下げます。

(p class="indent1em")1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。1文字分インデント。

CSSテスト

■タイトル

h2 class="t1" タイトルがここに入ります。

テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。

h2 class="t1" 長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。

テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。

h2 class="t2" メインコンテンツがここに入ります。

テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。テキストが入ります。テキストが、ここに入ります。

h2 class="t2" 長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。


h2 class="t3" 長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。長いタイトルの表示はこうなります。


■見出し要素

h1. 見出し 1

h2. 見出し 2

h3. 見出し 3

h4. 見出し 4

h5. 見出し 5
h6. 見出し 6

■太字

テキストが入ります。テキスト太字、ここに入ります。テキストが入ります。

■テキストの行揃え

p class="text-left" 右揃えテキスト

p class="text-center" 中央揃えテキスト

p class="text-right" 右揃えテキスト


■テキスト色

(class="muted") Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

(class="text-warning") Etiam porta sem malesuada magna mollis euismod.

(class="text-error") Donec ullamcorper nulla non metus auctor fringilla.

(class="text-info") Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.

(class="text-success") Duis mollis, est non commodo luctus, nisi erat porttitor ligula.


( class="tc1") Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

class="tc2"() Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

(class="tc3") Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

(class="tc4") Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

(class="tc5") Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.


(img src="/img/arw-r.png" alt="" class="arw"/ )<プレマ倶楽部>規約


(ul class="page-nav")

(ul class="page-nav")

リスト要素

定義型リスト(dl)

定義型リスト 用語 dt
定義型リスト 定義 dd

順序付きリスト(ol)

  1. リストアイテム 1
    1. リストアイテム 2
  2. リストアイテム 3

並列列挙リスト(ul)

  • リストアイテム 1
    • リストアイテム 2
  • リストアイテム 3

並列列挙リスト(ul class="asterisk")

  • こめじるしリスト1
  • こめじるしリスト2
  • こめじるしリスト3
  • こめじるしリスト4

リスト 装飾無し ul class="unstyled"

  • リストアイテム 1
  • リストアイテム 2
  • リストアイテム 3
  • リストアイテム 4
    • リストアイテム 5
    • リストアイテム 6
    • リストアイテム 7
    • リストアイテム 8
  • リストアイテム 9
  • リストアイテム 10
  • リストアイテム 11
  • リストアイテム 12

■インラインリスト

  • リストアイテム 1
  • リストアイテム 2
  • リストアイテム 3
  • リストアイテム 4
  • リストアイテム 9
  • リストアイテム 10
  • リストアイテム 11
  • リストアイテム 12


  • 受講料振り込み後のペア割引適用につきましては、お受け致しかねますので、予め申込書にペアの方のお名前をご記入ください。
  • 家族割引詳細につきましては、【よくあるご質問】Q11とQ12をご覧ください。
  • 小学生以下のお子様の受講につきましては、お問い合わせください。
  • ただし、東京以外で開講される特別瞑想講座につきましては、この限りではありません。
    予めご了承ください。
  • 他に<プレマ倶楽部>年会費12,000円(消費税込み12,600円)が必要です。

■仕切り線

↓ hr /
↓ hr class="dot" /

■ dl 説明リスト

dt 説明タイトル
dd 説明文がここに入ります説明文がここに入ります説明文がここに入ります。説明文がここに入ります説明文がここに入ります説明文がここに入ります
説明タイトル
説明文がここに入ります説明文がここに入ります説明文がここに入ります。説明文がここに入ります説明文がここに入ります説明文がここに入ります
説明タイトル
説明文がここに入ります説明文がここに入ります説明文がここに入ります。説明文がここに入ります説明文がここに入ります説明文がここに入ります

説明タイトル
説明文がここに入ります説明文がここに入ります説明文がここに入ります。説明文がここに入ります説明文がここに入ります説明文がここに入ります
説明タイトル
説明文がここに入ります説明文がここに入ります説明文がここに入ります。説明文がここに入ります説明文がここに入ります説明文がここに入ります


■引用

ゆ上がりの男2人と「絣の筒袖をつんつるてんに着てゐる」下女のやりとりは、いささかマンザイのボケとツッコミのセリフを思わせるが、ビールもこの時期には日本のスミズミまでじゅうぶんに出回っていたのがわかる。
-引用(blockquote)

テーブル

Default styles (table class="table")

テーブルヘッダ(th) 1 テーブルヘッダ 2 テーブルヘッダ 3
セル(td) 1 セル 2 セル 3
セル 1 セル 2 セル 3
セル 1 セル 2 セル 3

Optional classes (table class="table table-striped")
テーブルヘッダ(th) 1 テーブルヘッダ 2 テーブルヘッダ 3
セル(td) 1 セル 2 セル 3
セル 1 セル 2 セル 3
セル 1 セル 2 セル 3

Add borders and rounded corners to the table.
(table class="table table-bordered")
テーブルヘッダ(th) 1 テーブルヘッダ 2 テーブルヘッダ 3
セル(td) 1 セル 2 セル 3
セル 1 セル 2 セル 3
セル 1 セル 2 セル 3
(table class="table table-bordered table-striped")
テーブルヘッダ(th) 1 テーブルヘッダ 2 テーブルヘッダ 3
セル(td) 1 セル 2 セル 3
セル 1 セル 2 セル 3
セル 1 セル 2 セル 3

(table class="table table-hover")
テーブルヘッダ(th) 1 テーブルヘッダ 2 テーブルヘッダ 3
セル(td) 1 セル 2 セル 3
セル 1 セル 2 セル 3
セル 1 セル 2 セル 3

(table class="table table-condensed")
テーブルヘッダ(th) 1 テーブルヘッダ 2 テーブルヘッダ 3
セル(td) 1 セル 2 セル 3
セル 1 セル 2 セル 3
セル 1 セル 2 セル 3
[トップ]

その他

div class="box bc0" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc1" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc2" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢ20年前にまり、 ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc3" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc4" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc5" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc0 dot" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc1 dot" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc2 dot" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc3 dot" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc4 dot" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bc5 dot" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg0" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg1" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg2"現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg3" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg4" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg5" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg6" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bg8" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

div class="box bgp" 現在、カナ表記は〈ウイスキー(em)〉に一本化しており、そこに国産・舶来の区別はない。最近は価格面での差もちぢまり、20年前に ¥10,000 だった本場のスコッチが半値近くになるなど、ウイスキーは一層ポピュラーなものになってきた。

その他


現在、(span class="mk1")カナ表記は〈ウイスキー(em)に一本化しており、そこに(span class="mk2")国産・舶来の区別はない。最近は価格面で(span class="mk3")の差もちぢまり、20年前に¥10,000 だった(span class="mk4")本場のスコッチが半値近くになるなど、ウイスキーは(span class="mk5")一層ポピュラーなものになってきた。しかし、消費量についていえば、洋酒のトップは何といってもビールだろう。よっぽどの下戸はともかく、まず誰でもタシナミ程度には口にする。

(div class="box sl bg1")(div class="li5") 『サンプル』
(div class="box sl bg5")(div class="li5")サンプル

(span class="label label-important")サンプルクラス
(span class="label label-warning")※ご注意※
(a href="#" class="btn")お申し込みフォーム

(a href="#" class="btn btn-warning")お申し込みフォーム

(a href="#" class="btn btn-small")詳細を見る

詳細を見る