HOME >  sample

sample

見出し2 あああああああああああ

テキストテキストテキストテキストテキストテキストテキストテキストテキスト、テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

テキストテキストテキストテキストテキスト、テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

見出し3 ああああああああああああああ


キャプション

左寄せの場合は、Pタグに「class=”left”」と追記してください


キャプション

右寄せの場合は、Pタグに「class=”right”」と追記してください。回り込みがうまくできない場合は、全体を<div class=”clear”>~</div>で囲む。 上が詰まってしまう場合は、<div class=”marginup”>~</div>と記載してください。

スタイルを複合して記載も可能です。~”clear marginup” とスペースで区切って複数指定をすることができます。

色で強調をする場合、テキストを<span class=”marker”>~</span>で囲むと赤い背景が付きます。

見出し4 ああああああああああああああ

画像を二つ並べる場合、<p class=”box2″>挿入する内容</p>と記載


キャプション


キャプション

画像を三つ並べる場合、<p class=”box3″>挿入する内容</p>と記載


キャプション


キャプション


キャプション

テキストリンクのつけ方

リンクをつけた場合、下記のようにマークがつきます。

リンク

本文中にリンクをつけると、リンクのようにマークがつきますので、マークが不要な場合は、<a href=”#” class=”nomark”>リンク</a>としてください。このようになります。

ボタン型のリンクのつけ方

ボタンのようにリンクをつける場合は、

<a href=”#” class=”linkbox01″>リンクボックス</a>としてください。

リンク

リンク

テキストリンクと説明文を一つのボタンで表したい時は下記のようにしてください。

<div class=”linkbox02″>
<p>リンクタイトル</p>
<p>説明文説明文、説明文説明文説明文説明文説明文。説明文説明文説明文説明文説明文。</p>
</div>

リンクタイトル

説明文説明文、説明文説明文説明文説明文説明文。説明文説明文説明文説明文説明文。

リンクタイトル

説明文説明文、説明文説明文説明文説明文説明文。説明文説明文説明文説明文説明文。