@charset "utf-8";

* {
	margin:0px;
	padding:0px;
	line-height:1;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

* { margin: 0px; padding: 0px; font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","Osaka"; line-height:1; }

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;
}

.box input {
  height:26px;
  padding:1px 2px;
	background-color:#eeeeee;
	border-style    :solid;
	border-color    :#222222;
	border-width    :1px;
  border-radius   :3px;
  font-size:12px;
}

.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:12px;
}

.menu .box p.text input {
  height:20px;
  padding:1px 2px;
	background-color:#eeeeee;
	border-style    :solid;
	border-color    :#222222;
	border-width    :1px;
  border-radius   :3px;
  font-size:12px;
}

.menu .box .menu_sub {
  float:right;
  margin-right:5px;
  width:242px;
  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:#303030;
  border:1px solid #222222;
}

.chara .box ul {
  overflow:hidden;
}

.chara .box li {
  width:50%; 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 !important;
  border-top   : 1px solid #8099aa !important;
  border-left  : 1px solid #8099aa !important;
  border-right : 1px solid #203344 !important;
  border-bottom: 1px solid #203344 !important;
  color: #eeeeee !important;
}
.chara .box li a:hover small { color: #b0c0cc; }
.chara .box li a:active {
  background-color:#8099bb !important;
  border-top   : 1px solid #607799 !important;
  border-left  : 1px solid #607799 !important;
  border-right : 1px solid #a0bbdd !important;
  border-bottom: 1px solid #a0bbdd !important;
  color: #222222 !important;
}
.chara .box li a:active small { color: #57575f; }

.chara .box#box_5  li a { border-color:#555566 #000 #000 #555566; background-color:#222233; }
.chara .box#box_9  li a { border-color:#555c66 #000 #000 #555c66; background-color:#222a33; }
.chara .box#box_11 li a { border-color:#556666 #000 #000 #556666; background-color:#223333; }
.chara .box#box_3  li a { border-color:#556655 #000 #000 #556655; background-color:#223322; }
.chara .box#box_6  li a { border-color:#5c6655 #000 #000 #5c6655; background-color:#2a3322; }
.chara .box#box_10 li a { border-color:#666655 #000 #000 #666655; background-color:#333322; }
.chara .box#box_4  li a { border-color:#665c55 #000 #000 #665c55; background-color:#332a22; }
.chara .box#box_2  li a { border-color:#665555 #000 #000 #665555; background-color:#332222; }
.chara .box#box_1  li a { border-color:#66555c #000 #000 #66555c; background-color:#33222a; }
.chara .box#box_8  li a { border-color:#665566 #000 #000 #665566; background-color:#332233; }
.chara .box#box_7  li a { border-color:#5c5566 #000 #000 #5c5566; background-color:#2a2233; }

.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; }