4.よくあるご質問

ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。

「section4」ブロックについて

<!-- ここからsection4(よくあるご質問) -->
<section id="section4" class="up">

<h2><span class="number">4.</span>よくあるご質問</h2>

<dl class="faq">
<dt>ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dt>
<dd>ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
<dt>ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dt>
<dd>ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
<dt>ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dt>
<dd>ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
<dt>ここに質問を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dt>
<dd>ここに回答を入れます。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
</dl>

</section>

主なスタイルは

cssフォルダのstyle.cssから「#section4」でテキスト検索してみて下さい。詳しい解説もあります。

section4内にある背景画像について(_mensタイプは除く)

「images/bg4.png」です。
この画像だけは、cssで縦にリピート(repeat-y)させて使っています。(その他はリピートさせていないno-repeat)

「Q」と「A」のアイコンテキストは

Font Awesomeを使用しています。
Font Awesomeについてはmanual.htmlをお読み下さい。
FAQブロックのスタイルは「#section4」のすぐ下にあります。