body {
    background-color:#000000;
    color: whitesmoke;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.5;
    border:0px;
    margin:0px;
    padding: 0px 0px 0px 0px;
}

canvas {
    position:absolute;
    top:100px;
    left:240px;
z-index:1;
    display:normal;
    background-color:transparent;
}

#revive {
	position: absolute;
	top: 585px;
	left: 620px;
	z-index: 50;
	display:none;
}

#srfs {
	background-color: transparent;
	z-index: 10;
}

#MN {
	position: absolute;
	top: 585px;
	left: 240px;
	background-color: transparent;
	text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
	text-align: right;
	z-index: 15;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	color: #0000aa;
}

#Info {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 480px;
	z-index: 20;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	display: none;
}
#Info div span {
		background: #000000;
		text-shadow: 2px 2px 3px #777777;
	}

#Info2 {
	position: absolute;
	top: 585px;
	left: 240px;
	width: 480px;
	z-index: 20;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	display: none;
}
#Info2 div span {
		background: #ffffff;
		color: #000000;
		text-shadow: 2px 2px 3px #999999;
	}

#Info3 {
	position: absolute;
	top: 120px;
	left: 260px;
	background-color: rgba(0,0,0,0.5);
	color: yellow;
	display: none;
	padding: 3px;
	z-index: 30;
}
#scope {
	position: absolute;
	top: 140px;
	left: 240px;
	width: 480px;
	height: 480px;
	max-width: 480px;
	min-width: 480px;
	max-height: 480px;
	min-height: 480px;
	z-index: 35;
	background-color: transparent;
	display: none;
}

#cover {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 480px;
	height: 512px;
	max-width: 480px;
	min-width: 480px;
	max-height: 512px;
	min-height: 512px;
	z-index: 40;
	background-color: transparent;
}

#autoSkill {
	position: absolute;
	top: 500px;
	left: 240px;
	padding: 3px;
	z-index: 50;
	border: 3px ridge silver;
	background-color: #000000;
	display: none;
}

#tovrn {
	width: 40px;
	height: 40px;
	display: none;
}

#undd {
	width: 40px;
	height: 40px;
	display: none;
}

#mllr2 {
	width: 40px;
	height: 40px;
	display: none;
}

#ddiver {
	width: 40px;
	height: 40px;
	display: none;
}

#ticket {
	width: 40px;
	height: 40px;
	display: none;
}

#ach {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 480px;
	height: 512px;
	max-width: 480px;
	max-height: 512px;
	display: none;
	padding: 10px;
	overflow: auto;
	z-index: 50;
	background-color: #000000;
}

#status {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 480px;
	height: 512px;
	max-width: 480px;
	max-height: 512px;
	display: none;
	z-index: 60;
	background-color: #006600;
}

#estatus {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 480px;
	height: 512px;
	max-width: 480px;
	max-height: 512px;
	display: none;
	z-index: 60;
	background-color: #442288;
}

#reeq {
	display: none;
	background-color: #000000;
}

#autoST {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 480px;
	height: 512px;
	max-width: 480px;
	max-height: 512px;
	display: none;
	padding: 10px;
	overflow: auto;
	z-index: 70;
	background-color: #000000;
}

#waj {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 480px;
	height: 512px;
	max-width: 480px;
	max-height: 512px;
	display: none;
	z-index: 80;
	background-color: #770044;
	padding: 3px;
	vertical-align: top;
}

#addop {
	display: none;
	position: absolute;
	top: 100px;
	left: 240px;
	z-index: 90;
	max-height: 512px;
	max-width: 540px;
	overflow: auto;
	background-color: #000066;
}

#mapexit {
	display: none;
	position: absolute;
	top: 560px;
	left: 640px;
	z-index: 45;
}

#fight {
	display: none;
	position: absolute;
	padding: 1px;
	text-align: center;
	color: black;
	top: 120px;
	left:300px;
	z-index: 45;
}

#vsgong {
	display: none;
	position: absolute;
	top: 147px;
	left: 460px;
	z-index: 45;
}



#fukidasi1 {
	border-radius: 10px;
	position: absolute;
	background-color: #FFFFFF;
	max-width: 150px;
	color: #000000;
	padding: 5px;
	z-index: 110;
	width: auto;
	display: none;
	box-shadow: 1px 1px 4px 2px;
}
#fukidasi2 {
    border-radius: 10px;
    position: absolute;
    background-color: #FFFFFF;
    max-width: 150px;
    color: #000000;
    padding: 5px;
    z-index: 110;
    width: auto;
    display: none;
    box-shadow: 1px 1px 4px 2px;
}

#storage {
	width: 600px;
	max-width: 600px;
	padding: 5px;
	background-color: #000000;
	border: 2px dotted #ffffff;
	position: absolute;
	text-align: center;
	top: 20px;
	left: 240px;
	z-index: 120;
	display: none;
}

