@charset "UTF-8";

* {  
	margin:0;
	padding:0;
}
body {
	background:#000;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:80%;
	text-align:center;
	color:#424242;
	line-height:25px;
}
h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
p,li {
	line-height:160%;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	 border:0;
}
/*
 Link Color [
-----------------------------------------------------------
 */
a {
	text-decoration:none;
}
a:link {
	color:#0C8EF2;
}
a:visited {
	color:#0C8EF2;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:blue;
}
div{
	position:relative;
}
.page{
	margin:0 auto;
	text-align:left;
	width:970px;
	background:#FFF;
}

/*
 container [
-----------------------------------------------------------
 */
.container {
	float:left;
	width:970px;
	padding:0 0;
	background:#000;
	background-position:right;
}   
.header {
	width:970px;
	height:50px;
	margin:0 0;
	text-align:right;
	color:#000;
	border-bottom:1px solid #A9A9A9;
	background:#000;
}
.header p {
	margin-right:5px;
}
.symbol{
	float:left;
	width:325px;
	height:80px;
	margin:0 0;
	background:url(fiatsys.png);
}
.menubar{
	float:right;
	width:645px;
	height:35px;
	margin:3px 0;
	text-align:left;
	border-top:1px solid #000;
	background:url(menu.png);
}
.menubar ul {
	margin-top:0px;
	margin-right:0px;
}
.menubar li {
	float:right;
	list-style:none;
	margin-right:1px;
	margin-bottom:5px;
}
.menubar li a {
	width:100px;
	display:block;
	text-align:center;
	background:url(bg_menu.png) no-repeat;
	text-decoration:none;
	color:#cccccc;
}
.menubar li a:hover {
	background:url(bg_menu_on.png) no-repeat;
}
.sub {
	float:right;
	margin:0 0;
	width:645px;
	height:25px;
	text-align:right;
	color:#ffffff;
}
.main{
	float:left;
	margin:0 0;
	width:970px;
	height:474px;
}
.pagemenu{
	float:left;
	margin:0 0;
	width:250px;
	height:474px;
}
.pagemenu ul {
	list-style:none;
	margin-top:40px;
	margin-left:20px;
}
.pagemenu li a {
	display:block;
	height:32px;
	margin-bottom:10px;
	text-decoration:none;
	color:#ccc;
}
.pagemenu li a:hover {
	 background:url(bg_sys_on.png) no-repeat;
}
.box {
	float:left;
	margin:0 0;
	width:720px;
	height:474px;
	background:url(sysbg.png) no-repeat;
	background-position:center;
}
#PAGE1 {
	clear:both;
	margin:20px auto;
	width:530px;
	height:424px;
	color:#ffffff;
}
.titlebox {
	float:left;
	margin:0 0;
	width:530px;
	height:39px;
	border-bottom:1px solid #A9A9A9;
	z-index:10;
}
.largebox {
	float:left;
	margin:0 0;
	width:530px;
	height:304px;
}
.cfbox {
	float:left;
	margin:0 0;
	width:530px;
	height:49px;
	font-size:85%;
	border-top:1px solid #A9A9A9;
	z-index:10;
}
.smallbox {
	float:left;
	margin:0 0;
	width:530px;
	height:103px;
	border-bottom:1px solid #A9A9A9;
	z-index:10;
}
.selectbox {
	float:left;
	margin:0 0;
	width:530px;
	height:200px;
	z-index:10;
}
.selectbox ul {
	list-style:none;
	margin-top:5px;
	margin-left:20px;
}
.selectbox li a {
	display:block;
	height:30px;
	width:100px;
	margin-bottom:2px;
	text-decoration:none;
	color:#0C8EF2;
}
.selectbox li a:hover{
	color:#A9A9A9;
}
.strong {
	font-weight:bold;
}
.caut {
	font-style:italic;
	font-size:120%;
}
#PAGE2 {
	clear:both;
	margin:20px auto;
	width:530px;
	height:424px;
	color:#ffffff;
}
#MOVE {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:430px;
	background:#000000;
	border:2px #ffffff solid;
	visibility:hidden;
	z-index:1;
}
#ATTACK {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:460px;
	background:#000000;
	border:2px #ffffff solid;
	visibility:hidden;
	z-index:2;
}
#WAIT {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:410px;
	background:#000000;
	border:2px #ffffff solid;
	visibility:hidden;
	z-index:3;
}
#SPELL {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:550px;
	background:#000000;
	border:2px #ffffff solid;
	visibility:hidden;
	z-index:4;
}
#SPECIALITY {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:550px;
	background:#000000;
	border:2px #ffffff solid;
	visibility:hidden;
	z-index:5;
}
#ITEM {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:520px;
	background:#000000;
	border:1px #ffffff solid;
	visibility:hidden;
	z-index:6;
}
#ASSAULT {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:600px;
	background:#000000;
	border:1px #ffffff solid;
	visibility:hidden;
	z-index:7;
}
#RUN {
	position:absolute;
	margin:0px auto;
	width:598px;
	height:300px;
	background:#000000;
	border:1px #ffffff solid;
	visibility:hidden;
	z-index:8;
}
#PIC {
	position:absolute;
	margin:0px 50px;;
	width:453px;
	height:350px;
	border:1px #ffffff solid;
	background:#000000;
	visibility:hidden;
	z-index:9;
}
.first{
	float:left;
	width:598px;
	border-top:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
}
.second{
	float:left;
	width:598px;
	height:152px;
}
.cf{
	float:left;
	height:49px;
	width:598px;
	font-size:85%;
	border-top:1px solid #A9A9A9;
}
#PAGE3 {
	clear:both;
	margin:20px auto;
	width:530px;
	height:424px;
	color:#ffffff;
}
#PAGE4 {
	clear:both;
	margin:20px auto;
	width:530px;
	height:424px;
	color:#ffffff;
}
#PAGE5 {
	clear:both;
	margin:20px auto;
	width:530px;
	height:424px;
	color:#ffffff;
}
#PAGE6 {
	clear:both;
	margin:20px auto;
	width:530px;
	height:424px;
	color:#ffffff;
}
/*
 foot [
-----------------------------------------------------------
 */
.foot {
	clear:both;
	margin:0 0;
	padding:3px 0 2px 0;
	text-align:right;
	color:#fff;
	border-top:1px solid #A9A9A9;
	background:#000;
}