@charset "utf-8";
img[src$="image/fftl.png"] { width:300px; margin:auto; display:block; }
img.job { width:64px; height:64px; }
img.item{ width:20px; height:20px; }
img.ico { width:16px; height:16px; }
table.c { border:4px ridge #776643; }
th.dark { width:40px; background-color:#887755; }
  .kuro { background-color:#2d2011; color:#ccc; font-size:90%; }
td.main { width:180px; font-weight:bold; }
td.under{ font-size:90%; background-color:#fec; }
td.bar  { height:2px; background-color:#000000; }


body       { background-color:#000000; color:#ddd; text-align:center; }
body table { margin:0.5em auto; }
h1,h2,.ddd,.ddd td {color:#ddd;}
td,th{color:#000; text-align:left;}
p{color:#ddd; margin:16;}

a      {color:#0CF; text-decoration:none;}
a:hover{text-decoration:underline; color:#EEE;}
.left  {text-align:left;}
.right { color:#ccc; text-align:right; }
.center { text-align:center; }

td.ki0      { font:normal normal bold 120%/130% MS UI Gothic; color:#cccccc; }
td.ki1      { font-size:90%; color:#cccccc; }
td.ki2      { font-size:90%; color:#999999; }

img.ico     { width:15px;height:15px; float:left; }

td.bl       { background-color:#000000;
              border:1px solid #000000;
              font:normal normal bold 100%/110% MS UI Gothic;
              color:#cccccc; }
.wht    { background-color:#eee; border:1px solid #000; }
.grt    { background-color:#999; border:1px solid #000; min-width:100px;}
.whr    { background-color:#eee; border:1px solid #000; text-align:center; }
.grr    { background-color:#999; border:1px solid #000; text-align:center; }

.wh , .wh2 { background-color:#eee; border:1px solid #000; text-align:center; }
.gr , .gr2 { background-color:#999; border:1px solid #000; text-align:center; }

td.no       { background-color:#333333;
              border:1px solid #222222;
              text-align:center; }
td.hono     { background-color:#ee5544;
              border:1px solid #222222;
              text-align:center; }
td.kami     { background-color:#ddbbff;
              border:1px solid #222222;
              text-align:center; }
td.rei      { background-color:#bbccff;
              border:1px solid #222222;
              text-align:center; }
td.mizu     { background-color:#77aaff;
              border:1px solid #222222;
              text-align:center; }
td.kaze     { background-color:#ccffdd;
              border:1px solid #222222;
              text-align:center; }
td.ti       { background-color:#bbff99;
              border:1px solid #222222;
              text-align:center; }
td.sei      { background-color:#ccddff;
              border:1px solid #222222;
              text-align:center; }
td.an       { background-color:#997799;
              border:1px solid #222222;
              text-align:center; }

td.kou      { background-color:#d5d5d5; border:1px solid #000;
              line-height:130%; text-align:left; }
.kog      { background-color:#999; border:1px solid #000; }

td.ei       { background-color:#bbbbbb;
              border:1px solid #000000;
              font-size:90%; }
ul          { line-height:130%; }

td.td.kai  { background-color:#dddddd; font-size:90%; }
td.kai  { background-color:#dddddd; font-size:90%; }
td.get  { background-color:#dddddd; font-size:90%; }
td.pri  { background-color:#dddddd; font-size:90%; text-align:center; }
.paper{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 padding:20px; color:#000;
}
.paper p,.paper h2{color:#000;}
.paper a{color:#02E;}

/********************　メディアクエリ　********************/

@media screen and (max-width: 640px) {
 body{ font-size:0.9em; margin:8px 2px; }
 blockquote{ margin:10px;}
 h1{font-size: 1.8em;}
 dd{margin-left:8px;}
 ol{padding-left:20px;}
 table{width:94%;}
}