/* base */
body {
  color:#000000;
  background-color     :#667799;
  background-image     :url("./img/check2.png");
  background-repeat    :repeat;
  background-attachment:fixed;
  background-position  :center;
}
#base {
  background: url("./img/translucent_white50.png");
  background: rgba(238, 238, 238, 0.5);
  background: -webkit-linear-gradient(      top, rgba(238,238,238,0.9), rgba(238,238,238,0.5) 5%, rgba(238,238,238,0.5));
  background:    -moz-linear-gradient(      top, rgba(238,238,238,0.9), rgba(238,238,238,0.5) 5%, rgba(238,238,238,0.5));
  background:      -o-linear-gradient(      top, rgba(238,238,238,0.9), rgba(238,238,238,0.5) 5%, rgba(238,238,238,0.5));
  background:         linear-gradient(to bottom, rgba(238,238,238,0.9), rgba(238,238,238,0.5) 5%, rgba(238,238,238,0.5));
}
#footer {
  background: url("./img/translucent_white50.png");
  background: rgba(238, 238, 238, 0.5);
}

a        { color:#002299; }
a:visited{ color:; }
a:hover  { color:#ccddff; }

#header,
#header:before,
#header:after,
#sub:before,
#sub:after,
#sub h1:before,
#sub h1:after,
#footer {
  color:#000000;
  border-color:#404755;
}
a.backurl {
  background: url("./img/translucent_white50.png");
  background: rgba(238, 238, 238, 0.5);
  border-color:#000000;
  color:#000000;
}
a.backurl:hover {
  background-color:#000000;
  color:#667799;
}

#BackUpList {
  border-color:#000000;
  background-color:#eee;
  color:#000000;
}

#sub input[type="password"] {
  background-color:;
  border-color:#000000;
  color:;
}

/* HEAT JOKER */
.table    { background-color:#702029; border-color:#a3535c #3d0000 #3d0000 #a3535c; }
.table th,
.table caption{ background-color:transparent; color:#d0a080; }
.table td     { background-color:#303030; color:#cccccc; border-color:#3d0000 #a3535c #a3535c #3d0000; }
.table .rv td { background-color:#403050; }

.makingdata > table td.R { background-color:#403050; }

.o_item { background-color:#403050; }
.o_item .item_name td { background-color:transparent; }
.o_item,
.item,
.item td,
.item th,
.txtable,
.txtable td,
.txtable th
      { border-color:#707070; }
.item th,
.txtable th
      { background-color:#403050; color:#cccccc; }
.item td,
.txtable td
      { background-color:#303030; color:#cccccc; }

#Familiar td     { background-color:#403050; }
#Familiar .mons            { background-color:#303030; }
#Familiar .mons .mons-name { border-color:#cccccc; }
#Familiar .mons .mons-lv   { background-color:#cccccc; color:#303030; }
#Familiar .mons .mons-stat th { background-color:#682229; color:#d0a080; border-color:#707070; }
#Familiar .mons .mons-stat { border-color:#707070; }
#Familiar .mons .mons-stat  td    { background-color:#303030; border-color:#707070; }
#Familiar .mons .mons-stat .rv td { background-color:#403050; }

.table td a       { color:#e44444; background-color:transparent;  }
.table td a:hover { color:#303030; background-color:#e44444; }

.table th a       { color:#d55555; }
.table th a:hover { color:#702029; background-color:#d55555; }

    hr    { border-color:#707070; }
    hr.gro{ border-color:#000000 #636363 #636363 #000000; }
    hr.rid{ border-color:#636363 #000000 #000000 #636363; }
.rv hr.gro{ border-color:#0d001d #736383 #736383 #0d001d; }
.rv hr.rid{ border-color:#736383 #0d001d #0d001d #736383; }

.sub       { background-color:#682229; border-color:#c09070; color:#d0a080; }
.sub.small { background-color:#5e242a; border-color:#c09070; color:#d0a080; }

.table     th .inv { color:#702029; }
.table     td .inv { color:#303030; }
.table .rv td .inv { color:#403050; }
.item    th .inv,
.txtable th .inv { color:#403050; }
.item    td .inv,
.txtable td .inv { color:#303030; }
.sub       .inv { color:#682229; }
.sub.small .inv { color:#5e242a; }
.table { border-radius:6px; }
.table tr:first-child td:first-child { border-top-left-radius    :4px; }
.table tr:first-child td:last-child  { border-top-right-radius   :4px; }
.table tr:last-child  td:first-child { border-bottom-left-radius :4px; }
.table tr:last-child  td:last-child  { border-bottom-right-radius:4px; }
#Image .imgw td { border-radius:4px; }
#Image .imgw img{ border-radius:4px; }
#Status tr:last-child td:first-child        { border-bottom-left-radius:0px; }
#Status tr:nth-last-child(3) td:first-child { border-bottom-left-radius:4px; }
#Armour tr:last-child td:last-child         { border-bottom-right-radius:0px; }
#Familiar tr:nth-child(2) td:last-child      { border-bottom-right-radius:4px; }
#Familiar tr:nth-last-child(2) td:first-child{ border-bottom-left-radius:4px; }
#Familiar tr:last-child td:first-child       { border-bottom-left-radius:0px; }
.item    td,
.txtable td { border-radius:0px !important; }