@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:#bbaacc; }

.base   { margin:auto; padding: 0px; max-width:950px; background-color:#555555; }
.top    { margin: 0px; padding: 0px; width:100%; height:30px; background-image:url(./top.jpg); }
.menu   { margin:5px auto; padding: 0px; width:730px; border:1px solid #222222; }
.chara  { margin:auto; padding: 0px; width:802px; }
.foot   { margin: 0px; padding: 0px; width:100%; max-width:950px; background-color:#222222; }
.foot .admin{
	margin:0px;
	padding:5px 5px 5px 5px;
	color:#e3e3e3;
	font-size:12px;
	text-align:center;
}

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

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

.box h4 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:#665577;
	border-top   :1px solid #9988aa;
	border-left  :1px solid #9988aa;
	border-right :1px solid #332244;
	border-bottom:1px solid #332244;
}
.menu .box h2 {
	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 #332244;
	border-left  :1px solid #332244;
	border-right :1px solid #9988aa;
	border-bottom:1px solid #9988aa;
	font-size:13px;
}

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

.menu .box .menu_sub {
	float:right;
	margin-right:5px;
	width:480x;
	border-top   :0px;
	border-left  :1px solid #332244;
	border-right :1px solid #9988aa;
	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 #9988aa;
	border-right :1px solid #332244;
	border-bottom:0px;
	color:#dddddd;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.menu .box .menu_sub li a:hover {
	background-color:#bbaacc;
	border-top   :0px;
	border-left  :1px solid #eeddff;
	border-right :1px solid #887799;
	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 li {
	width:400px; float: left; text-align:left;
	list-style-type: none; background-color:#443355;
	font-size:13px; font-weight :normal;
}
.chara .box li.dim { background-color:#3c3544; }
.chara .npc li {
	background-color:#3b3342;
}

.chara .box li a {
	display :block;
	margin: 0px; padding: 3px 10px;
	border-top   : 1px solid #776688;
	border-left  : 1px solid #776688;
	border-right : 1px solid #110022;
	border-bottom: 1px solid #110022;
	color: #cccccc; font-size: 13px; text-decoration :none;
}
.chara .box li.dim a {
	border-top   : 1px solid #6c6574;
	border-left  : 1px solid #67606f;
	border-right : 1px solid #0c0514;
	border-bottom: 1px solid #0c0514;
}
.chara .npc li a {
	border-top   : 1px solid #6f6675;
	border-left  : 1px solid #6f6675;
	border-right : 1px solid #09000f;
	border-bottom: 1px solid #09000f;
	color: #bbbbbb;
}
.chara .box li a small { color: #a7a0af; font-size: 11px; font-weight :normal; }
.chara .box li a:hover {
	background-color:#aabbcc;
	border-top   : 1px solid #eeddff;
	border-left  : 1px solid #eeddff;
	border-right : 1px solid #665577;
	border-bottom: 1px solid #665577;
	color: #222222;
}
.chara .box li a:hover small { color: #57505f; }
.chara .box li a:active {
	background-color:#8899aa;
	border-top   : 1px solid #776688;
	border-left  : 1px solid #776688;
	border-right : 1px solid #bbaacc;
	border-bottom: 1px solid #bbaacc;
	color: #222222;
}
.chara .box li a:active small { color: #50575f; }

.text {
	padding: 5px 10px 10px 15px; background-color:#c7c0cf;
	color: #27202f; 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; }