Sample Company

サービスのご案内(横長ボックスタイプ)

リンク設定がされている場合、画像右上に「→」マークが出ます。設定はcssフォルダのstyle.cssの
/*ボックスにリンク指定がされた場合に出る「→」マーク*/
ブロックになります。

Sample Title

ここに説明など入れて下さい。文字数が多くて入りきらない部分は切れますので注意して下さい。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

サービスのご案内(3列ボックスタイプ)

<div class="list">を<div class="list c3">にするとこのように3列レイアウトになります。

Sample Title

ここに説明など入れて下さい。

回り込み解除について

Sample Title

ここに説明など入れて下さい。

ブロックが2つ以下の場合、このように後にくるテキストも一緒に回り込みされてしまいます。解除したい場合、後にくるブロックにclass="clear"を指定して下さい。

※この段落はclear指定したものです。詳しくはhtml側を見て下さい。

サービスのご案内

h2見出し

class="box"とするとこのボックスが出ます。
上の「Menu」に適用するなら<nav>を<nav class="box">にすればOK。
「サービスのご案内」のように既にclass指定が入っている場合は半角スペースで区切って追加すればOKです。<section class="mb20 box">