@charset "utf-8";
/*------------------------all------------------------*/
body {
	background:#6c6;
	color:#030;
}
#main{
	background:#cf9;
	border:#363 1px solid;
}
#logo {
	background:url(logo.gif);
	top:36px;
	width:159px;
	height:56px;
	margin-left:-464px;
}
#logo img{
	margin-top:-36px;
	display:block;
	border:none;
}
#left li {
	border-top:1px dotted #cf9;
}
#left li:last-child {
	border-bottom:1px dotted #cf9;
}
#left a {
	color:#fff;
}
#left a:hover {
	background:#cf9;
}
#left_back {
	background:#363;
	box-shadow:#060 2px 2px 4px;
}
h2 {
	font:italic bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#363 2px 2px 0;
	margin-top:36px;
}
h3 {
	color:#fff;
	text-shadow:#363 1px 1px;
	clear:both;
	margin-top:16px;
	font-size:24px;
}
a {
	color:#030;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*------------------------tab_panel------------------------*/
.tab li, .tab2 li, .tab3 li {
	list-style:none;
	float:left;
	cursor:pointer;
	background:#363;
	border:1px solid #363;
	margin-right:4px;
	position:relative;
	top:1px;
	color:#fff;
	display:block;
	padding:2px 8px;
}
.tab li:hover, .tab2 li:hover, .tab3 li:hover{
	background:#F7FFF2;
	color:#050;
	border-bottom:1px solid #F7FFF2;
}
.panel div, .panel2 div, .panel3 div {
	clear:both;
	background:#F7FFF2;
	border:1px solid #363;
	padding:10px;
	width:720px;
	box-shadow:#060 2px 2px 4px;
	color:#050;
}
.tab li.selected, .tab2 li.selected, .tab3 li.selected {
	border-bottom:1px solid #F7FFF2;
	background:#F7FFF2;
	color:#050;
}
.clearfix dd{
	width:168px;
	height:152px;
	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:#363 4px 4px;
	margin-top:16px;
}
#top h3{
	color:#fff;
	text-shadow:#363 1px 1px;
}
#top hr {
	border:1px solid #fff;
}
#top #update{
	border:1px solid #363;
	border-top:16px solid #363;
	box-shadow:#060 2px 2px 4px;
	background:#fff;
	color:#050;
}
#top #progress{
	border:1px solid #363;
	border-top:16px solid #363;
	box-shadow:#060 2px 2px 4px;
	background:#fff;
	color:#050;
}
#top #update p{
	opacity:1;
}
#top #back{
	height:592px;
	background:url(back.jpg) no-repeat;
	margin-top:48px;
}
/*------------------------system------------------------*/
.basic dl{
	float:left;
	width:168px;
	height:256px;
	display:inline;
	margin:0 0 0 48px;
}
#item dt {
	width:32px;
	height:32px;
	background:url(system/item.png);
}
/*------------------------weapon------------------------*/
#weapon .clearfix img{
	float:left;
	margin-right:8px;
}
/*------------------------enemy------------------------*/
#enemy .boss{
	height:224px;
}
td {
	border:none;
	text-align:center;
	width:48px;
	color:#006;
}
tr.odd{
	background:#F7FFF2;
}
tr.even{
	background:#F2FFE6;
}
tr:hover {
	background:#BBFF99;
}
#table2 th {
	text-align:left;
	background:#363;
	color:#fff;
	width:136px;
	padding-left:8px;
}
tr:first-child th {
	text-align:center;
	background:#363;
	color:#fff;
}
table {
	width:720px;
}
div#table2 {
	box-shadow:#060 2px 2px 4px;
}
#table1 th{
	width:48px;
	text-align:center;
}
#table1 #first{
	width:144px;
}

#table2{
	height:226px;
	overflow-y:scroll;
	width:738px;
}
/*------------------------enemy_2------------------------*/
/*------------------------stage------------------------*/
.f66 li{
	background:#f66;
}
/*------------------------kuso------------------------*/
/*------------------------bug------------------------*/
/*------------------------other------------------------*/
#staff{
	text-align:center;
}
/*------------------------site_history------------------------*/