@charset "utf-8";

* { margin: 0px; padding: 0px; font-family: "ＭＳ Ｐゴシック","Osaka"; line-height:100%; }

body { background-color: #000000; }

a       { color:#99aadd; text-decoration :none; }
a:hover { color:#222222; background-color:#aabbcc; }

#base   { margin:auto; padding: 0px; max-width:950px; background-color:#555555; }
#head   { margin: 0px; padding: 0px; width:100%; background-color:#202233; }
#foot   { margin: 0px; padding: 0px; width:100%; max-width:950px; background-color:#202233; }
.menu   { margin:5px auto; padding: 0px; width:730px; border:1px solid #222222; }
.chara  { margin:auto; padding: 0px; width:802px; }
#head h1 {
  padding:10px;
  color:#eeeeee;
  font-size:16px;
  font-weight:bold;
  text-align:center;
}

#foot .copy {
  margin:0px;
  padding:5px 5px 5px 5px;
  color:#e3e3e3;
  font-size:12px;
  text-align:center;
}

.box h2 {
  margin:0px;
  padding:5px 10px;
  background-color:#222222;
  color:#cccccc;
  font-size:16px;
  text-align:left;
  font-weight :bold;
}

.box h2 small { font-size:13px; font-weight :normal; }

.box .allow {
  display:block;
  width:50px;
  margin-top:-25px;
  margin-left:auto;
  text-align:right;
}

.menu .box {
  background-color:#445066;
  border-top   :1px solid #748097;
  border-left  :1px solid #748097;
  border-right :1px solid #142037;
  border-bottom:1px solid #142037;
}
.menu .box h2 {
  background-color:inherit;
  padding:2px 5px;
  color:#dddddd;
  font-size:13px;
  font-weight:normal;
}
.menu .box p.text {
  margin:0px 2px;
  padding:2px 5px;
  border-top   :1px solid #142037;
  border-left  :1px solid #142037;
  border-right :1px solid #748097;
  border-bottom:1px solid #748097;
  font-size:13px;
}

.menu .box p.text input {
  padding:1px;
  font-size:13px;
}

.menu .box .menu_sub {
  float:right;
  margin-right:5px;
  width:240px;
  border-top   :0px;
  border-left  :1px solid #142037;
  border-right :1px solid #748097;
  border-bottom:0px;
}
.menu .box .menu_sub li {
  float:right;
  width:120px;
  list-style-type:none;
  text-align:center;
}
.menu .box .menu_sub li a {
  display:block;
  margin:0px;
  padding:3px 0px;
  border-top   :0px;
  border-left  :1px solid #748097;
  border-right :1px solid #142037;
  border-bottom:0px;
  color:#dddddd;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}
.menu .box .menu_sub li a:hover {
  background-color:#b0bbcc;
  border-top   :0px;
  border-left  :1px solid #e0eeff;
  border-right :1px solid #142037;
  border-bottom:0px;
  color:#222222;
}
.menu .box p.menu_sub a { color:#cccccc; }

.sort {
  padding: 5px 0px; margin:0px 0px 0px 0px;
  background-color:#222222; border: 1px solid #222222;
  font-size:12px; color:#cccccc; text-align:right;
}

.char_containe { list-style-type:none; }

.chara .box {
  margin:15px 0px;
  padding:0px;
  background-color:#808899;
  border:1px solid #222222;
}

.chara .box ul {
  overflow:hidden;
}

.chara .box li {
  width:400px; float: left; text-align:left;
  list-style-type: none; background-color:#404455;
  font-size:13px; font-weight :normal;
}

.chara .box li a {
  display :block;
  margin: 0px; padding: 3px 10px;
  border-top   : 1px solid #707788;
  border-left  : 1px solid #707788;
  border-right : 1px solid #101122;
  border-bottom: 1px solid #101122;
  color: #dddddd; font-size: 13px; text-decoration :none;
}
.chara .box li a small { color: #a0aabb; font-size: 11px; font-weight :normal; }
.chara .box li a:hover {
  background-color:#506677;
  border-top   : 1px solid #8099aa;
  border-left  : 1px solid #8099aa;
  border-right : 1px solid #203344;
  border-bottom: 1px solid #203344;
  color: #eeeeee;
}
.chara .box li a:hover small { color: #b0c0cc; }
.chara .box li a:active {
  background-color:#8099bb;
  border-top   : 1px solid #607799;
  border-left  : 1px solid #607799;
  border-right : 1px solid #a0bbdd;
  border-bottom: 1px solid #a0bbdd;
  color: #222222;
}
.chara .box li a:active small { color: #57575f; }

.text {
  padding: 5px 10px 10px 15px; background-color:#c0c7cf;
  color: #27272f; font-size: 12px;
}
.text a        { text-decoration:none; cursor:move; }
.text a:link   { color:#3355cc; }
.text a:visited{ color:#3355cc; }
.text a:active { color:#B22222; }
.text a:hover   { color:#1f3ad7; text-decoration:underline; }


table.group {
  width:100%;
  border-collapse:collapse;
  border-width:1px 0px 0px;
  border-style:solid hidden hidden;
}
.group th {
  padding:0px 0px;
  font-size:12px;
  border-right-width :1px;
  border-right-style :dotted;
  border-bottom-width:1px;
  border-bottom-style:solid;
}
.group td {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","Verdana","Arial","Helvetica","MS UI Gothic","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
  padding:5px 5px;
  font-size:12px;
  border-right-width :1px;
  border-right-style :dotted;
  border-bottom-width:1px;
  border-bottom-style:solid;
  background-color: #c0c7cf;
}

.group tr:hover td { background-color: #d0d7df; }

.group tr td:first-child a {
  min-width:13em;
}
.group td.name {
  padding:0px;
  text-align:center;
}
.group td a {
  padding:5px 0px;
  display:block;
}
.group th a {
  padding:5px 0px;
  display:block;
}

.group td a:link   { color:#3355cc; }
.group td a:visited{ color:#3355cc; }
.group td a:active { color:#B22222; }
.group td a:hover  { color:#1f3ad7 !important; }