「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」のすぐ下にあります。