body{
	background: url('../image/roi_bg.png') fixed;
	color: #000000;
	font-size: 1em;
	font-weight: 400;
	padding: 2px;
}
A:link{ color: #0000ff }
A:visited{ color: #0000ff }
A:active{ color: #0000ff }
A:hover{ color: #ff0000 }

h1{
	background: #ffcc00;
	color: #000000;
	font-size: 3.6em;
	font-weight: 900;
	text-align: center;
	width: 95%;
	align: center;
	margin: auto;
}

h2{
	background: #ffcc00;
	color: #000000;
	font-size: 3em;
	font-weight: 900;
	text-align: center;
	width: 80%;
	align: center;
	margin: auto;
}

/* ********** ********** div ********** ********** */
.c{
	margin: auto;
}
.center{
	margin: auto;
}
.ctext{
	margin: auto;
	text-align: center;
}
.ltext{
	text-align: left;
}
.rtext{
	text-align: right;
}
.section{
	background: #ffcc00;
	color: #000000;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
}
/* ********** ********** img ********** ********** */
img.groove{
	border-color: #dd8000;
	border-width: 20px;
	border-style: groove;
	margin: 10px;
}
/* ********** ********** font ********** ********** */
.big{
	font-size: 1.1em;
}
font.bold{
	font-weight: 600;
}
font.blue{
	color: #0000ff;
	font-weight: 600;
}
font.brown{
	color: #993333;
	font-weight: 600;
}
font.green{
	color: #008000;
	font-weight: 600;
}
font.limeyellow{
	color: #999900;
	font-weight: 600;
}
font.orange{
	color: #ff3300;
	font-weight: 600;
}
font.pink{
	color: #ff6699;
	font-weight: 600;
}
font.purple{
	color: #800080;
	font-weight: 600;
}
font.red{
	color: #ff0000;
	font-weight: 600;
}
font.skyblue{
	color: #0088ff;
	font-weight: 600;
}
font.white{
	background: #333333;
	color: #ffffff;
	font-weight: 600;
}
/* ********** ********** class ********** ********** */
.link_category{
	background: #ffffff;
	border-color: #ffcc00;
	border-style: solid;
	border-width: 2px 20px 2px 20px;
	color: #000000;
	padding: 0px 20px 0px 20px;
	text-align: center;
}
/* ********** ********** status window start ********** ********** */
td.status_text{
	font-size: 0.7em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	text-align: left;
	vertical-align: top;
}
td.basic_info_top{
	background: url("../image/window/basic_info_top.png") no-repeat;
	font-size: 0.7em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	text-align: left;
	vertical-align: top;
}
td.basic_info_bottom{
	background: url("../image/window/basic_info_bottom.png") no-repeat;
	font-size: 0.7em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	text-align: right;
	vertical-align: top;
}
td.status_top{
	background: url("../image/window/status_top.png") no-repeat;
	font-size: 0.7em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	text-align: left;
	vertical-align: top;
}
td.status_kind{
	color: #003366;
	font-size: 0.8em;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
td.status_base_border{
	border: 1px #999999 solid;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
td.status_base{
	color: #000000;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 0.8em;
	margin: 0px;
	padding: 2px 0px 0px 2px;
	text-align: left;
	vertical-align: top;
}
td.status_apply_kind{
	border-color: #999999;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #003366;
	font-size: 0.8em;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
td.status_apply_border{
	border-color: #999999;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}
td.status_apply_join{
	color: #000000;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}
td.status_apply{
	border-color: #999999;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #000000;
	font-size: 0.8em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}
div.status_apply_kind{
	border-color: #999999;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #003366;
	font-size: 0.8em;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
/* ********** ********** status window end ********** ********** */
/* ********** ********** character start ********** ********** */
td.trans{
	background: transparent;
    vertical-align: top;
}
td.bar_top{
    background: none;
    line-height: 0em;
    padding: 0px;
    width: 742px;
    height: 15px;
    text-align: center;
}
td.bar_bottom{
    background: none;
    line-height: 0em;
    padding: 0px;
    width: 742px;
    height: 28px;
    text-align: center;
}
td.bar_top_mini{
    background: none;
    line-height: 0em;
    padding: 0px;
    width: 140px;
    height: 15px;
    text-align: center;
}
td.bar_bottom_mini{
    background: none;
    line-height: 0em;
    padding: 0px;
    width: 140px;
    height: 28px;
    text-align: center;
}
td.character{
    border: 0px;
    width: 140px;
    height: 144px;
    padding: 0px;
}
td.status{
    background: #c8cce6;
    color: #0c1826;
    font-weight: 600;
    font-size: 0.8em;
    letter-spacing: -0.05em;
    width: 40px;
}
td.value{
    background: #eeeef2;
    color: #0c1826;
    font-weight: 400;
    font-size: 0.8em;
    width: 95px;
}
/* ********** ********** character end ********** ********** */

/* ********** ********** skill start ********** ********** */
td.sk_bar_top{
    background: none;
    line-height: 0em;
    padding: 0px;
    width: 146px;
    height: 15px;
    text-align: center;
}
td.sk_bar_bottom{
    background: none;
    line-height: 0em;
    padding: 0px;
    width: 146px;
    height: 28px;
    text-align: center;
}
td.sk_left{
    background: #ffffff;
    color: #000000;
    font-weight: 400;
    font-size: 0.8em;
    height: 32px;
    width: 44px;
}
td.sk_icon{
    background: #ffffff;
    color: #000000;
    font-weight: 400;
    font-size: 0.8em;
    width: 24px;
}
td.sk_lvup{
    background: #ffffff;
    color: #000000;
    font-weight: 400;
    font-size: 0.8em;
    width: 24px;
}
td.sk_name{
    background: #ffffff;
    color: #000000;
    font-weight: 400;
    font-size: 0.8em;
    width: 114px;
}
td.sk_type{
    background: #ffffff;
    color: #000000;
    font-weight: 400;
    font-size: 0.8em;
    width: 55px;
}
/* ********** ********** skill end ********** ********** */

/* ********** ********** table ********** ********** */

table.bg_c{
	background: url('../image/roi_bg.png') fixed;
	border-width: 0px;
	color: #000000;
	font-size: 0.9em;
	font-weight: 400;
	padding: 20px 20px 20px 20px;
	text-align: center;
}
table.equipment{
	background: #ffffff;
	border-width: 2px 2px 0px 2px;
	border-color: #ffcc00;
	border-style: solid;
}
table.pop{
	border-color: #ffcc00;
	border-style: solid;
	border-width: 1px 5px 1px 5px;
	margin: auto;
	width: 600px;
	position: relative;
	z-index: 1;
}
table.skilllist{
	background: #ffffff;
	border-width: 2px 0px 0px 2px;
	border-color: #ffcc00;
	border-style: solid;
}
table.statuslist{
	background: #ffffff;
	border-width: 2px 2px 0px 2px;
	border-color: #ffcc00;
	border-style: solid;
	margin: auto;
}
tbody.bg_c{
	padding: 0px;
}
td{
	background: #ffffff;
	color: #000000;
	font-size: 0.9em;
	font-weight: 400;
}
td.cn{
	background: #ffcc00;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	text-align: center;
}
td.cn_news{
	background: #ffcc00;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	vertical-align: top;
	text-align: left;
}
td.cw{
	background: #ffffff;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	vertical-align: top;
	text-align: center;
}
td.cw_news{
	background: #ffffff;
	color: #000000;
	font-size: 1.1em;
	font-weight: 400;
	vertical-align: top;
	text-align: left;
}
td.equipment_lw{
	background: #ffffff;
	border-width: 0px 0px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: left;
	vertical-align: top;
}
td.equipment_rw{
	background: #ffffff;
	border-width: 0px 2px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: right;
	vertical-align: top;
}
td.lw{
	background: #ffffff;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	vertical-align: top;
	text-align: left;
}
td.n{
	background: #ffcc00;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
}
td.pgtitle{
	background: #ffcc00;
	color: #000000;
	font-size: 3.6em;
	font-weight: 900;
	text-align: center;
}
td.pop{
	background: #ffffff;
	padding: 5px 20px 5px 20px;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
}
td.rw{
	background: #ffffff;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	vertical-align: top;
	text-align: right;
}
td.skilllist_lw{
	background: #ffffff;
	border-width: 0px 0px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: left;
	vertical-align: top;
}
td.skilllist_rw{
	background: #ffffff;
	border-width: 0px 2px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: right;
	vertical-align: top;
}
td.statuslist_guide_lw{
	background: #eeffff;
	border-width: 0px 0px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: left;
	vertical-align: top;
}
td.statuslist_guide_rw{
	background: #eeffff;
	border-width: 0px 2px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: right;
	vertical-align: top;
}
td.statuslist_lw{
	background: #ffffff;
	border-width: 0px 0px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: left;
	vertical-align: top;
}
td.statuslist_rw{
	background: #ffffff;
	border-width: 0px 2px 2px 0px;
	border-color: #ffcc00;
	border-style: solid;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
	padding: 1px 2px 0px 2px;
	text-align: right;
	vertical-align: top;
}
td.context{
	font-size: 1em;
	font-weight: 400;
	padding: 15px 30px 15px 30px;
	text-align: left;
}
td.w{
	background: #ffffff;
	color: #000000;
	font-size: 1em;
	font-weight: 600;
}
td.bg{
	background: none;
	color: #000000;
	font-size: 0.8em;
	font-weight: 400;
}
/* ********** **********  ********** ********** */