/* base */
body {
  color:#bbbbbb;
  background-color     :#111111;
  background-image     :url("../../img/back_tokyo.png");
  background-repeat    :no-repeat;
  background-attachment:fixed;
  background-position  :center bottom;
}
#base {
  background: url("./img/translucent_black50.png");
  background: rgba(0, 0, 0, 0.5);
  background: -webkit-linear-gradient(      top, rgba(0,0,0,0.9), rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5));
  background:    -moz-linear-gradient(      top, rgba(0,0,0,0.9), rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5));
  background:      -o-linear-gradient(      top, rgba(0,0,0,0.9), rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5));
  background:         linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5));
}
#footer {
  background: url("./img/translucent_black50.png");
  background: rgba(0, 0, 0, 0.5);
}

a        { color:#99aacc; }
a:visited{ color:; }
a:hover  { color:#cccccc; }

#header,
#header:before,
#header:after,
#sub:before,
#sub:after,
#sub h1:before,
#sub h1:after,
#footer {
  color:#eeeeee;
  border-color:#666666;
}
a.backurl {
  background: url("./img/translucent_black50.png");
  background: rgba(0, 0, 0, 0.5);
  border-color:#bbbbbb;
  color:#bbbbbb;
}
a.backurl:hover {
  background-color:#bbbbbb;
  color:#111111;
}

#BackUpList {
  border-color:#bbbbbb;
  background-color:#000;
  color:#bbbbbb;
}

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

/* ROYAL BLUE */
.table    { background-color:#4160b1; border-color:#7493e4 #0e2d7e #0e2d7e #7493e4; }
.table th,
.table caption{ background-color:transparent; color:#dddddd; }
.table td     { background-color:#bbc4dc; color:#000000; border-color:#0e2d7e #7493e4 #7493e4 #0e2d7e; }
.table .rv td { background-color:#9da6be; }

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

.o_item { background-color:#9da6be; }
.o_item .item_name td { background-color:transparent; }
.o_item,
.item,
.item td,
.item th,
.txtable,
.txtable td,
.txtable th
      { border-color:#25272c; }
.item th,
.txtable th
      { background-color:#5570b8; color:#dddddd; }
.item td,
.txtable td
      { background-color:#bbc4dc; color:#000000; }

#Familiar td     { background-color:#9da6be; }
#Familiar .mons            { background-color:#bbc4dc; }
#Familiar .mons .mons-name { border-color:#000000; }
#Familiar .mons .mons-lv   { background-color:#000000; color:#bbc4dc; }
#Familiar .mons .mons-stat th { background-color:#506cb6; color:#dddddd; border-color:#25272c; }
#Familiar .mons .mons-stat { border-color:#25272c; }
#Familiar .mons .mons-stat  td    { background-color:#bbc4dc; border-color:#25272c; }
#Familiar .mons .mons-stat .rv td { background-color:#9da6be; }

.table td a       { color:#0033dd; background-color:transparent;  }
.table td a:hover { color:#bbc4dc; background-color:#0033dd; }

.table th a       { color:#88bbff; }
.table th a:hover { color:#4160b1; background-color:#88bbff; }

    hr    { border-color:#4160b1; }
    hr.gro{ border-color:#8891a9 #eef7ff #eef7ff #8891a9; }
    hr.rid{ border-color:#eef7ff #8891a9 #8891a9 #eef7ff; }
.rv hr.gro{ border-color:#6a738b #d0d9f1 #d0d9f1 #6a738b; }
.rv hr.rid{ border-color:#d0d9f1 #6a738b #6a738b #d0d9f1; }

.sub       { background-color:#506cb6; border-color:#141b2d; color:#dddddd; }
.sub.small { background-color:#617abc; border-color:#273250; color:#dddddd; }

.table     th .inv { color:#4160b1; }
.table     td .inv { color:#bbc4dc; }
.table .rv td .inv { color:#9da6be; }
.item    th .inv,
.txtable th .inv { color:#5570b8; }
.item    td .inv,
.txtable td .inv { color:#bbc4dc; }
.sub       .inv { color:#506cb6; }
.sub.small .inv { color:#617abc; }