@charset "EUC-JP";

* {
	font : normal normal 100%/130% sans-serif;
	color : #eee;
	margin : 0;
	padding : 0;
	border : 0;
}

body {
	background-color : #203040;
}

input, textarea {
	border : 1px solid #fff;
	background : #000;
}

input.radio {
	border : 0;
	background : transparent;
}

em {
	font-style : normal;
	color : #f09;
}

p {
	letter-spacing : 2px;
	line-height : 150%;
}

strong { font-weight : bold; }

.chname { color : #71aaff; }

a			{ color : #ffcc00; }
a:link		{ color : #ffcc00; }
a:visited	{ color : #ff8844; }
a:hover		{ color : #ffffcc; }
ul#top li a:visited,
ul#navi li a:visited,
ul#footer li a:visited {
	color : #ffcc00;
}
ul#top li a:hover,
ul#navi li a:hover,
ul#footer li a:hover {
	color : #ffffcc;
}

h1 {
	border-bottom : 1px solid #fff;
	padding : 5px 10px;
	font-weight : bold;
	font-size : 2em;
}

h2 {
	font-size : 1.2em;
	font-weight : bold;
	margin : 1em 15px;
	padding : 5px;
	border : 1px solid #6CA3D9;
	background : #334D66;
	clear : both;
}

h2 a:link,
h2 a:visited {
	font-weight : bold;
	color : #fff;
	text-decoration : none;
}

h3 {
	font-weight : bold;
	color : #ffff88;
	background : transparent url(h4.png) left bottom no-repeat;
}

h3 a:link,
h3 a:visited {
	color : #ffff88;
	text-decoration : none;
}

h3, p, table { margin : 1em 15px; }

dt { display : none; }

dd ul {
	margin : 1em 35px;
	list-style-type : circle;
}

dd ol { margin : 1em 45px; }
dd ol li ul { margin : 1em 5px; }





/*########### table ###########*/

table {
	border-collapse: collapse;
}

td, th {
	padding : 3px;
	border-bottom : 1px solid #46698C;
	line-height : 120%;
}

td, td a { color : #cbe0f4; }
th, th a { color : #ffffcc; }

caption {
	text-align : left;
	font-size : 1.1em;
	font-weight : bold;
	color : #ffff88;
	background : transparent url(h4.png) left bottom no-repeat;
	margin : 0 30px;
}

table>caption {
	margin-bottom : -1em;
}

td ul { margin : 0 1em; }

.num		{ text-align : right; }
.effect		{ text-align : center; }
.thl		{ text-align : left; }
.affinity	{ text-align : left; }
.single		{ text-align : center; }

.reflect, .absorb	{ color : #ff0; }
.invalid			{ color : #0ff; }
.weak				{ color : #f00; }






/*########### <top> ###########*/

#top {
	position : absolute;
	right : 0;
}

#top li { display : inline; }
#top li a { font-weight : bold; }

#top li form {
	margin : 0;
	padding : 0;
	font-size : 0.7em;
	line-height : 100%;
	text-align : right;
}

#top li form input.text,
#top li form input.submit {
	margin : 0;
	padding : 0;
	height : 18px;
}

#top li form p { margin : 0; }

/*########### </top> ###########*/





/*########### <wrapper> ###########*/

#wrapper { width : 100%; }

/*########### </wrapper> ###########*/





/*########### <content> ###########*/

#content {
	float : left;
	margin-right : -220px;
	width : 100%;
}

#content dd { margin-right : 220px; }

/*########### </content> ###########*/





/*########### <sidebar> ###########*/

#sidebar {
	float : right;
	width : 220px;
}

#sidebar ul {
	margin : 5px 0 5px 25px;
	list-style-type : square;
}

#sidebar ul li ul {
	margin : 0 0 0 15px;
	list-style-type : circle;
}

#sidebar ul#navi {
	list-style-type : none;
	margin : 0;
	padding : 0;
	background : url(sideback.bmp) left top repeat-y;
}

#sidebar ul#navi li {
	margin-left : 1px;
	border-bottom : 1px solid #fff;
}

#sidebar ul#navi li span {
	display : block;
	width : 100%;
}

#sidebar ul#navi li a,
#sidebar ul#navi li span {
	padding : 3px 3px;
	font-weight : bold;
	display : block;
	color : #fff;
	text-decoration : none;
}

#sidebar ul#navi li a,
#sidebar ul#navi li a:link,
#sidebar ul#navi li a:visited,
#sidebar ul#navi li a:active {
	background : #334D66;
}

#sidebar ul#navi li a:hover {
	margin-left : -1px;
	padding-left : 4px;
	background : url(span.png) right top repeat-y;
}

#sidebar ul#navi li.enable {
	margin-left : 0;
	padding-left : 1px;
	background : url(span.png) right top repeat-y;
}

#sidebar ul#navi li.disable {
	background : #334D66;
}

/*########### </sidebar> ###########*/





/*########### <tresure> ###########*/

ul.tresure {
	list-style-type : square;
}

ul.tresure li ul {
	margin : 0;
	width : 100%;
}

ul.tresure li ul li {
	display : inline;
}

/*########### </tresure> ###########*/





/*########### <step> ###########*/

#step {
	clear : both;
	width : 100%;
	margin : 0 0 30px 0;
	border-top : 1px solid #fff;
	border-bottom : 1px solid #fff;
	list-style-type : none;
}

#step li.prev {
	width : 49%;
	float : left;
	text-align : center;
	background : url(wdot.bmp) right top repeat-y;
}

#step li.next {
	width : 49%;
	float : right;
	text-align : center;
	background : url(wdot.bmp) left top repeat-y;
}

#step li a:link,
#step li a:visited,
#step li a:active {
	display : block;
	width : 100%;
}

#step li.prev a:hover {
	background : #334D66 url(wdot.bmp) right top repeat-y;
}

#step li.next a:hover {
	background : #334D66 url(wdot.bmp) left top repeat-y;
}

/*########### </step> ###########*/





/*########### <footer> ###########*/

#footer {
	clear : both;
	text-align : right;
	border-top : 1px solid #fff;
	margin : 0;
	padding : 10px;
	list-style-type : none;
}

#footer li {
	display : inline;
	margin-left : 1em;
}

p.script { display : none; }

/*########### </footer> ###########*/





/*########### <staff roll> ###########*/

.staff {
	text-align : center;
	list-style-type : none;
}

.staff li ul {
	padding-bottom : 1em;
	list-style-type : none;
}

/*########### </staff roll> ###########*/




/* use javascript */

/* layer */

.param_layer {
	font-size : 0.9em;
	background : #445566;
	border : 1px solid #fff;
}

.param_layer table {
	margin : 0;
	padding : 0;
}

.param_layer table>caption {
	margin : 0;
	padding : 0;
}

.js_popup {
	color : #ffcc00;
	cursor : pointer;
	text-decoration : underline;
}

#js_footer {
	width : 100%;
	background : #667788;
	margin : 0;
	padding : 0;
}

#js_footer input {
	margin : 0;
	padding : 0;
	font-size : 0.8em;
	line-height : 100%;
	height : 20px;
	background : #667788;
	border : 0;
}







#index { width : 100%; }
#index dd h2 { margin : 10px; }
#index dt { display : none; }
#index dd {
	float : left;
	width : 25%;
}

#index dd#last { width : 24%; }

#index dd ul {
	list-style-type : none;
	margin : 0 10px;
}

#index dd h3 {
	margin : 0.5em 10px;
}