#itmfilter {
	width: 600px;
	max-width: 600px;
	padding: 10px;
	background-color: #330000;
	border: 4px double #ffffff;
	position: absolute;
	text-align: center;
	top: 20px;
	left: 240px;
	z-index: 121;
	display: none;
	text-align:center;
}
.filter {
	border: 1px solid #ffaaaa;
}

#yesno {
	position: absolute;
	width: 350px;
	color: whitesmoke;
	border: 2px dotted #ffffff;
	background-color: #000000;
	z-index: 130;
	padding: 5px;
	display: none;
}

#cote {
	position: absolute;
	width: auto;
	color: #000000;
	background-color: #eeeeee;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #606060;
	z-index: 200;
	padding: 5px;
	display: none;
}

#backuprestore {
	display: none;
	z-index: 300;
	position: absolute;
	top: 60px;
	left: 0px;
	background-color: black;
	border: solid 2px #00FFFF;
	padding: 5px;
}




#title {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    line-height: 1.0;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 239px;
    height: 39px;
    text-align: center;
}


.anm {
	padding-left: 480px;
	display: inline-block;
	width: inherit;
}
.nanim{
display:none;
}


button {
	padding: 0px 3px 0px 3px;
	background-color: #ffffaa;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	border-radius: 5px;
	cursor: pointer;
}
	button:hover {
		background-color: #ffffdd;
	}
	button:disabled {
		background-color: #cccc88;
		color: gray;
	}

#sitem {
    display: none;
}
#esitem {
    display: inline;
}
#sitemw {
    width: inherit;
    max-height: 480px;
    overflow: auto;
    display: none;
}
#esitemw {
	width: inherit;
	max-height: 450px;
	overflow: auto;
	display: none;
}

#gskillw button {
    width: 40px;
}

#skills {
    width: inherit;
    max-height:400px;
    overflow: auto;
}
#eskills {
    width: inherit;
    max-height: 400px;
    overflow: auto;
}
#sbassw {
    width: inherit;
    display: none;
}
#esbassw {
    width: inherit;
    display: none;
}
#basestatus td {
	width: 110px;
	padding-right: 2em;
	text-align:right;
}
#basestatus th {
	font-weight: normal;
	text-align: left;
	color: lightyellow;
}

#ebasestatus td {
		width: 110px;
		padding-right: 2em;
		text-align: right;
}
#ebasestatus th {
	font-weight: normal;
	text-align: left;
	color: lightyellow;
}
#bstatusw {
    width: inherit;
    display: none;
    overflow: auto;
}
#ebstatusw {
    width: inherit;
    display: none;
    overflow: auto;
}
#bstatusw td {
	padding-right: 2em;
	text-align: right;
}
#ebstatusw td {
	padding-right: 2em;
	text-align: right;
}
#bstatusw th {
	font-weight: normal;
	text-align: left;
	color: lightyellow;
}
#ebstatusw th {
	font-weight: normal;
	text-align: left;
	color: lightyellow;
}

#acqw {
	width: inherit;
	display: none;
	max-height: 480px;
	overflow: auto;
}
#eacqw {
	width: inherit;
	display: none;
	max-height: 480px;
	overflow: auto;
}
#gskillw {
    width: inherit;
    display: none;
}
#egskillw {
    width: inherit;
    display: none;
}
#gcollw {
    width: inherit;
    display: none;
    overflow: auto;
}
#egcollw {
    width: inherit;
    display: none;
    overflow: auto;
}
#egcoll {

    display: none;

}
#rcdw {
	width: inherit;
	display: none;
	max-height: 480px;
	overflow: auto;
}

#c_pan {
	position: absolute;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#s_pan {
    position: absolute;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
#p_pan {
    position: absolute;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#w728h90 {
	position: absolute;
	top: 5px;
	left: 240px;
	
}
#w160h600 {
	position: absolute;
	top: 100px;
	left: 730px;
	
}

#eq {
	width: inherit;
	height: 250px;
	text-align: center;
}
#bag {
    width: inherit;
    height: 320px;
	max-height:320px;
    overflow: auto;
    text-align: center;
}
#equip .item {
    border-top-color: #434300;
    border-right-color: #666600;
    border-bottom-color: #999900;
    border-left-color: #444400;
    border-width: 1px;
    border-style: solid;
}

#in {
    position: absolute;
    top: 615px;
    left: 500px;
    text-align: center;
}

#ti_name {
    
    font-weight:bold;
    font-size:15px;
    color:lightgoldenrodyellow;
}
#ti_level {
    font-weight: bold;
    font-size: 15px;
    color:aqua;
}

#point {
    color:gold;
}

#sbassw table{
    width:100%;
    border:0;
}
#esbassw table {
    width: 100%;
    border: 0;
}

#bstatusw table {
    width: 100%;
    border: 0;
}
#ebstatusw table {
    width: 100%;
    border: 0;
}


#special {
/*    display: none;*/
}


