class="boxLeft"内に入れたものが左のカラムに入ります。

sample <h2>見出し

<h3>見出し

<h4>見出し

h1,h2,h3タグで日本語を記載した時に文字が大きすぎる場合は、class="ja"をつけてください。

見出し

見出し

見出し

見出し

class="boxCenter"内に入れたものが真ん中のカラムに入ります。

class="right"をつけると、文字が右寄せになります

class="center"をつけると、文字が中央寄せになります

class="box"をつけると背景が白抜きになります。

class="label"をつけると、背景色がつきます。左右に余白がつくので注意。

emタグはマーカーをひいたような装飾がつきます。

dlリストにclass="grid"をつけた場合

項目
説明文。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
項目
説明文。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

class="boxRight"内に入れたものが右のカラムに入ります。

aタグやdivタグにclass="banner"をつけると、ストライプ背景のバナーになります。その中にpタグで文字を入れるとバナーの真ん中あたりの位置に文字が入ります。

さらにclass="banner pink"のように入れると、背景に画像が入ります。画像はyellowgreen、purple、deepblue、pinkblue、pinkの5種類がサンプルとして同梱されています。そのまま使用していただいても良いですが、画像を差し替えたり、クラス名や画像を追加して使用していただくと良いと思います。style.cssの767行目からがバナーについての編集部分です。