@charset "utf-8";
/*------------------------all------------------------*/
body {
	background:#069;
	color:#033;
}
#main{
	background:#9fc;
	border:#399 1px solid;
}
#logo {
	background:url(logo.gif);
	top:36px;
	width:160px;
	height:54px;
	margin-left:-464px;
}
#logo img{
	margin-top:-36px;
	display:block;
	border:none;
}
#left li {
	border-top:1px dotted #9fc;
}
#left li:last-child {
	border-bottom:1px dotted #9fc;
}
#left a {
	color:#fff;
}
#left a:hover {
	background:#9fc;
}
#left_back {
	background:#399;
	box-shadow:#030 2px 2px 4px;
}
h2 {
	font:italic bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#399 2px 2px 0;
	margin-top:36px;
}
h3 {
	color:#fff;
	text-shadow:#399 1px 1px;
	clear:both;
	margin-top:16px;
	font-size:24px;
}
a {
	color:#033;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*------------------------tab_panel------------------------*/
.tab li, .tab2 li, .tab3 li {
	list-style:none;
	float:left;
	cursor:pointer;
	background:#399;
	border:1px solid #399;
	margin-right:4px;
	position:relative;
	top:1px;
	color:#fff;
	display:block;
	padding:2px 8px;
}
.tab li:hover, .tab2 li:hover, .tab3 li:hover{
	background:#F5FFF5;
	color:#033;
	border-bottom:1px solid #F5FFF5;
}
.panel div, .panel2 div, .panel3 div {
	clear:both;
	background:#F5FFF5;
	border:1px solid #399;
	padding:10px;
	width:720px;
	box-shadow:#030 2px 2px 4px;
	color:#033;
}
.tab li.selected, .tab2 li.selected, .tab3 li.selected {
	border-bottom:1px solid #F5FFF5;
	background:#F5FFF5;
	color:#033;
}
.clearfix dd{
	width:160px;
	height:144px;
	display:block;
	float:left;
	margin-right:8px;
	margin-bottom:16px;
}
/*------------------------top------------------------*/
#top h2 {
	font:italic bold 84px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#399 4px 4px;
	margin-top:16px;
}
#top h3{
	color:#fff;
	text-shadow:#399 1px 1px;
}
#top hr {
	border:1px solid #fff;
}
#top #update{
	border:1px solid #399;
	border-top:16px solid #399;
	box-shadow:#030 2px 2px 4px;
	background:#F5FFF5;
	color:#033;
}
#top #progress{
	border:1px solid #399;
	border-top:16px solid #399;
	box-shadow:#030 2px 2px 4px;
	background:#F5FFF5;
	color:#033;
}
#top #update p{
	opacity:1;
}
#top #back{
	height:668px;
	background:url(back.jpg) no-repeat;
	top:288px;
}
/*------------------------system------------------------*/
.basic dl{
	float:left;
	width:256px;
	height:272px;
	display:inline;
	margin:0 0 0 48px;
}
.basic dl dd{
	width:256px;
}
#item dt {
	width:32px;
	height:32px;
	background:url(system/item.gif);
}
/*------------------------weapon------------------------*/
#weapon .clearfix img{
	float:left;
	margin-right:8px;
}
/*------------------------enemy------------------------*/
#enemy .boss{
	height:224px;
	width:224px;
}
td {
	border:none;
	text-align:center;
	width:56px;
	color:#330;
}
tr.odd{
	background:#ffffcc;
}
tr.even{
	background:#ffe;
}
tr:hover {
	background:#ff9;
}
th {
	text-align:left;
	background:#399;
	color:#fff;
	width:136px;
	padding-left:8px;
}
tr:first-child th {
	text-align:center;
	background:#399;
	color:#fff;
}
table {
	width:720px;
}
div#table2 {
	box-shadow:#930 2px 2px 4px;
}
#table1 th{
	width:56px;
	text-align:center;
}
#table1 #first{
	width:252px;
}

#table2{
	height:226px;
	overflow-y:scroll;
	width:738px;
}
/*------------------------enemy_2------------------------*/
/*------------------------stage------------------------*/
.f66 li{
	background:#f66;
}
/*------------------------kuso------------------------*/
/*------------------------bug------------------------*/
/*------------------------other------------------------*/
#staff{
	text-align:center;
}
/*------------------------site_history------------------------*/