.plsB {
	width: 18px;
	height: 15px;
	padding: 0px;
	line-height: 0px;
}
#lpauto {
	width:auto;
	height: 18px;
	padding: 0px;
	line-height: 0px;
}
#spauto {
	width: auto;
	height: 18px;
	padding: 0px;
	line-height: 0px;
}



#slctmess {
    width: 348px;
}

#sdata {
    width: 350px;
    height: 350px;
    overflow: auto;
}
table {
    margin-left: auto;
    margin-right: auto;
    border-width: 0px;
    border-spacing: 0px;
}
td {
	padding: 0px,0px,0px,0px;
	margin: 0px;
	cursor: pointer;
}

.item {
    width: 40px;
    height: 40px;
    background-color:chocolate;
    overflow:hidden;
}
.Collaborator {
    width: 40px;
    height: 40px;
    background-color: chocolate;
    overflow: hidden;
    font-size: 12px;
}

.skllreg {
    width: 40px;
    height: 40px;
    background-color: chocolate;
}



.ajttl{
    text-align:center;
    color:aquamarine;
    font-size:17px;
    font-weight:bold;
}

#aj {
    padding: 5px;
}

#ajitm {
    border: 1px double yellow;
}

#itms {
	overflow: auto;
	background-color: black;
	max-height: 512px;
}




#tgtitm {
	overflow: auto;
	background-color: #000a33;
}

#britms {
	overflow: auto;
	max-height: 502px;
}

#tempop {
	background-color: #000a33;
}

.swr {
	width: 40px;
	height: 40px;
	background-color: chocolate;
}


.small {
    font-size: 10px;
}
.big {
    font-size: 20px;
}

.bld{
    font-weight:bold;
}

.red{
    color:red;
}

.yellow{
    color:yellow;
}

.green{
color:limegreen;
}

.blue{
color:blue;
}

.sz4040{
width:40px;
height:40px;
}

.compmes {
    font-size: 20px;
    font-weight: bold;
    color:aqua;
    text-decoration:underline;
}
.curse{
    color:darkorange;
}
.blesse {
    color: #aec700;
}
.brand {
    color: #f0fe4e;
    font-weight: bold;
}
.rare {
	color: #ff00ff;
	font-weight: bold;
}

h3 {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}


#throw {
    width: 300px;
    color: #fefefe;
    background-color: #330505;
    display:none;
}
#out {
    cursor: pointer;
    display: none;
}
#use {
    cursor: pointer;
    display: none;
}
#regist {
    cursor: pointer;
    display: none;
}
#release {
    cursor: pointer;
    display: none;
}
#delete {

    display: none;
}
#del_op {
	display: none;
}

#gftclb {
	display: none; /*display: table;*/
	position: absolute;
	top: 100px;
	left: 240px;
	background-color:darkolivegreen;
	color: aliceblue;
	padding: 4px;
	z-index: 210;
	width: 480px;
	height: 512px;
	max-width: 480px;
	max-height: 512px;
	overflow:hidden;
}
#give {
	width: 40px;
	height: 40px;
	float:right;
}

#eqprznt {
	background-color: #50eeee;
	float:left;
}

.clbeq {
	border: 1px solid silver;
	margin: 2px;
	background-color: black;
	height:240px;
}

#delopset {
	position: absolute;
	top: 100px;
	left: 240px;
	background-color: #fafadd;
	color: black;
	padding: 4px;
	z-index: 210;
	display: none;
}


#sbag, #strg {
	width: 280px;
	height: 550px;
	max-height: 550px;
	border: 2px #cccccc solid;
	text-align: left;
	padding: 5px;
	overflow: auto;
	vertical-align: top;
}
#strgok{
    text-align:right;
}
#strgcaution{
    color:yellow;
}
.strgbag {
    padding: 5px;
    border: 2px #ffcccc solid;
}

#dd {
    position: absolute;
    top: 256px;
    left: 330px;
    z-index: 32;
    display: none;
}

#pbox {
    width: 300px;
    max-width: 600px;
    padding: 5px;
    background-color: #000000;
    border: 2px dotted #ffffff;
    position: absolute;
    text-align: left;
    top: 20px;
    left: 60px;
    z-index: 28;
    display: none;
}

#ims {
    overflow: auto;
}

#sinwaup{
display:none;
}

#yuup{
display:none;
}



.mrrbtn {
	margin: 2px;
	padding: 0px 1px 0px 1px;
	background-color: yellow;
	color: black;
	line-height: 1.3;
}




.ar {
	text-align: right;
}
.Bblfcw{
color:white;
background-color:black;
}
.trdown {
	color: white;
	background-color: #000a33;
}
.trkill {
	color: white;
	background-color: #330a00;
}
.trkdkill {
	color: white;
	background-color: #33001a;
}
.trkddown {
	color: white;
	background-color: #000543;
}
.trifcv {
	color: white;
	background-color: #332300;
}
.stpac{
width:420px;
border-left:solid 1px yellow;
border-bottom:1px solid white;
padding-left:10px;
}