.hrdi {
	display:inline-block;
	width: 34px;
	height: 32px;
	line-height: 32px;
	vertical-align: text-bottom;
	background-image: url("../img/common/hrdet32.png");
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.hrdi-l{ background-position: 0 0; width: 34px; height: 32px; }
.hrdi-i{ background-position: 0 -40px; width: 34px; height: 32px; }
.hrdi-mp{ background-position: 0 -80px; width: 34px; height: 34px; }
.hrdi-hp{ background-position: 0 -119px; width: 34px; height: 34px; }
.hrdi-ap{ background-position: 0 -158px; width: 34px; height: 34px; }

.rare-0{color: red !important; text-shadow: 0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black;}
.rare-1{color: black !important; text-shadow:0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white}
.rare-2{color: white !important; text-shadow: 0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black;}
.rare-3{color: gold !important; text-shadow: 0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black;}

.dmg0{background-image: url("../img/common/dmg0.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.dmg1{background-image: url("../img/common/dmg1.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.dmg2{background-image: url("../img/common/dmg2.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.dmg3{background-image: url("../img/common/dmg3.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.dmg4{background-image: url("../img/common/dmg4.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.dmg5{background-image: url("../img/common/dmg5.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.dmg-1{background-image: url("../img/common/dmgn.png"); background-repeat: no-repeat;background-size: 100% 100%;}

.cost-type.AP{background-image: url("../img/common/icon-pa.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.cost-type.HP{background-image: url("../img/common/icon-pv.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.cost-type.MP{background-image: url("../img/common/icon-pm.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.cost-type.ij{background-image: url("../img/common/icon-ij.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.cost-type.K{background-image: url("../img/common/icon-K.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.cost-type.GG{background-image: url("../img/common/icon-lvl.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.cost-type.ini{background-image: url("../img/common/icon-ini.png"); background-repeat: no-repeat;background-size: 100% 100%;}

.bkgst-0 {
	color:#FFFFFF;
	background-color: #000000;
}
.bkgst-1 {
	color:#FFFFFF;
	background-color: #006699;
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #000000),
	color-stop(0.7, #006699)
	);
	background-image: -o-linear-gradient(right, #000000 0%, #006699 70%);
	background-image: -moz-linear-gradient(right, #000000 0%, #006699 70%);
	background-image: -webkit-linear-gradient(right, #000000 0%, #006699 70%);
	background-image: -ms-linear-gradient(right, #000000 0%, #006699 70%);
	background-image: linear-gradient(to right, #000000 0%, #006699 70%);
}
.bkgst-2 {
	color:#FFFFFF;
	background-color: #B3002A;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #000000),
		color-stop(0.9, #B3002A)
	);
	background-image: -o-linear-gradient(right, #000000 0%, #B3002A 90%);
	background-image: -moz-linear-gradient(right, #000000 0%, #B3002A 90%);
	background-image: -webkit-linear-gradient(right, #000000 0%, #B3002A 90%);
	background-image: -ms-linear-gradient(right, #000000 0%, #B3002A 90%);
	background-image: linear-gradient(to right, #000000 0%, #B3002A 90%);
}
.bkgst-3 {
	color:#FFFFFF;
	background-color: #8B4797;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #000000),
		color-stop(0.9, #8B4797)
	);
	background-image: -o-linear-gradient(right, #000000 0%, #8B4797 90%);
	background-image: -moz-linear-gradient(right, #000000 0%, #8B4797 90%);
	background-image: -webkit-linear-gradient(right, #000000 0%, #8B4797 90%);
	background-image: -ms-linear-gradient(right, #000000 0%, #8B4797 90%);
	background-image: linear-gradient(to right, #000000 0%, #8B4797 90%);
}

.kf-ico {
	display:inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("../img/common/resource-icons.png");
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: -3px;
}
.kf-ico-A{ background-position: 0 0; width: 16px; height: 16px; }
.kf-ico-AM{ background-position: 0 -736px; width: 16px; height: 16px; }
.kf-ico-AP{ background-position: 0 -32px; width: 16px; height: 16px; }
.kf-ico-E{ background-position: 0 -64px; width: 16px; height: 16px; }
.kf-ico-F{ background-position: 0 -96px; width: 16px; height: 16px; }
.kf-ico-HP{ background-position: 0 -128px; width: 16px; height: 16px; }
.kf-ico-MP{ background-position: 0 -160px; width: 16px; height: 16px; }
.kf-ico-N{ background-position: 0 -192px; width: 16px; height: 16px; }
.kf-ico-W{ background-position: 0 -224px; width: 16px; height: 16px; }
.kf-ico-ij{ background-position: 0 -256px; width: 16px; height: 16px; }
.kf-ico-initiative{ background-position: 0 -288px; width: 16px; height: 16px; }
.kf-ico-EFWA{ background-position: 0 -320px; width: 16px; height: 16px; }
.kf-ico-K{ background-position: 0 -352px; width: 16px; height: 16px; }
.kf-ico-GG{ background-position: 0 -384px; width: 16px; height: 16px; }
.kf-ico-level{ background-position: 0 -416px; width: 16px; height: 16px; }


.kf-ico-IA{ background-position: 0 -448px; width: 16px; height: 16px; }
.kf-ico-IAP{ background-position: 0 -480px; width: 16px; height: 16px; }
.kf-ico-IE{ background-position: 0 -512px; width: 16px; height: 16px; }
.kf-ico-IF{ background-position: 0 -544px; width: 16px; height: 16px; }
.kf-ico-IMP{ background-position: 0 -576px; width: 16px; height: 16px; }
.kf-ico-IN{ background-position: 0 -608px; width: 16px; height: 16px; }
.kf-ico-IW{ background-position: 0 -640px; width: 16px; height: 16px; }
.kf-ico-iij{ background-position: 0 -672px; width: 16px; height: 16px; }
.kf-ico-IEFWA{ background-position: 0 -704px; width: 16px; height: 16px; }