• A
  白バックサンプル文字
  黒バックサンプル文字

  <a href="">サンプル文字</a>

• A CLASS="NEWS"
  白バックサンプル文字
  黒バックサンプル文字

  <a href="" class="news">サンプル文字</a>

• A CLASS="BLK"
  白バックサンプル文字
  黒バックサンプル文字

  <a href="" class="blk">サンプル文字</a>

• A CLASS="MENU"
  白バックサンプル文字
  黒バックサンプル文字

  <a href="" class="menu">サンプル文字</a>

• TABLE CLASS="GENERAL"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="general">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• TABLE CLASS="GENERAL_C"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="general_c">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• TABLE CLASS="GENERAL_R"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="general_r">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• TABLE CLASS="REWARD_R"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="reward_r">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• TABLE CLASS="ITEM"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="item">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• TABLE CLASS="JCQ"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="jcq">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• TABLE CLASS="QUEST"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="quest">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• TABLE CLASS="TOPICS"
  

  見出し

  <table cellspacing="1" cellpadding="2" class="topics">
  <caption valign="top">見出し</caption>
  <tr>
  <th width="100"> </th>
  <th width="100"> </th>
  </tr>
  <td> </td>
  <td> </td>
  </tr>
  </table>

• Black
• Gray
• Silver
• White
• Maroon
• Red
• Purple
• Fuchsia
• Green
• Lime
• Olive
• Yellow
• Navy
• Blue
• Teal
• Aqua
• RED太字
• MAROON太字

MARGIN PADDING設定

• 上下に5pxマージンを取る
  class="mg05-0-05-0"
• 上右下に5pxマージンを取る
  class="mg05-05-05-0"
• 上に10pxマージンを取る
  class="mg10-0-0-0"
• 上下左右に5pxマージンを取る
  class="mgn_gen"
• 上下左右に5pxスペースを空ける
  class="pd05"
• 上下左右に10pxスペースを空ける
  class="pd1"
• 上右下左それぞれ10,15,20,20pxスペースを空ける
  class="pd_gen"
• 左に10pxスペースを空ける
  class="pd_l10"
• 下に10pxスペースを空ける
  class="pd_btm"

画像配置

• 右側に画像を配置する
  <img src="***" class="fr01">
• 左側に画像を配置する
  <img src="***" class="fl01">

疑似インラインフレームを使用する

ドットでの仕切線を使う

サンプル文字

サイトに統一感を持たせる為、当サイトではCSSを多用し個別には出来る限り命令タグを使用しておりません。

もしHomePageBuilderやDreamWeaverなどの編集ソフトをお持ちの場合は一度当サイトのスタイルシートを保存し、登録してお使いになると非常に便利です。

l2.cssを表示

当サイト内にてCSSファイルはユーザー権限では編集出来ません。
メールまたはBBSにてリクエストをお送りください。

N:   :