/****************************************
 * FF5風レイアウトにするためのCSSです。 *
 * たぶん、これでうまく行くと思います。 *
 * それぞれにインポートとかして下さい。 *
 * 変な点があれば、らっしーまで。       *
 ****************************************/

body {
  background-color: black;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
}

img { border-width: 0; }

table {
  background-color: #000080;
  color: white;
  border-collapse: collapse;
  border: none;
}
table.widthfix {
  table-layout: fixed;
}

col.frame { width: 12px; }

td { padding: 12px; }
td.no_padding { padding: 0 }
td.no_vpadding { padding: 0 12px; }
td.no_hpadding { padding: 12px 0; }
td.no_top{ padding:0px 12px 12px 12px; }
td.no_bottom{ padding:12px 12px 0px 12px; }
td.top, td.bottom, td.left, td.right, td.top_left,
    td.bottom_left, td.bottom_right, td.top_right { padding: 0; }

td.top          { background-image: url(../border/t.png); }
td.left         { background-image: url(../border/l.png); }
td.bottom       { background-image: url(../border/b.png); }
td.right        { background-image: url(../border/r.png); }
td.top_left     { background-image: url(../border/tl.png); }
td.bottom_left  { background-image: url(../border/bl.png); }
td.bottom_right { background-image: url(../border/br.png); }
td.top_right    { background-image: url(../border/tr.png); }

td.top, td.bottom {
  background-repeat: repeat-x;
  height: 12px;
}
td.left, td.right {
  background-repeat: repeat-y;
  width: 12px;
}

td.top_left, td.bottom_left, td.bottom_right, td.top_right {
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}