/* COMMON CSS */
/* Format
----------------------------------------------------------------*/
#troll {
	
}	

	
@font-face {
	font-family: NormalFont;
	src: url("Fonts/normal.ttf");
}

@font-face {
	font-family: NormalFont;
	font-weight: bold;
	src: url("Fonts/normal_bold.ttf");
}

@font-face {
	font-family: DotFont;
	src: url("Fonts/dot_bold.ttf");
}

@font-face {
	font-family: DotFont;
	font-weight: bold;
	src: url("Fonts/dot_bold.ttf");
}

/* CUSTOM */
.event-top-btn1 {
	position: absolute;
	display: inline-block;
	width: 71px;
	height: 69px;
	background-image: url("Game_Images/btn_event_top1.png");
	-webkit-background-size: 71px 69px;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 10px;
	opacity: 1.0;
	
}
.event-top-btn1:active { opacity: 0.7; }

.event-top-btn2 {
	position: absolute;
	display: inline-block;
	width: 71px;
	height: 69px;
	background-image: url("Game_Images/btn_event_top2.png");
	-webkit-background-size: 71px 69px;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 110px;
	opacity: 1.0;
	
}
.event-top-btn2:active { opacity: 0.7; }

.event-top-btn3 {
	position: absolute;
	display: inline-block;
	width: 71px;
	height: 69px;
	background-image: url("Game_Images/btn_event_top3.png");
	-webkit-background-size: 71px 69px;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 208px;
	opacity: 1.0;
	
}
.event-top-btn3:active { opacity: 0.7; }

.event-top-btn-text1 {
	position: absolute;
	display: inline-block;
	font-family: DotFont;
	text-align: center;
	color: #ffd200;
	margin-top: 90px;
	margin-left: 25px;
	
}

.event-top-btn-text2 {
	position: absolute;
	display: inline-block;
	font-family: DotFont;
	text-align: center;
	color: #ffd200;
	margin-top: 90px;
	margin-left: 122px;
	
}

.event-top-btn-text3 {
	position: absolute;
	display: inline-block;
	font-family: DotFont;
	text-align: center;
	color: #ffd200;
	margin-top: 90px;
	margin-left: 207px;
	
}

.pvp-slidef-1 {
	-webkit-animation-name: pvp-slidef-1;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;	
}

@-webkit-keyframes pvp-slidef-1 {
	from {
		-webkit-transform:translate(0px,0px);
	}
	99.9%, to {
		-webkit-transform:translate(-325px,0px);
	}
}

.pvp-slidef-2 {
	-webkit-animation-name: pvp-slidef-2;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;	
}

@-webkit-keyframes pvp-slidef-2 {
	from {
		-webkit-transform:translate(-325px,0px);
	}
	99.9%, to {
		-webkit-transform:translate(-649.5px,0px);
	}
}

.pvp-slideb-1 {
	-webkit-animation-name: pvp-slideb-1;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;	
}

@-webkit-keyframes pvp-slideb-1 {
	from {
		-webkit-transform:translate(-325px,0px);
	}
	99.9%, to {
		-webkit-transform:translate(0px,0px);
	}
}

.pvp-slideb-2 {
	-webkit-animation-name: pvp-slideb-2;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;	
}

@-webkit-keyframes pvp-slideb-2 {
	from {
		-webkit-transform:translate(-649.5px,0px);
	}
	99.9%, to {
		-webkit-transform:translate(-325px,0px);
	}
}

.pvp-receipt {
	margin-top: 15px;
}

.pvp-receipt dt {
	margin: 0 4px 0 30px;
	padding: 5px 0 5px 5px;
	width: 160px;
	color: #444444;
	line-height: 18px;
	float: left;
	-webkit-box-sizing: border-box;
	
	border-bottom: 1px solid grey;
}

.pvp-receipt dt.pvp-base-pts:before {
	width: 20px;
	height: 20px;
	content: "";
	display: inline-block;
	margin-bottom: -8px;
	margin-right: 10px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -28px -244px;
	-webkit-background-size: 320px 388px;	
}

.pvp-receipt dt.pvp-echelon-bonus:before {
	width: 20px;
	height: 20px;
	content: "";
	display: inline-block;
	margin-bottom: -8px;
	margin-right: 10px;
	background-image: url("Game_Images/echelon_9ss.png");
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
}

.pvp-receipt dt.pvp-streak-bonus:before {
	width: 20px;
	height: 20px;
	content: "";
	display: inline-block;
	margin-bottom: -8px;
	margin-right: 10px;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -155px -88px;
	-webkit-background-size: 320px 1550px;
}

.pvp-receipt dt.pvp-total-bonus:before {
	width: 20px;
	height: 20px;
	content: "";
	display: inline-block;
	margin-bottom: -8px;
	margin-right: 10px;
	background-image: url("Game_Images/edge_icon.png");
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
}

.pvp-receipt dt.pvp-frenzy-bonus:before {
	width: 20px;
	height: 20px;
	content: "";
	display: inline-block;
	margin-bottom: -8px;
	margin-right: 10px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -175px -179px;
	-webkit-background-size: 320px 388px;
}

.pvp-receipt dt.pvp-total-bonus {
	color: #ff0000!important;
}

.pvp-receipt dt.pvp-frenzy-bonus {
	color: #0081a6!important;
}

.pvp-receipt dd {
	padding: 5px 10px 5px 0;
	width: 70px;
	color: #444444;
	line-height: 18px;
	font-weight: bold;
	text-align: right;
	float: left;
	-webkit-box-sizing: border-box;
	
	border-bottom: 1px solid grey;
}

.pvp-total-bonus-text {
	font-size: 100%!important;
	color: #ff0000!important;
}

.pvp-frenzy-bonus-text {
	font-size: 100%!important;
	color: #0081a6!important;
}

.pvp-receipt-total {
	margin-top: 180px;
	width: 100%;
	height: 40px;
	background-color: #716A48;
}

.pvp-receipt-total dt {
	margin: 0 4px 0 20px;
	padding: 5px 0 5px 5px;
	width: 160px;
	color: #444444;
	line-height: 18px;
	float: left;
	-webkit-box-sizing: border-box;
	
	border-bottom: 1px solid grey;
}

.pvp-receipt-total dt.pvp-receipt-total1:before {
	width: 20px;
	height: 20px;
	content: "";
	display: inline-block;
	margin-bottom: -8px;
	margin-right: 10px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -142px -172px;
	-webkit-background-size: 320px 388px;	
}

.pvp-receipt-total1 {
	font-size: 150%!important;
	color: #FEDA01!important;
}

.pvp-receipt-total dd {
	padding: 5px 10px 5px 0;
	width: 100px;
	color: #444444;
	line-height: 18px;
	font-weight: bold;
	text-align: right;
	float: left;
	-webkit-box-sizing: border-box;
	
	border-bottom: 1px solid grey;
}

/* END CUSTOM */

html,
body{
	color: #e9d4b2;
	background: #444444;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	/*transform: scale(1.179);
	transform-origin: 0% 0%; */
	/*zoom: calc(320 / 320);
	text-size-adjust: none;
	-webkit-text-size-adjust: none;*/
	
}



.mbgaui-container {
	position: relative;

	/*transform: scale(1.179);
	transform-origin: 0% 0%; */
	
	
	
}

select {
	-webkit-border-radius: 0;
	font-family: NormalFont;
}

/* Parts
=============================================================== */

/*float
----------------------------------------------------------------*/
.fl { float: left!important; }
.fr { float: right!important; }
.cb { clear: both!important; }

/*align
----------------------------------------------------------------*/
.ac { text-align: center!important; }
.al { text-align: left!important; }
.ar { text-align: right!important; }

/*text
----------------------------------------------------------------*/
.word-break-all { word-break:break-all; }

/*margin
----------------------------------------------------------------*/
.mt8 {	margin-top:8px!important; }
.mb8 {	margin-bottom:8px!important; }
.mr8 {	margin-right:8px!important; }
.ml8 {	margin-left:8px!important; }
.mtb8 { margin: 8px auto!important; }
.mlr8 { margin-left: 8px!important;  margin-right: 8px!important;}
.mt16 { margin-top:16px!important; }
.mb16 { margin-bottom:16px!important; }
.mr16 { margin-right:16px!important; }
.ml16 { margin-left:16px!important; }
.mtb16 { margin-top: 16px!important; margin-bottom: 16px!important; }
.mlr16 { margin-left: 16px!important;  margin-right: 16px!important;}
.mt24 { margin-top:24px!important; }
.mb24 { margin-bottom:24px!important; }
.ml24 { margin-left:24px!important; }
.mr24 { margin-right:24px!important; }
.mauto { margin-left: auto!important; margin-right: auto!important; }

/*padding
----------------------------------------------------------------*/
.pt8 { padding-top:8px!important; }
.pb8 { padding-bottom:8px!important; }
.pr8 { padding-right:8px!important; }
.pl8 { padding-left:8px!important; }
.ptb8 { padding-top:8px!important; padding-bottom:8px!important; }
.plr8 { padding-left:8px!important; padding-right:8px!important; }
.pt16 { padding-top:16px!important; }
.pb16 { padding-bottom:16px!important; }
.pr16 { padding-right:16px!important; }
.pl16 { padding-left:16px!important; }
.ptb16 { padding-top:16px!important; padding-bottom:16px!important; }
.plr16 { padding-left:16px!important; padding-right:16px!important; }

.inner { padding: 8px; }

/*text-block
----------------------------------------------------------------*/
.text-block { padding: 10px; }

.text-block2 {
	border-top: 1px solid #484848;
	border-bottom: 1px solid #484848;
	background-color: #111313;
	padding: 10px;
}

.text-block3 {
	padding: 10px;
	background-color: #5f5f5f;
}

.text-block4 {
	padding: 10px;
	background-color: #111313;
}

/* block
----------------------------------------------------------------*/
.border-block {
	-webkit-border-image: url("../i/gcard/parts/border_image01.png") 13 13 13 13 / 9px 10px 10px 10px repeat;
	margin: 0 10px;
}

/*display
----------------------------------------------------------------*/
.nn { display: none!important; }
.flex { -webkit-box-flex: 1!important; }
.blk { display:block!important; }
.in-blk { display: inline-block!important; }
.cell { display: table-cell!important;	vertical-align: middle!important; text-align: center!important;}
.box { display: -webkit-box!important; }

/*box-style
----------------------------------------------------------------*/
.section-title,
.bpc {
	display: -webkit-box!important;
	-webkit-box-pack: center!important;
}

.bpe {
	display: -webkit-box!important;
	-webkit-box-pack: end!important;
}

.bac {
	display: -webkit-box!important;
	-webkit-box-align: center!important;
}

.baepe {
	display: -webkit-box!important;
	-webkit-box-align: end!important;
	-webkit-box-pack: end!important;
}

.baspe {
	display: -webkit-box!important;
	-webkit-box-align: start!important;
	-webkit-box-pack: end!important;
}

.bacps {
	display: -webkit-box!important;
	-webkit-box-align: center!important;
	-webkit-box-pack: start!important;
}

.bacpc,
.page-title,
.bonus-sub-title {
	display: -webkit-box!important;
	-webkit-box-align: center!important;
	-webkit-box-pack: center!important;
}

/* font-size
----------------------------------------------------------------*/
.f20 { font-size: 2rem!important; }
.f18 { font-size: 1.8rem!important; }
.f16 { font-size: 1.6rem!important; }
.f15 { font-size: 1.5rem!important; }
.f14 { font-size: 1.4rem!important; }
.f13 { font-size: 1.3rem!important; }
.f12 { font-size: 1.2rem!important; }

/* font-color
----------------------------------------------------------------*/
.fn-black { color: #000000!important; }
.fn-yellow { color: #ffd200!important; }
.fn-blonde { color: #b07800!important; }
.fn-brown { color: #3e2a24!important; }
.fn-ivory { color: #e9d4b2!important; }
.fn-greenblue { color: #55aea7!important; }
.fn-skyblue { color: #95c7d6!important; }
.fn-gray { color: #444444!important; }
.fn-white { color: #ffffff!important; }

/* width
----------------------------------------------------------------*/
.w300,
.w300 input { width: 300px!important;}
.w150 { width: 150px!important;}
.w25 { width: 25%; }
.w33 { width: 33%; }
.w34 { width: 34%; }
.w50 { width: 50%; }

/* height
----------------------------------------------------------------*/
.h480 {
	width: 320px;
	height: 480px;
	position: absolute;
}

.h440 {
	width: 320px;
	height: 440px;
	position: absolute;
	top: 40px;
}

/* tutorial
----------------------------------------------------------------*/

.black-body {
    width: 320px;
    height: 480px;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background-color: #000000;
}

/* global header
----------------------------------------------------------------*/
.global-header {
	width: 320px;
	height: 40px;
	/*position: absolute;*/
	position: fixed;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	border-bottom: #0081a6 solid 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#69d6f2), to(#2bb6dd));
	z-index: 420;
}

.global-header-help {
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
	-webkit-box-sizing: border-box;
	border-bottom: #0081a6 solid 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#69d6f2), to(#2bb6dd));
	z-index: 120;
}

.global-header-maintenance {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 120;
}

	.header-title {
		width: 320px;
		height: 38px;
		-webkit-box-sizing: border-box;
		border-bottom: #52c3e3 solid 1px;
		z-index: 121;
		position: relative;
	}

	.header-title h1 {
		width: 320px;
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 38px;
		font-family: DotFont;
		font-weight: bold;
		text-align: center;
		text-shadow: 0 2px 1px #3199b7;
		-webkit-box-sizing: border-box;
		position: relative;
		z-index: 2;
	}

	.header-title-maintenance {
		width: 320px;
		height: 38px;
		-webkit-box-sizing: border-box;
		z-index: 121;
		position: relative;
	}

	.header-title-maintenance h1 {
		width: 320px;
		font-size: 1.4rem;
		color: #00c8d5;
		line-height: 38px;
		font-family: DotFont;
		font-weight: bold;
		text-align: center;
		-webkit-box-sizing: border-box;
		position: relative;
		z-index: 2;
	}

	.global-header h1 span {
		margin: 0 0 0 8px;
		font-size: 1.0rem;
		color: #0081a6;
		line-height: 30px;
		text-shadow: none;
		-webkit-box-sizing: border-box;
		border-bottom: none;
	}

	.home.mbgaui-widget-anchors,
	.home.mbgaui-active,
	.current-home {
		width: 42px;
		height: 40px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
		z-index:125;
	}
/* used to be -152px */
	.home.mbgaui-widget-anchors { background-position: 0 -72px; }
	.home.mbgaui-active { background-position: 0 -112px; }
	.current-home { background-position: 0 -151.5px; }

	.global-header a.home.mbgaui-widget-anchors:active { background-position: 0 -112px; }
	.mission-header a.home.mbgaui-widget-anchors:active { background-position: 0 -112px; }
	.battle-header a.home.mbgaui-widget-anchors:active { background-position: 0 -112px; }
	
	a.loginboss.mbgaui-widget-anchors,
	a.loginboss.mbgaui-active{
		margin: 0;
		padding: 0;
		width: 42px;
		height: 40px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border-right: #222222 solid 2px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -42px -75px;
		-webkit-background-size: 320px 388px;
		z-index:125;
	}

/* reload header
----------------------------------------------------------------*/
.reload-header {
	width: 270px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 130;
}

	.reload-header.mbgaui-widget-anchors:before,
	.reload-header.mbgaui-active:before {
		width: 40px;
		height: 40px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
	}
	
	.reload-header.mbgaui-widget-anchors:before { background-position: 0 -344px; }
	.reload-header.mbgaui-active:before { background-position: -40px -344px; }

/* global footer
----------------------------------------------------------------*/
.global-footer {
	/*width: 100%;*/
	height: 47px;
	top: 428px;
	left: 0;
	/*position: absolute;*/
	position: fixed;
	-webkit-box-sizing: border-box;
	z-index: 120;
	padding: 7px 8px;
}

.global-footer a.back.mbgaui-widget-anchors,
.global-footer a.back.mbgaui-active {
	width: 42px;
	height: 34px;
	display: block;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 388px;
	z-index:125;
}

.global-footer a.back.mbgaui-widget-anchors { background-position: 0 0; }
.global-footer a.back.mbgaui-active { background-position: 0 -36px; }

.global-footer a.back.mbgaui-widget-anchors:active { background-position: 0 -36px; }


.global-footer2 {
	height: 47px;
	top: 428px;
	right: 0;
	position: fixed;
	-webkit-box-sizing: border-box;
	z-index: 120;
	padding: 7px 8px;
}

.global-footer2 a.next.mbgaui-widget-anchors,
.global-footer2 a.next.mbgaui-active {
	width: 41px;
	height: 34px;
	display: block;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index:125;
}

.global-footer2 a.next.mbgaui-widget-anchors { background-position: -255px -631px; }
.global-footer2 a.next.mbgaui-active { background-position: -256px -672px; }
.global-footer2 a.next.mbgaui-widget-anchors:active { background-position: -256px -672px; }

/*.global-footer2 a.next.mbgaui-widget-anchors { background-position: -275px -1110px; }
.global-footer2 a.next.mbgaui-active { background-position: -275px -1144px; }
*/

/* pager
----------------------------------------------------------------*/
.pager {
	padding: 0 95px;
	height: 50px;
	position: relative;
	-webkit-box-sizing: border-box;
}

.pager-collection {
	padding: 0 95px;
	height: 39px;
	position: relative;
	-webkit-box-sizing: border-box;
}

.pager-t {
	margin: 0 0 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	border-bottom: #575757 solid 1px;
}

.pager-b {
	-webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	border-top: #575757 solid 1px;
}

	.left-arr,
	.right-arr {
		width: 22px;
		height: 34px;
		position: absolute;
		top: 10px;
	}

	.left-arr {
		left: 95px;
	}

	.right-arr {
		right: 95px;
	}


	.first-arr,
	.last-arr {
		width: 22px;
		height: 34px;
		position: absolute;
		top: 10px;
	}

	.first-arr {
		left: 75px;
	}

	.last-arr {
		right: 84px;
	}

		.left-arr a.mbgaui-widget-anchors,
		.right-arr a.mbgaui-widget-anchors,
		.first-arr a.mbgaui-widget-anchors,
		.last-arr a.mbgaui-widget-anchors,
		.left-arr a.mbgaui-active,
		.right-arr a.mbgaui-active,
		.first-arr a.mbgaui-active,
		.last-arr a.mbgaui-active {
			width: 22px;
			height: 34px;
			display: block;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.first-arr a.mbgaui-widget-anchors,
		.last-arr a.mbgaui-widget-anchors,
		.first-arr a.mbgaui-active,
		.last-arr a.mbgaui-active {
			width: 31px;
		}

		.left-arr a.mbgaui-widget-anchors {
			background-position: 0 0;
		}

		.right-arr a.mbgaui-widget-anchors {
			background-position: -24px 0;
		}

		.first-arr a.mbgaui-widget-anchors {
			background-position: 0px -954px;
		}

		.last-arr a.mbgaui-widget-anchors {
			background-position: 0px -920px;
		}

		.left-arr a.mbgaui-active {
			background-position: -48px 0;
		}

		.right-arr a.mbgaui-active {
			background-position: -72px 0;
		}

		.first-arr a.mbgaui-active {
			background-position: -32px -954px;
		}

		.last-arr a.mbgaui-active {
			background-position: -32px -920px;
		}

	.pager li.pager-num {
		margin: 0 auto;
		width: 124px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}

		.pager li.pager-num span {
			color: #ffd200;
			font-weight: bold;
		}

	.pager-collection li.pager-num {
		margin: 0 auto;
		width: 124px;
		height: 39px;
		line-height: 39px;
		text-align: center;
	}

		.pager-collection li.pager-num span {
			color: #ffd200;
			font-weight: bold;
		}

.no-data {
	padding: 18px 0 0;
	width: 320px;
	height: 50px;
	font-size: 1.4rem;
	line-height: 20px;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
}

.no-data2 {
	padding: 18px 0 0;
	width: 320px;
	height: 50px;
	font-size: 1.2rem;
	line-height: 20px;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
}

/* Sell count
----------------------------------------------------------------*/
.sell-num {
	padding: 0 9px;
	width: 115px;
	height: 50px;
	color: #747474;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
}

	.sell-num span {
		color: #ffd200;
		font-weight: bold;
	}

/* All check
----------------------------------------------------------------*/
.all-nocheck-mark,
.all-check-mark {
	margin: -17px 0 0;
	width: 51px;
	height: 37px;
	position: absolute;
	top: 50%;
	right: 8px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 91;
}

.all-nocheck-mark { background-position: -224px -160px; }
.all-check-mark { background-position: -224px -120px; }

/* Footer menu
----------------------------------------------------------------*/
.footer-menu-area {
	width: 320px;
	height: 55px;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.3);
	border-top: #606060 solid 2px;
	background-image: url("Game_Images/detail_footer.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
}

.login-boss-footer-area {
	width: 320px;
	height: 55px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer-menu-area-mission {
	width: 320px;
	height: 55px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer-menu-area-list {
	width: 320px;
	height: 55px;
	position: relative;
}

	.footer-menu-block {
		width: 320px;
		height: 55px;
		position: relative;
	}

		.footer-menu-block li { position: absolute; }

		.footer-menu-block-s1,
		.footer-menu-block-s2,
		.footer-menu-block-s3,
		.footer-menu-block-s4 {
			width: 52px;
			height: 51px;
			top: 4px;
		}
		
		.footer-menu-block-s1 { left: 7px; }
		.footer-menu-block-s2 { left: 60px; }
		.footer-menu-block-s3 { left: 208px; }
		.footer-menu-block-s4 { left: 261px; }
		.footer-menu-block-sfb { left: 261px; }

		.footer-menu-block-s1 .mbgaui-widget-anchors,
		.footer-menu-block-s2 .mbgaui-widget-anchors,
		.footer-menu-block-s3 .mbgaui-widget-anchors,
		.footer-menu-block-s4 .mbgaui-widget-anchors,
		.footer-menu-block-s1 .mbgaui-active,
		.footer-menu-block-s2 .mbgaui-active,
		.footer-menu-block-s3 .mbgaui-active,
		.footer-menu-block-s4 .mbgaui-active,
		.footer-menu-block-s1 .mbgaui-disabled,
		.footer-menu-block-s2 .mbgaui-disabled,
		.footer-menu-block-s3 .mbgaui-disabled,
		.footer-menu-block-s4 .mbgaui-disabled {
			margin: 0 0 0 8px;
			width: 39px;
			height: 39px;
			text-decoration: none;
			display: block;
			position: relative;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.footer-menu-block-s1 .mbgaui-widget-anchors,
		.footer-menu-block-s2 .mbgaui-widget-anchors,
		.footer-menu-block-s3 .mbgaui-widget-anchors,
		.footer-menu-block-s4 .mbgaui-widget-anchors {
			background-position: -44px -36px;
		}

		.footer-menu-block-s1 a.mbgaui-widget-anchors.gacha:active { background-position: -44px -76px; }
		.footer-menu-block-s2 a.mbgaui-widget-anchors.deck:active { background-position: -44px -76px; }
		.footer-menu-block-s3 a.mbgaui-widget-anchors.battle:active { background-position: -44px -76px; }
		.footer-menu-block-s4 a.mbgaui-widget-anchors.menu:active { background-position: -44px -76px; }
		
		
		.footer-menu-block-s1 .mbgaui-active,
		.footer-menu-block-s2 .mbgaui-active,
		.footer-menu-block-s3 .mbgaui-active,
		.footer-menu-block-s4 .mbgaui-active {
			background-position: -44px -76px;
		}
		
		.footer-menu-block-s1 .mbgaui-disabled,
		.footer-menu-block-s2 .mbgaui-disabled,
		.footer-menu-block-s3 .mbgaui-disabled,
		.footer-menu-block-s4 .mbgaui-disabled {
			background-position: -44px -36px;
			opacity: 0.4;
		}
		
			.footer-menu-block-s-light-aid1 {
				width: 39px;
				height: 39px;
				display: block;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: 0 -304px;
				-webkit-background-size: 320px 388px;
			}
			
			.footer-menu-block-s-light-aid2 {
				width: 39px;
				height: 39px;
				display: block;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -40px -304px;
				-webkit-background-size: 320px 388px;
			}
		
			.mbgaui-widget-anchors .aid-light {
				-webkit-animation-name: aid-light;
				-webkit-animation-duration: 1.8s;
				-webkit-animation-timing-function: ease-in;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-direction: normal;
				-webkit-animation-play-state: running;
				-webkit-animation-delay: 0s;
			}
			
			.mbgaui-widget-anchors .aid-light2 {
				-webkit-animation-name: aid-light;
				-webkit-animation-duration: 0.8s;
				-webkit-animation-timing-function: ease-in;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-direction: normal;
				-webkit-animation-play-state: running;
				-webkit-animation-delay: 0s;
			}
			
			.mbgaui-active .aid-light,
			.mbgaui-active .aid-light2 {
				-webkit-animation-name: aid-light-stop;
				-webkit-animation-duration: 1.0s;
				-webkit-animation-timing-function: ease-in;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-direction: normal;
				-webkit-animation-play-state: running;
				-webkit-animation-delay: 0s;
			}

			@-webkit-keyframes aid-light {
				from {
					opacity: 0;
				}
				15% {
					opacity: 1.0;
				}
				60% {
					opacity: 0;
				}
				99.9%,to {
					opacity: 0;
				}
			}
			
			@-webkit-keyframes aid-light-stop {
				from {
					opacity: 0;
				}
				99.9%,to {
					opacity: 0;
				}
			}
		
		
		.footer-menu-block-sfb .mbgaui-widget-anchors,
		.footer-menu-block-sfb .mbgaui-active {
			margin: 0 0 0 3px;
			width: 44px;
			height: 43px;
			display: block;
			position: relative;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -108px -1340px;
			-webkit-background-size: 320px 1550px;
		}
		
			.footer-heart-icon {
				width: 25px;
				height: 19px;
				display: block;
				position: absolute;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -248px -60px;
				-webkit-background-size: 320px 388px;
				z-index: 2;
			}
			
				.footer-heart-icon-fix1 {
					left: -7px;
					bottom: -3px;
				}
				
				.footer-heart-icon-fix2 {
					left: 12px;
					bottom: 21px;
				}
			
			.footer-exmark-icon {
				width: 23px;
				height: 23px;
				display: block;
				position: absolute;
				left: -7px;
				bottom: -3px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -176px -208px;
				-webkit-background-size: 320px 1550px;
			}

		.footer-menu-block-sfb .mbgaui-widget-anchors { opacity:1.0; }
		.footer-menu-block-sfb .mbgaui-active { opacity: 0.6; }

			.mbgaui-widget-anchors.menu:before,
			.mbgaui-widget-anchors.gacha:before,
			.mbgaui-widget-anchors.gacha2:before,
			.mbgaui-widget-anchors.deck:before,
			.mbgaui-widget-anchors.bp-item:before,
			.mbgaui-widget-anchors.wall:before,
			.mbgaui-widget-anchors.deckedit:before,
			.mbgaui-widget-anchors.battle:before,
			.mbgaui-widget-anchors.chall:before,
			.mbgaui-widget-anchors.equip:before,
			.mbgaui-widget-anchors.unequip:before,
			.mbgaui-widget-anchors.sell:before,
			.mbgaui-widget-anchors.move:before,
			.mbgaui-widget-anchors.bio:before,
			.mbgaui-widget-anchors.ps:before,
			.mbgaui-widget-anchors.remove:before,
			.mbgaui-widget-anchors.auto:before,
			.mbgaui-widget-anchors.pop:before,
			.mbgaui-widget-anchors.friendm:before,
			.mbgaui-widget-anchors.friendp:before,
			.mbgaui-widget-anchors.prize:before,
			.mbgaui-widget-anchors.scatalog:before,
			.mbgaui-widget-anchors.aid:before,
			.mbgaui-widget-anchors.movie:before,
			.mbgaui-widget-anchors.team:before,
			.mbgaui-active.menu:before,
			.mbgaui-active.gacha:before,
			.mbgaui-active.gacha2:before,
			.mbgaui-active.deck:before,
			.mbgaui-active.bp-item:before,
			.mbgaui-active.wall:before,
			.mbgaui-active.deckedit:before,
			.mbgaui-active.battle:before,
			.mbgaui-active.chall:before,
			.mbgaui-active.equip:before,
			.mbgaui-active.unequip:before,
			.mbgaui-active.sell:before,
			.mbgaui-active.move:before,
			.mbgaui-active.remove:before,
			.mbgaui-active.auto:before,
			.mbgaui-active.pop:before,
			.mbgaui-active.friendm:before,
			.mbgaui-active.friendp:before,
			.mbgaui-active.prize:before,
			.mbgaui-active.scatalog:before,
			.mbgaui-active.aid:before,
			.mbgaui-active.movie:before,
			.mbgaui-active.team:before,
			.mbgaui-disabled.menu:before,
			.mbgaui-disabled.gacha:before,
			.mbgaui-disabled.gacha2:before,
			.mbgaui-disabled.deck:before,
			.mbgaui-disabled.bp-item:before,
			.mbgaui-disabled.wall:before,
			.mbgaui-disabled.deckedit:before,
			.mbgaui-disabled.battle:before,
			.mbgaui-disabled.chall:before,
			.mbgaui-disabled.equip:before,
			.mbgaui-disabled.unequip:before,
			.mbgaui-disabled.sell:before,
			.mbgaui-disabled.move:before,
			.mbgaui-disabled.remove:before,
			.mbgaui-disabled.auto:before,
			.mbgaui-disabled.pop:before,
			.mbgaui-disabled.friendm:before,
			.mbgaui-disabled.friendp:before,
			.mbgaui-disabled.prize:before,
			.mbgaui-disabled.scatalog:before,
			.mbgaui-disabled.aid:before,
			.mbgaui-disabled.movie:before,
			.mbgaui-disabled.team:before {
				width: 23px;
				height: 24px;
				content: "";
				display: block;
				position: absolute;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.mbgaui-widget-anchors.menu:before,
			.mbgaui-widget-anchors.gacha:before,
			.mbgaui-widget-anchors.gacha2:before,
			.mbgaui-widget-anchors.deck:before,
			.mbgaui-widget-anchors.bp-item:before,
			.mbgaui-widget-anchors.wall:before,
			.mbgaui-widget-anchors.deckedit:before,
			.mbgaui-widget-anchors.battle:before,
			.mbgaui-widget-anchors.chall:before,
			.mbgaui-widget-anchors.equip:before,
			.mbgaui-widget-anchors.unequip:before,
			.mbgaui-widget-anchors.sell:before,
			.mbgaui-widget-anchors.move:before,
			.mbgaui-widget-anchors.bio:before,
			.mbgaui-widget-anchors.ps:before,
			.mbgaui-widget-anchors.remove:before,
			.mbgaui-widget-anchors.auto:before,
			.mbgaui-widget-anchors.pop:before,
			.mbgaui-widget-anchors.friendm:before,
			.mbgaui-widget-anchors.friendp:before,
			.mbgaui-widget-anchors.prize:before,
			.mbgaui-widget-anchors.scatalog:before,
			.mbgaui-widget-anchors.movie:before,
			.mbgaui-widget-anchors.team:before,
			.mbgaui-disabled.menu:before,
			.mbgaui-disabled.gacha:before,
			.mbgaui-disabled.gacha2:before,
			.mbgaui-disabled.deck:before,
			.mbgaui-disabled.bp-item:before,
			.mbgaui-disabled.wall:before,
			.mbgaui-disabled.deckedit:before,
			.mbgaui-disabled.battle:before,
			.mbgaui-disabled.chall:before,
			.mbgaui-disabled.equip:before,
			.mbgaui-disabled.unequip:before,
			.mbgaui-disabled.sell:before,
			.mbgaui-disabled.move:before,
			.mbgaui-disabled.remove:before,
			.mbgaui-disabled.auto:before,
			.mbgaui-disabled.pop:before,
			.mbgaui-disabled.friendm:before,
			.mbgaui-disabled.friendp:before,
			.mbgaui-disabled.prize:before,
			.mbgaui-disabled.scatalog:before,
			.mbgaui-disabled.movie:before,
			.mbgaui-disabled.team:before {
				top: 6px;
				left: 6px;
			}
			
			.mbgaui-widget-anchors.aid:before,
			.mbgaui-disabled.aid:before {
				top: 5px;
				left: 5px;
			}

			.mbgaui-active.menu:before,
			.mbgaui-active.gacha:before,
			.mbgaui-active.gacha2:before,
			.mbgaui-active.deck:before,
			.mbgaui-active.bp-item:before,
			.mbgaui-active.wall:before,
			.mbgaui-active.deckedit:before,
			.mbgaui-active.battle:before,
			.mbgaui-active.chall:before,
			.mbgaui-active.equip:before,
			.mbgaui-active.unequip:before,
			.mbgaui-active.sell:before,
			.mbgaui-active.move:before,
			.mbgaui-active.remove:before,
			.mbgaui-active.auto:before,
			.mbgaui-active.pop:before,
			.mbgaui-active.friendm:before,
			.mbgaui-active.friendp:before,
			.mbgaui-active.prize:before,
			.mbgaui-active.scatalog:before,
			.mbgaui-active.aid:before,
			.mbgaui-active.movie:before,
			.mbgaui-active.team:before {
				top: 8px;
				left: 8px;
			}
			
			.mbgaui-active.scatalog:before {
				top: 7px;
				left: 7px;
			}

			.mbgaui-widget-anchors.menu:before,
			.mbgaui-active.menu:before,
			.mbgaui-disabled.menu:before {
				background-position: -256px -176px;
			}

			.mbgaui-widget-anchors.gacha:before,
			.mbgaui-active.gacha:before,
			.mbgaui-disabled.gacha:before {
				background-position: -284px -176px;
			}
			
			.mbgaui-widget-anchors.deck:before,
			.mbgaui-active.deck:before,
			.mbgaui-disabled.deck:before {
				background-position: -172px -204px;
			}

			.mbgaui-widget-anchors.bp-item:before,
			.mbgaui-active.bp-item:before,
			.mbgaui-disabled.bp-item:before {
				background-position: -249px -311px;
			}

			.mbgaui-widget-anchors.wall:before,
			.mbgaui-active.wall:before,
			.mbgaui-disabled.wall:before {
				background-position: -200px -204px;
			}

			.mbgaui-widget-anchors.deckedit:before,
			.mbgaui-active.deckedit:before,
			.mbgaui-disabled.deckedit:before {
				background-position: -228px -204px;
			}

			.mbgaui-widget-anchors.battle:before,
			.mbgaui-active.battle:before,
			.mbgaui-disabled.battle:before {
				background-position: -196px -276px;
			}

			.mbgaui-widget-anchors.chall:before,
			.mbgaui-active.chall:before,
			.mbgaui-disabled.chall:before {
				background-position: -256px -204px;
			}

			.mbgaui-widget-anchors.equip:before,
			.mbgaui-active.equip:before,
			.mbgaui-disabled.equip:before {
				background-position: -284px -204px;
			}

			.mbgaui-widget-anchors.unequip:before,
			.mbgaui-active.unequip:before,
			.mbgaui-disabled.unequip:before {
				background-position: -172px -232px;
			}

			.mbgaui-widget-anchors.sell:before,
			.mbgaui-active.sell:before,
			.mbgaui-disabled.sell:before {
				background-position: -200px -232px;
			}

			.mbgaui-widget-anchors.move:before,
			.mbgaui-active.move:before,
			.mbgaui-disabled.move:before {
				background-position: -228px -232px;
			}

			.mbgaui-widget-anchors.bio:before,
			.mbgaui-active.bio:before,
			.mbgaui-disabled.bio:before {
				background-position: -172px -204px;
			}

			.mbgaui-widget-anchors.ps:before,
			.mbgaui-active.ps:before,
			.mbgaui-disabled.ps:before {
				background-position: -153px -250px;
			}

			.mbgaui-widget-anchors.remove:before,
			.mbgaui-active.remove:before,
			.mbgaui-disabled.remove:before {
				background-position: -256px -232px;
			}

			.mbgaui-widget-anchors.auto:before,
			.mbgaui-active.auto:before,
			.mbgaui-disabled.auto:before {
				background-position: -284px -232px;
			}

			.mbgaui-widget-anchors.pop:before,
			.mbgaui-active.pop:before,
			.mbgaui-disabled.pop:before {
				background-position: 0 -276px;
			}

			.mbgaui-widget-anchors.friendm:before,
			.mbgaui-active.friendm:before,
			.mbgaui-disabled.friendm:before {
				background-position: -28px -276px;
			}

			.mbgaui-widget-anchors.friendp:before,
			.mbgaui-active.friendp:before,
			.mbgaui-disabled.friendp:before {
				background-position: -56px -276px;
			}
			
			.mbgaui-widget-anchors.prize:before,
			.mbgaui-active.prize:before,
			.mbgaui-disabled.prize:before {
				background-position: -84px -276px;
			}
			
			.mbgaui-widget-anchors.scatalog:before,
			.mbgaui-active.scatalog:before,
			.mbgaui-disabled.scatalog:before {
				background-position: -112px -276px;
			}
			
			.mbgaui-widget-anchors.aid:before,
			.mbgaui-active.aid:before,
			.mbgaui-disabled.aid:before {
				width: 25px;
				height: 25px;
				background-position: -140px -276px;
			}
			
			.mbgaui-widget-anchors.movie:before,
			.mbgaui-active.movie:before,
			.mbgaui-disabled.movie:before {
				width: 25px;
				height: 25px;
				background-position: -168px -276px;
			}
			
			.mbgaui-widget-anchors.team:before,
			.mbgaui-active.team:before,
			.mbgaui-disabled.team:before {
				width: 25px;
				height: 25px;
				background-position: -96px -344px;
			}

		.footer-menu-block li p {
			font-size: 0.9rem;
			color: #ffffff;
			line-height: 10px;
			text-align: center;
		}

		.footer-menu-block li p.fb {
			color: #8fb0ff;
		}

		.footer-menu-block-l,
		.footer-menu-block-l1,
		.footer-menu-block-l2,
		.footer-menu-block-l3,
		.footer-menu-block-l4,
		.footer-menu-block-l5,
		.footer-menu-block-l6,
		.footer-menu-block-l7,
		.footer-menu-block-l8,
		.footer-menu-block-l9,
		.footer-menu-block-l10,
		.footer-menu-block-l11 {
			width: 84px;
			height: 59px;
			top: -4px;
		}

		.footer-menu-block-l { left: 119px; }
		.footer-menu-block-l1 { left: 79px; }
		.footer-menu-block-l2 { left: 164px; }
		.footer-menu-block-l3 { left: 51px; }
		.footer-menu-block-l4 { left: 136px; }
		.footer-menu-block-l5 { left: 221px; }
		.footer-menu-block-l6 { left: 70px; }
		.footer-menu-block-l7 { left: 155px; }
		.footer-menu-block-l8 { left: 25px; }
		.footer-menu-block-l9 { left: 109px; }
		.footer-menu-block-l10 { left: 193px; }
		.footer-menu-block-l11 { left: 124px; }

		.footer-menu-block-l .mbgaui-widget-anchors,
		.footer-menu-block-l1 .mbgaui-widget-anchors,
		.footer-menu-block-l2 .mbgaui-widget-anchors,
		.footer-menu-block-l3 .mbgaui-widget-anchors,
		.footer-menu-block-l4 .mbgaui-widget-anchors,
		.footer-menu-block-l5 .mbgaui-widget-anchors,
		.footer-menu-block-l6 .mbgaui-widget-anchors,
		.footer-menu-block-l7 .mbgaui-widget-anchors,
		.footer-menu-block-l8 .mbgaui-widget-anchors,
		.footer-menu-block-l9 .mbgaui-widget-anchors,
		.footer-menu-block-l10 .mbgaui-widget-anchors,
		.footer-menu-block-l11 .mbgaui-widget-anchors,
		.footer-menu-block-l .mbgaui-active,
		.footer-menu-block-l1 .mbgaui-active,
		.footer-menu-block-l2 .mbgaui-active,
		.footer-menu-block-l3 .mbgaui-active,
		.footer-menu-block-l4 .mbgaui-active,
		.footer-menu-block-l5 .mbgaui-active,
		.footer-menu-block-l6 .mbgaui-active,
		.footer-menu-block-l7 .mbgaui-active,
		.footer-menu-block-l8 .mbgaui-active,
		.footer-menu-block-l9 .mbgaui-active,
		.footer-menu-block-l10 .mbgaui-active,
		.footer-menu-block-l11 .mbgaui-active {
			width: 84px;
			height: 59px;
			text-decoration: none;
			display: block;
			position: relative;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.footer-menu-block-l .mbgaui-widget-anchors,
		.footer-menu-block-l1 .mbgaui-widget-anchors,
		.footer-menu-block-l2 .mbgaui-widget-anchors,
		.footer-menu-block-l3 .mbgaui-widget-anchors,
		.footer-menu-block-l4 .mbgaui-widget-anchors,
		.footer-menu-block-l5 .mbgaui-widget-anchors,
		.footer-menu-block-l6 .mbgaui-widget-anchors,
		.footer-menu-block-l7 .mbgaui-widget-anchors,
		.footer-menu-block-l8 .mbgaui-widget-anchors,
		.footer-menu-block-l9 .mbgaui-widget-anchors,
		.footer-menu-block-l10 .mbgaui-widget-anchors,
		.footer-menu-block-l11 .mbgaui-widget-anchors {
			background-position: -108px 0;
		}

		.footer-menu-block-l a.mbgaui-widget-anchors.mission:active { background-position: -192px 0; }
		.footer-menu-block-l a.mbgaui-widget-anchors.resume:active { background-position: -192px 0; }
		.footer-menu-block-l a.mbgaui-widget-anchors.go:active { background-position: -192px 0; }
		
		.footer-menu-block-l .mbgaui-active,
		.footer-menu-block-l1 .mbgaui-active,
		.footer-menu-block-l2 .mbgaui-active,
		.footer-menu-block-l3 .mbgaui-active,
		.footer-menu-block-l4 .mbgaui-active,
		.footer-menu-block-l5 .mbgaui-active,
		.footer-menu-block-l6 .mbgaui-active,
		.footer-menu-block-l7 .mbgaui-active,
		.footer-menu-block-l8 .mbgaui-active,
		.footer-menu-block-l9 .mbgaui-active,
		.footer-menu-block-l10 .mbgaui-active,
		.footer-menu-block-l11 .mbgaui-active {
			background-position: -192px 0;
		}

			.mbgaui-widget-anchors.go:before,
			.mbgaui-active.go:before {
				width: 63px;
				height: 39px;
				content: "";
				display: block;
				position: absolute;
				background-image: url("Game_Images/b_btn_go.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 63px 39px;
			}

			.mbgaui-widget-anchors.go:before {
				top: 10px;
				left: 10px;
			}

			.mbgaui-active.go:before {
				top: 12px;
				left: 12px;
			}

			.mbgaui-widget-anchors.upheaval:before,
			.mbgaui-active.upheaval:before {
				width: 95px;
				height: 21px;
				content: "";
				display: block;
				position: absolute;
				background-image: url("Game_Images/btn_upheaval.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 93px 14px;
			}

			.mbgaui-widget-anchors.upheaval:before {
				top: 27px;
				left: 7px;
			}

			.mbgaui-active.upheaval:before {
				top: 27px;
				left: 7px;
			}

			.mbgaui-widget-anchors.contribute:before,
			.mbgaui-active.contribute:before {
				width: 72px;
				height: 24px;
				content: "";
				display: block;
				position: absolute;
				background-image: url("Game_Images/btn_contribute.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 72px 15px;
			}

			.mbgaui-widget-anchors.contribute:before {
				top: 27px;
				left: 6px;
			}

			.mbgaui-active.contribute:before {
				top: 27px;
				left: 6px;
			}

			li.footer-menu-block-l a.mbgaui-disabled {
						opacity: 0.5;
			}

			.upheaval-time-limit {
				margin: 2px auto 0;
				width: 115px;
				height: 12px;
				font-size: 1.1rem;
				color: #ff0000;
				line-height: 12px;
				text-align: center;
				font-weight: bold;
				position: absolute;
				left: 98px;
				top: -4px;
			}
			
			.mbgaui-active.lock:after {
				width: 24px;
				height: 32px;
				content: "";
				display: block;
				position: absolute;
				top: 14px;
				left: 32px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -176px -280px;
				-webkit-background-size: 320px 1550px;
				z-index: 1;
			}

			.mbgaui-widget-anchors.upgrade:before,
			.mbgaui-widget-anchors.mission:before,
			.mbgaui-widget-anchors.claim:before,
			.mbgaui-widget-anchors.fusion:before,
			.mbgaui-widget-anchors.resume:before,
			.mbgaui-widget-anchors.reload:before,
			.mbgaui-active.upgrade:before,
			.mbgaui-active.mission:before,
			.mbgaui-active.claim:before,
			.mbgaui-active.fusion:before,
			.mbgaui-active.resume:before,
			.mbgaui-active.reload:before {
				width: 43px;
				height: 30px;
				content: "";
				display: block;
				position: absolute;
				background-position: 0 0;
				background-repeat: no-repeat;
				-webkit-background-size: 43px 30px;
			}

			.mbgaui-widget-anchors.upgrade:before,
			.mbgaui-widget-anchors.mission:before,
			.mbgaui-widget-anchors.claim:before,
			.mbgaui-widget-anchors.fusion:before,
			.mbgaui-widget-anchors.resume:before,
			.mbgaui-widget-anchors.reload:before {
				top: 5px;
				left: 18px;
			}

			.mbgaui-active.upgrade:before,
			.mbgaui-active.mission:before,
			.mbgaui-active.claim:before,
			.mbgaui-active.fusion:before,
			.mbgaui-active.resume:before,
			.mbgaui-active.reload:before {
				top: 7px;
				left: 20px;
			}

			.mbgaui-widget-anchors.upgrade:before,
			.mbgaui-active.upgrade:before,
			.mbgaui-widget-anchors.fusion:before,
			.mbgaui-active.fusion:before {
				background-image: url("Game_Images/b_btn_upgrade.png");
			}

			.mbgaui-widget-anchors.mission:before,
			.mbgaui-active.mission:before,
			.mbgaui-widget-anchors.resume:before,
			.mbgaui-active.resume:before {
				background-image: url("Game_Images/b_btn_mission.png");
			}

			.mbgaui-widget-anchors.claim:before,
			.mbgaui-active.claim:before {
				background-image: url("Game_Images/b_btn_claim.png");
			}

			.mbgaui-widget-anchors.reload:before,
			.mbgaui-active.reload:before {
				background-image: url("Game_Images/b_btn_reload.png");
			}

			.mbgaui-widget-anchors.upgrade:after,
			.mbgaui-widget-anchors.mission:after,
			.mbgaui-widget-anchors.claim:after,
			.mbgaui-widget-anchors.fusion:after,
			.mbgaui-widget-anchors.resume:after,
			.mbgaui-widget-anchors.reload:after,
			.mbgaui-active.upgrade:after,
			.mbgaui-active.mission:after,
			.mbgaui-active.claim:after,
			.mbgaui-active.fusion:after,
			.mbgaui-active.resume:after,
			.mbgaui-active.reload:after {
				width: 68px;
				height: 17px;
				content: "";
				display: block;
				position: absolute;
				background-position: 0 0;
				background-repeat: no-repeat;
				-webkit-background-size: 68px 17px;
			}

			.mbgaui-widget-anchors.upgrade:after,
			.mbgaui-widget-anchors.mission:after,
			.mbgaui-widget-anchors.claim:after,
			.mbgaui-widget-anchors.fusion:after,
			.mbgaui-widget-anchors.resume:after,
			.mbgaui-widget-anchors.reload:after {
				top: 34px;
				left: 6px;
			}

			.mbgaui-active.upgrade:after,
			.mbgaui-active.mission:after,
			.mbgaui-active.claim:after,
			.mbgaui-active.fusion:after,
			.mbgaui-active.resume:after,
			.mbgaui-active.reload:after {
				top: 36px;
				left: 8px;
			}

			.mbgaui-widget-anchors.upgrade:after,
			.mbgaui-active.upgrade:after {
				background-image: url("Game_Images/b_btn_upgrade_text.png");
			}

			.mbgaui-widget-anchors.mission:after,
			.mbgaui-active.mission:after {
				background-image: url("Game_Images/b_btn_mission_text.png");
			}

			.mbgaui-widget-anchors.claim:after,
			.mbgaui-active.claim:after {
				background-image: url("Game_Images/b_btn_claim_text.png");
			}

			.mbgaui-widget-anchors.fusion:after,
			.mbgaui-active.fusion:after {
				background-image: url("Game_Images/b_btn_fusion_text.png");
			}

			.mbgaui-widget-anchors.resume:after,
			.mbgaui-active.resume:after {
				background-image: url("Game_Images/b_btn_mission2_text.png");
			}

			.mbgaui-widget-anchors.reload:after,
			.mbgaui-active.reload:after {
				background-image: url("Game_Images/b_btn_reload_text.png");
			}

			.mbgaui-widget-anchors .turn1,
			.mbgaui-widget-anchors .turn3,
			.mbgaui-widget-anchors .turn0,
			.mbgaui-active .turn1,
			.mbgaui-active .turn3,
			.mbgaui-active .turn0 {
				width: 70px;
				height: 25px;
				font-size: 1.2rem;
				color: #e9d4b2;
				line-height: 25px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -80px -120px;
				-webkit-background-size: 320px 1550px;
			}
			
			.mbgaui-widget-anchors .red.turn1,
			.mbgaui-widget-anchors .red.turn3,
			.mbgaui-widget-anchors .red.turn0,
			.mbgaui-active .red.turn1,
			.mbgaui-active .red.turn3,
			.mbgaui-active .red.turn0 {
				background-position: -152px -120px!important;
			}

			.mbgaui-widget-anchors .turn3,
			.mbgaui-active .turn3 {
				width: 58px;
				padding: 0 12px 0 0;
				color: #ffd200;
			}

				.mbgaui-widget-anchors .turn3:before,
				.mbgaui-active .turn3:before {
					width: 11px;
					height: 12px;
					content: "";
					display: block;
					position: absolute;
					top: 6px;
					right: 6px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -288px -104px;
					-webkit-background-size: 320px 1550px;
				}

			.mbgaui-widget-anchors .turn1,
			.mbgaui-widget-anchors .turn3 {
				top: 6px;
				left: 6px;
			}

			.mbgaui-active .turn1,
			.mbgaui-active .turn3 {
				top: 8px;
				left: 8px;
			}
			
			.mbgaui-widget-anchors .turn0 {
				top: 16px;
				left: 6px;
			}
			
			.mbgaui-active .turn0 {
				top: 18px;
				left: 8px;
			}

			.mbgaui-widget-anchors .turn,
			.mbgaui-active .turn {
				width: 70px;
				height: 18px;
				font-size: 1.2rem;
				color: #3e2a24;
				line-height: 18px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
			}

			.mbgaui-widget-anchors .turn {
				top: 32px;
				left: 6px;
			}

			.mbgaui-active .turn {
				top: 34px;
				left: 8px;
			}

			.mbgaui-widget-anchors .again,
			.mbgaui-active .again {
				width: 80px;
				height: 36px;
				font-size: 1.4rem;
				color: #3e2a24;
				line-height: 18px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
			}

			.mbgaui-widget-anchors .again {
				top: 11px;
				left: 0;
			}

			.mbgaui-active .again {
				top: 13px;
				left: 2px;
			}

			.mbgaui-widget-anchors .fight,
			.mbgaui-active .fight {
				width: 80px;
				height: 18px;
				font-size: 1.4rem;
				color: #3e2a24;
				line-height: 18px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
			}

			.mbgaui-widget-anchors .fight {
				top: 20px;
				left: 0;
			}

			.mbgaui-active .fight {
				top: 22px;
				left: 2px;
			}

		.footer-btn-popup {
			width: 80px;
			height: 20px;
			font-size: 1.0rem;
			color: #ffffff;
			line-height: 14px;
			font-weight: bold;
			text-align: center;
			position: absolute;
			top: -12px;
			left: 0;
			background-image: url("Game_Images/footer_baloon_s.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 80px 20px;
			z-index: 2;
		}
		
		.footer-btn-popup1,
		.footer-btn-popup2 {
			-webkit-animation-name: footer-btn-popup;
			-webkit-animation-duration: 1s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
		}
		
		.footer-btn-popup1 { -webkit-animation-delay: 0s; }
		.footer-btn-popup2 { -webkit-animation-delay: 0.5s; }

		@-webkit-keyframes footer-btn-popup {
			from {
				-webkit-transform:translate(0px,0px);
			}
			45%{
				-webkit-transform:translate(0px,5px);
			}
			99.9%,to {
				-webkit-transform:translate(0px,0px);
			}
		}
		
		.pvp-arr1,
		.pvp-arr2 {
			-webkit-animation-name: pvp-arr;
			-webkit-animation-duration: 1s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
		}
		
		.pvp-arr1 { -webkit-animation-delay: 0s; }
		.pvp-arr2 { -webkit-animation-delay: 0.5s; }

		@-webkit-keyframes pvp-arr {
			from {
				-webkit-transform:translate(0px,0px);
			}
			45%{
				-webkit-transform:translate(5px,0px);
			}
			99.9%,to {
				-webkit-transform:translate(0px,0px);
			}
		}

.gacha-dialog-btn-area {
	margin: 0 5px;
	height: 57px;
	text-align: center;
}

	.gacha-dialog-btn {
		margin: 0 4px;
		width: 90px;
		height: 57px;
		display: inline-block;
		position: relative;
	}
	
		.gacha-dialog-btn-popup {
			width: 82px;
			height: 30px;
			display: table;
			position: absolute;
			top: -27px;
			left: 4px;
			background-image: url("../i/gacha/sale_hukidasi.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 82px 30px;
			z-index: 1;
		}
		
			.gacha-dialog-btn-popup p {
				padding: 0 0 9px;
				font-size: 1.0rem;
				color: #ff6e6e;
				line-height: 12px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
		
		.gacha-dialog-btn-popup2 {
			width: 154px;
			height: 52px;
			display: table;
			position: absolute;
			top: -49px;
			left: -32px;
			background-image: url("../i/gacha/gacha_hukidasi2.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 154px 52px;
			z-index: 1;
		}
		
			.gacha-dialog-btn-popup2 p {
				padding: 0 0 9px;
				font-size: 1.0rem;
				color: #ff6e6e;
				line-height: 12px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
		
		/*
		.gacha-dialog-btn-popup3 {
			width: 156px;
			height: 64px;
			display: table;
			position: absolute;
			top: -63px;
			left: -32px;
			background-image: url("../i/gacha/gacha_hukidasi3.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 156px 64px;
			z-index: 1;
		}
		*/
		
		.gacha-dialog-btn-popup3 {
			width: 240px;
			height: 74px;
			display: table;
			position: absolute;
			top: -71px;
			left: -74px;
			background-image: url("../i/gacha/gacha_hukidasi4.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 240px 74px;
			z-index: 1;
		}
		
			.gacha-dialog-btn-popup3 p {
				padding: 0 0 9px;
				font-size: 1.0rem;
				color: #ff6e6e;
				line-height: 12px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
		.gacha-dialog-btn-popup4 {
			width: 92px;
			height: 59px;
			display: table;
			position: absolute;
			top: -55px;
			left: 0;
			background-image: url("../i/gacha/sale_hukidasi2.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 92px 59px;
			z-index: 1;
		}
		
			.gacha-dialog-btn-popup4 p {
				padding: 0 0 9px;
				font-size: 1.0rem;
				color: #ff6e6e;
				line-height: 12px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
		
		.gacha-popup1,
		.gacha-popup2,
		.gacha-popup3 {
			-webkit-animation-name: gacha-popup;
			-webkit-animation-duration: 1s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
		}
		
		.gacha-popup1 { -webkit-animation-delay: 0s; }
		.gacha-popup2 { -webkit-animation-delay: 0.5s; }
		.gacha-popup3 { -webkit-animation-delay: 1s; }

		@-webkit-keyframes gacha-popup {
			from {
				-webkit-transform:translate(0px,0px);
			}
			45%{
				-webkit-transform:translate(0px,5px);
			}
			99.9%,to {
				-webkit-transform:translate(0px,0px);
			}
		}

		.gacha-dialog-btn a,
		.gacha-dialog-btn a span {
			text-decoration: none;
		}


		.gacha-dialog-btn a.mbgaui-widget-anchors,
		.gacha-dialog-btn a.mbgaui-active {
			margin: 0 4px;
			width: 84px;
			height: 59px;
			text-decoration: none;
			display: block;
			position: relative;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.gacha-dialog-btn a.mbgaui-widget-anchors { background-position: -108px 0; }
		.gacha-dialog-btn a.mbgaui-active { background-position: -192px 0; }
		.gacha-dialog-btn a.mbgaui-widget-anchors:active { background-position: -192px 0; }

			.gacha-dialog-btn .mbgaui-widget-anchors .coin,
			.gacha-dialog-btn .mbgaui-active .coin,
			.gacha-dialog-btn .mbgaui-widget-anchors .sale-coin,
			.gacha-dialog-btn .mbgaui-active .sale-coin {
				width: 70px;
				height: 25px;
				font-size: 1.2rem;
				color: #e9d4b2;
				line-height: 25px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .coin,
			.gacha-dialog-btn .mbgaui-active .coin {
				background-position: -80px -120px;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .sale-coin,
			.gacha-dialog-btn .mbgaui-active .sale-coin {
				background-position: -152px -120px;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .coin,
			.gacha-dialog-btn .mbgaui-active .coin,
			.gacha-dialog-btn .mbgaui-widget-anchors .sale-coin,
			.gacha-dialog-btn .mbgaui-active .sale-coin {
				width: 50px;
				padding: 0 0 0 20px;
				color: #ffd200;
			}

				.gacha-dialog-btn .mbgaui-widget-anchors .android.coin:before,
				.gacha-dialog-btn .mbgaui-active .android.coin:before,
				.gacha-dialog-btn .mbgaui-widget-anchors .ios.coin:before,
				.gacha-dialog-btn .mbgaui-active .ios.coin:before,
				.gacha-dialog-btn .mbgaui-widget-anchors .android.sale-coin:before,
				.gacha-dialog-btn .mbgaui-active .android.sale-coin:before,
				.gacha-dialog-btn .mbgaui-widget-anchors .ios.sale-coin:before,
				.gacha-dialog-btn .mbgaui-active .ios.sale-coin:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 2px;
					left: 8px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -224px -128px;
					-webkit-background-size: 320px 388px;
				}

				.gacha-dialog-btn .mbgaui-widget-anchors .android.coin:before,
				.gacha-dialog-btn .mbgaui-active .android.coin:before,
				.gacha-dialog-btn .mbgaui-widget-anchors .android.sale-coin:before,
				.gacha-dialog-btn .mbgaui-active .android.sale-coin:before {
					background-position: -224px -128px;
				}

				.gacha-dialog-btn .mbgaui-widget-anchors .ios.coin:before,
				.gacha-dialog-btn .mbgaui-active .ios.coin:before,
				.gacha-dialog-btn .mbgaui-widget-anchors .ios.sale-coin:before,
				.gacha-dialog-btn .mbgaui-active .ios.sale-coin:before {
					background-position: -204px -128px;
				}

			.gacha-dialog-btn .mbgaui-widget-anchors .coin,
			.gacha-dialog-btn .mbgaui-widget-anchors .sale-coin {
				top: 6px;
				left: 6px;
			}

			.gacha-dialog-btn .mbgaui-active .coin,
			.gacha-dialog-btn .mbgaui-active .sale-coin {
				top: 8px;
				left: 8px;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .gacha-count,
			.gacha-dialog-btn .mbgaui-active .gacha-count {
				width: 70px;
				height: 18px;
				font-size: 1.2rem;
				color: #3e2a24;
				line-height: 18px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .gacha-count {
				top: 32px;
				left: 6px;
			}

			.gacha-dialog-btn .mbgaui-active .gacha-count {
				top: 34px;
				left: 8px;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .nocoin-gacha-count,
			.gacha-dialog-btn .mbgaui-active .nocoin-gacha-count {
				width: 80px;
				height: 18px;
				font-size: 1.4rem;
				color: #3e2a24;
				line-height: 18px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .nocoin-gacha-count {
				top: 20px;
				left: 0;
			}

			.gacha-dialog-btn .mbgaui-active .nocoin-gacha-count {
				top: 22px;
				left: 2px;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .go-gacha,
			.gacha-dialog-btn .mbgaui-active .go-gacha {
				width: 80px;
				height: 18px;
				font-size: 2.0rem;
				color: #3e2a24;
				line-height: 18px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: absolute;
			}

			.gacha-dialog-btn .mbgaui-widget-anchors .go-gacha {
				top: 20px;
				left: 0;
			}

			.gacha-dialog-btn .mbgaui-active .go-gacha {
				top: 22px;
				left: 2px;
			}

/*image New
----------------------------------------------------------------*/
/* Null */
.img-bg-n-s-null {
	width: 48px;
	height: 48px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: 0 -816px;
	-webkit-background-size: 320px 1550px;
}

/* shadow */
.img-bg-n-shadow,
.img-bg-n-s-shadow,
.img-bg-n-l-shadow {
	position: relative;
	top: 2px;
	left: 2px;
	background: #000000;
}
.img-bg-n-s-shadow.rb26 {
	margin:8px auto 2px;
}

.img-bg-n-shadow {
	width: 72px;
	height: 72px;
}

.img-bg-n-s-shadow {
	width: 46px;
	height: 46px;
}

.img-bg-n-l-shadow {
	width: 106px;
	height: 106px;
}

	.img-bg-n-shadow:before,
	.img-bg-n-s-shadow:before,
	.img-bg-n-l-shadow:before {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		top: -2px;
		right: 0;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -40px;
		-webkit-background-size: 320px 1550px;
		z-index: 1;
	}

	.img-bg-n-shadow:after,
	.img-bg-n-s-shadow:after,
	.img-bg-n-l-shadow:after {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: -2px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -312px -40px ;
		-webkit-background-size: 320px 1550px;
		z-index: 1;
	}

.img-bg-n-ss-shadow {
	width: 36px;
	height: 36px;
	position: relative;
	top: 1px;
	left: 1px;
	background: #000000;
}

/* filter */
.img-bg-n-filter {
	width: 72px;
	height: 72px;
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 5;
}

.img-bg-n-s-filter {
	width: 46px;
	height: 46px;
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 5;
}

.img-bg-n-filter.mbgaui-widget-anchors,
.img-bg-n-s-filter.mbgaui-widget-anchors {
	background: transparent;
}

.img-bg-n-filter.mbgaui-active,
.img-bg-n-s-filter.mbgaui-active {
	background: rgba(0,0,0,0.5);
}

/* basic 64*64 */
.img-bg-n-shadow-filter {
	width: 90px;
	height: 90px;
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	left: -10px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/frame_shadow.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 90px 90px;
}

.img-bg-n-shadow-filter2 {
	width: 108px;
	height: 108px;
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/thumbnailback-red.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 108px 108px;
}

.img-bg-n-shadow-filter3 {
	width: 108px;
	height: 108px;
	content: "";
	display: block;
	position: absolute;
	top: -14px;
	left: -14px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/thumbnail_lighting.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 108px 108px;
}

.img-bg-n {
	padding: 3px;
	width: 72px;
	height: 72px;
	position: absolute;
	top: -2px;
	left: -2px;
	-webkit-box-sizing: border-box;
}

.img-bg-n1 {
	border: #2d4446 solid 1px;
	background: #4c6669;
}

.img-bg-n2 {
	border: #5c5c5c solid 1px;
	background: #8b8b8b;
}

.img-bg-n3 {
	border: #573510 solid 1px;
	background: #866139;
}

	.img-bg-n1:before,
	.img-bg-n2:before,
	.img-bg-n3:before {
		width: 64px;
		height: 64px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 64px 64px;
		z-index: 2;
	}

	.img-bg-n1:before {
		border: #3a575a solid 2px;
		background-image: url("Game_Images/thumb_bg1.png");
	}
	.img-bg-n2:before {
		border: #767676 solid 2px;
		background-image: url("Game_Images/thumb_bg2.png");
	}
	.img-bg-n3:before {
		border: #704415 solid 2px;
		background-image: url("Game_Images/thumb_bg3.png");
		}

	.img-bg-n1:after,
	.img-bg-n2:after,
	.img-bg-n3:after {
		width: 72px;
		height: 72px;
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		background-image: url("Game_Images/thumb_border_light1.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 72px 72px;
	}

/* basic 40*40 */
.img-bg-n-s {
	padding: 2px;
	width: 46px;
	height: 46px;
	position: absolute;
	top: -2px;
	left: -2px;
	-webkit-box-sizing: border-box;
}

.img-bg-n-s1 {
	border: #2d4446 solid 1px;
	background: #4c6669;
}

.img-bg-n-s2 {
	border: #5c5c5c solid 1px;
	background: #8b8b8b;
}

.img-bg-n-s3 {
	border: #573510 solid 1px;
	background: #866139;
}

	.img-bg-n-s1:before,
	.img-bg-n-s2:before,
	.img-bg-n-s3:before {
		width: 40px;
		height: 40px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 40px 40px;
		z-index: 2;
	}

	.img-bg-n-s1:before {
		border: #3a575a solid 1px;
		background-image: url("Game_Images/thumb_bg1.png");
	}

	.img-bg-n-s2:before {
		border: #767676 solid 1px;
		background-image: url("Game_Images/thumb_bg2.png");
	}

	.img-bg-n-s3:before {
		border: #704415 solid 1px;
		background-image: url("Game_Images/thumb_bg3.png");
	}

	.img-bg-n-s1:after,
	.img-bg-n-s2:after,
	.img-bg-n-s3:after {
		width: 46px;
		height: 46px;
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		background-image: url("Game_Images/thumb_border_light1.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 46px 46px;
	}

/* basic 100*100 */
.img-bg-n-l {
	padding: 2px;
	width: 106px;
	height: 106px;
	position: absolute;
	top: -2px;
	left: -2px;
	-webkit-box-sizing: border-box;
}

.img-bg-n-l1 {
	border: #2d4446 solid 1px;
	background: #4c6669;
}

.img-bg-n-l2 {
	border: #5c5c5c solid 1px;
	background: #8b8b8b;
}

.img-bg-n-l3 {
	border: #573510 solid 1px;
	background: #866139;
}

	.img-bg-n-l1:before,
	.img-bg-n-l2:before,
	.img-bg-n-l3:before {
		width: 100px;
		height: 100px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 100px 100px;
		z-index: 2;
	}

	.img-bg-n-l1:before {
		border: #3a575a solid 1px;
		background-image: url("Game_Images/thumb_bg1.png");
	}

	.img-bg-n-l2:before {
		border: #767676 solid 1px;
		background-image: url("Game_Images/thumb_bg2.png");
	}

	.img-bg-n-l3:before {
		border: #704415 solid 1px;
		background-image: url("Game_Images/thumb_bg3.png");
	}

	.img-bg-n-l1:after,
	.img-bg-n-l2:after,
	.img-bg-n-l3:after {
		width: 106px;
		height: 106px;
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		background-image: url("Game_Images/thumb_border_light1.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 106px 106px;
	}


/* basic 32*32 */
.img-bg-n-ss {
	padding: 2px;
	width: 36px;
	height: 36px;
	position: absolute;
	top: -1px;
	left: -1px;
	-webkit-box-sizing: border-box;
}

.img-bg-n-ss1 {
	border: #2d4446 solid 1px;
	background: #4c6669;
}

.img-bg-n-ss2 {
	border: #5c5c5c solid 1px;
	background: #8b8b8b;
}

.img-bg-n-ss3 {
	border: #573510 solid 1px;
	background: #866139;
}

	.img-bg-n-ss1:before,
	.img-bg-n-ss2:before,
	.img-bg-n-ss3:before {
		width: 32px;
		height: 32px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 32px 32px;
		z-index: 2;
	}

	.img-bg-n-ss1:before { background-image: url("Game_Images/thumb_bg1.png"); }
	.img-bg-n-ss2:before { background-image: url("Game_Images/thumb_bg2.png"); }
	.img-bg-n-ss3:before { background-image: url("Game_Images/thumb_bg3.png");}

	.img-bg-n-ss1:after,
	.img-bg-n-ss2:after,
	.img-bg-n-ss3:after {
		width: 36px;
		height: 36px;
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		background-image: url("Game_Images/thumb_border_light1.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 36px 36px;
	}

/* edge img 40*40 */
.img-bg-n-s-edge-filter {
	width: 55px;
	height: 55px;
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/edge_s_frame_2.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 55px 55px;
}


/* deck */
.img-bg-n-d {
	padding: 3px;
	width: 72px;
	height: 72px;
	position: absolute;
	top: -2px;
	left: -2px;
	-webkit-box-sizing: border-box;
}

.img-bg-n-d0 {
	border: #292929 solid 1px;
	background: #343434;
}

.img-bg-n-d1 {
	border: #394257 solid 1px;
	background: #495570;
}

.img-bg-n-d2 {
	border: #273c6d solid 1px;
	background: #324d8c;
}

.img-bg-n-d3 {
	border: #355b6f solid 1px;
	background: #44758e;
}

.img-bg-n-d4 {
	border: #256453 solid 1px;
	background: #2f806a;
}

.img-bg-n-d5 {
	border: #496a30 solid 1px;
	background: #5e883d;
}

.img-bg-n-d6 {
	border: #878834 solid 1px;
	background: #adae43;
}

.img-bg-n-d7 {
	border: #c7a900 solid 1px;
	background: #ffd800;
}

.img-bg-n-d8 {
	border: #c77e00 solid 1px;
	background: #ffbe4c;
}

.img-bg-n-d9 {
	border: #92360e solid 1px;
	background: #d38564;
}

.img-bg-n-d10 {
	border: #92360e solid 1px;
	background: #d05c5c;
}

	.img-bg-n-d0:before,
	.img-bg-n-d1:before,
	.img-bg-n-d2:before,
	.img-bg-n-d3:before,
	.img-bg-n-d4:before,
	.img-bg-n-d5:before,
	.img-bg-n-d6:before,
	.img-bg-n-d7:before {
		width: 64px;
		height: 64px;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 2px;
		background-image: url("Game_Images/thumb_bg3.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 64px 64px;
		z-index: 2;
	}

	.img-bg-n-d8:before,
	.img-bg-n-d9:before,
	.img-bg-n-d10:before {
		width: 64px;
		height: 64px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-image: url("Game_Images/thumb_bg3.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 64px 64px;
		z-index: 2;
	}

	.img-bg-n-d0:before { border: #1f1f1f solid 1px; }
	.img-bg-n-d1:before { border: #2b3242 solid 1px; }
	.img-bg-n-d2:before { border: #1e2e54 solid 1px; }
	.img-bg-n-d3:before { border: #294655 solid 1px; }
	.img-bg-n-d4:before { border: #1c4d40 solid 1px; }
	.img-bg-n-d5:before { border: #385124 solid 1px; }
	.img-bg-n-d6:before { border: #686828 solid 1px; }
	.img-bg-n-d7:before { border: #998200 solid 1px; }
	.img-bg-n-d8:before { border: #ffa60a solid 2px; }
	.img-bg-n-d9:before { border: #be4d1c solid 2px; }
	.img-bg-n-d10:before { border: #bc1717 solid 2px; }

	.img-bg-n-d8:after,
	.img-bg-n-d9:after,
	.img-bg-n-d10:after {
		width: 72px;
		height: 72px;
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		background-image: url("Game_Images/thumb_border_light2.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 72px 72px;
	}

	.img-bg-n-ss img {
		position: relative;
		top: -1px;
		left: -1px;
		z-index: 3;
	}

	.img-bg-n img,
	.img-bg-n-s img,
	.img-bg-n-l img,
	.img-bg-n-d img {
		position: relative;
		z-index: 3;
	}

.pop-up-arr1,
.pop-up-arr2 {
	padding: 7px 7px 0 0;
	width: 48px;
	height: 43px;
	position: absolute;
	top: 15px;
	left: 12px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 3;
}

.pop-up-arr1 { background-position: -146px -553px; }
.pop-up-arr2 { background-position: -65px -920px; }

	.pop-up-arr1 p,
	.pop-up-arr2 p {
		font-size: 1.4rem;
		color: #ffa997;
		line-height: 15px;
		text-align: center;
	}
	
		.pop-up-arr1 p span,
		.pop-up-arr2 p span {
			color: #ffffff;
			font-weight: bold;
		}

/*thumb upper mark
----------------------------------------------------------------*/
.lock-left-mark {
	width: 24px;
	height: 32px;
	position: absolute;
	top: 12px;
	left: 5px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -176px -280px;
	-webkit-background-size: 320px 1550px;
	z-index: 101;
}

.deck-mark {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -1px;
	left: -1px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -84px -192px;
	-webkit-background-size: 320px 388px;
	z-index: 65;
}

.deck-mark2 {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 13px;
	left: 8px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -84px -192px;
	-webkit-background-size: 320px 388px;
	z-index: 91;
}

.deck-mark3 {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 10px;
	left: 3px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -84px -192px;
	-webkit-background-size: 320px 388px;
	z-index: 101;
}

.deck-mark-ss {
	width: 20px;
	height: 20px;
	position: absolute;
	top: -1px;
	left: -1px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -124px -368px;
	-webkit-background-size: 320px 388px;
	z-index: 101;
}

.ikupi-mark {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 10px;
	left: 3px;
	background-image: url("Game_Images/ikupi_th.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 36px 36px;
	z-index: 104;
}

.cant-mark {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 10px;
	left: 3px;
	background-image: url("Game_Images/cant_th.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 36px 36px;
	z-index: 103;
}

.sale-mark {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -226px 0;
	-webkit-background-size: 320px 1550px;
	z-index: 65;
}

.new-mark {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -1px;
	left: -1px;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -226px -37px;
	-webkit-background-size: 320px 1550px;
	z-index: 65;
}

.new-mark2 {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -226px -37px;
	-webkit-background-size: 320px 1550px;
	z-index: 65;
}

.new-mark3 {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 8px;
	left: 8px;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -226px -37px;
	-webkit-background-size: 320px 1550px;
	z-index: 65;
}

.new-mark4 {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 6px;
	left: 12px;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -226px -37px;
	-webkit-background-size: 320px 1550px;
	z-index: 65;
}

.attack-mark {
	width: 41px;
	height: 41px;
	position: absolute;
	top: -1px;
	left: -1px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -128px -192px;
	-webkit-background-size: 320px 388px;
	z-index: 65;
}

/*thumb lower mark
----------------------------------------------------------------*/
.item-lock-mark {
	width: 24px;
	height: 32px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -176px -280px;
	-webkit-background-size: 320px 1550px;
	z-index: 65;
}

/*lock level text
----------------------------------------------------------------*/
.lock-level-text {
	width: 132px;
	height: 15px;
	font-size: 1.0rem;
	color: #838383;
	line-height: 15px;
	text-align: center;
	position: absolute;
	right: 12px;
	top: 56px;
	-webkit-border-radius: 3px;
	background: rgba(0,0,0,0.5);
}
	
	.lock-level-text span.blue {
		color: #53a0e0;
		font-weight: bold;
	}
		
	.lock-level-text span.white {
		color: #ffffff;
		font-weight: bold;
	}

/*basic attr
----------------------------------------------------------------*/
.basic-attr1,
.basic-attr2,
.basic-attr3,
.basic-attr4,
.basic-attr5 {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 388px;
	z-index: 99;
}

.basic-attr1 { background-position: -84px -100px; }
.basic-attr2 { background-position: -108px -100px; }
.basic-attr3 { background-position: -132px -100px; }
.basic-attr4 { background-position: -156px -100px; }
.basic-attr5 { background-position: -180px -100px; }

.deck-attr1 {
	top: 50px;
	left: 61px;
}

.deck-attr1_1{
	top: 25px;
	left: 28px;
	z-index: 1000
}

.deck-attr2 {
	top: 29px;
	left: 44px;
}

.deck-attr3 {
	top: 54px;
	left: 64px;
}

.deck-attr4 {
	top: 50px;
	left: 55px;
}

.deck-attr5 {
	top: 55px;
	left: 68px;
}

.deck-attr6 {
	top: 53px;
	left: 55px;
}

.deck-attr7 {
	top: 60px;
	left: 56px;
}

.reward-attr {
	top: 55px;
	left: 67px;
}

.basic-job1,
.basic-job2,
.basic-job3,
.basic-job4,
.basic-job5 {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 388px;
	z-index: 99;
}

.basic-job1 { background-position: -44px -148px; }
.basic-job2 { background-position: -68px -148px;  }
.basic-job3 { background-position: -92px -148px;  }
.basic-job4 { background-position: -116px -148px; }
.basic-job5 { background-position: -140px -148px; }

.deck-job1 {
	top: 50px;
	left: 61px;
}

.deck-job2 {
	top: 29px;
	left: 44px;
}

.deck-job3 {
	top: 54px;
	left: 64px;
}

.deck-job4 {
	top: 50px;
	left: 55px;
}

.deck-job5 {
	top: 55px;
	left: 68px;
}

.deck-job6 {
	top: 53px;
	left: 55px;
}

.deck-job7 {
	top: 60px;
	left: 56px;
}

.reward-job {
	top: 55px;
	left: 67px;
}

.basic-hero-accessory {
	width: 24px;
	height: 24px;
	top: 0px;
	left: 278px;
	display: block;
	position: absolute;
	background-image: url("Game_Images/hero_gear.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-webkit-background-size: 24px 24px;
	z-index: 99;
}
.auto-fuse-hero-accessory {
	top: -9px;
	left: 282px;
}

/* basic attr for element combat
---------------------------------------------*/
.combat-basic-attr1,
.combat-basic-attr2,
.combat-basic-attr3,
.combat-basic-attr4,
.combat-basic-attr5 {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 99;
}

.combat-basic-attr1 { background-position: -0px -1005px; }
.combat-basic-attr2 { background-position: -21px -1005px; }
.combat-basic-attr3 { background-position: -42px -1005px; }
.combat-basic-attr4 { background-position: -62px -1005px; }
.combat-basic-attr5 { background-position: -82px -1005px; }

.combat-deck-attr1 {
	top: 30px;
	left: 38px;
	z-index: 301;
}

.temporary-img-block .reward-attr {
	top: 50px!important;
	left: 60px!important;
}

/* Mission popup menu
----------------------------------------------------------------*/
.mission-popup-menu {
	padding: 10px 0 0;
	width: 165px;
	height: 65px;
	display: -webkit-box;
	position: absolute;
	top: -68px;
	left: 153px;
	-webkit-border-radius: 4px;
	-webkit-box-sizing: border-box;
	background: #000000;
	z-index: 100;
}

	.mission-popup-menu:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -7px;
		right: 27px;
		border-top: 7px solid rgba(0,0,0,1.0);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

	.mission-popup-menu-block {
		width: 55px;
		height: 50px;
	}

		.mission-popup-menu-block .mbgaui-widget-anchors,
		.mission-popup-menu-block .mbgaui-widget-active {
			margin: 0 auto;
			width: 40px;
			height: 40px;
			display: block;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.mission-popup-menu-block-img1.mbgaui-widget-anchors { background-position: -80px -303px; }
		.mission-popup-menu-block-img2.mbgaui-widget-anchors { background-position: -120px -303px; }
		.mission-popup-menu-block-img3.mbgaui-widget-anchors { background-position: -160px -303px; }

		.mission-popup-menu-block-img1.mbgaui-active { background-position: -200px -303px; }
		.mission-popup-menu-block-img2.mbgaui-active { background-position: -240px -303px; }
		.mission-popup-menu-block-img3.mbgaui-active { background-position: -280px -303px; }

		.mission-popup-menu-block p {
			font-size: 0.9rem;
			line-height: 10px;
			text-align: center;
		}

/* Pulldown form
----------------------------------------------------------------*/
.sort-pull-l,
.sort-pull-s,
.sort-pull-ss {
	position: absolute;
}

.sort-pull-l select,
.sort-pull-l select:active,
.sort-pull-s select,
.sort-pull-s select:active,
.sort-pull-ss select,
.sort-pull-ss select:active {
	padding: 0 20px 0 8px;
	height: 26px;
	font-size: 1.2rem;
	line-height: 22px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	position: relative;
	-webkit-box-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3);
	-webkit-appearance: button;
}

.sort-pull-l select,
.sort-pull-l select:active {
	width: 144px;
}

.sort-pull-s select,
.sort-pull-s select:active {
	width: 96px;
}

.sort-pull-ss select,
.sort-pull-ss select:active {
	width: 90px;
}

.sort-pull-l select,
.sort-pull-s select,
.sort-pull-ss select {
	color: #3e2a24;
	top: 0;
	left: 0;
	border-top: #e9d4b2 solid 2px;
	border-left: #e9d4b2 solid 2px;
	border-right: #b6a58b solid 2px;
	border-bottom: #b6a58b solid 2px;
	background-color: #e9d4b2;
	background-image: url("Game_Images/form_arrow_n.png");
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: 20px 20px;
}

.sort-pull-l select:active,
.sort-pull-s select:active,
.sort-pull-ss select:active {
	color: #e9d4b2;
	top: 1px;
	left: 1px;
	border-top: #4c3e37 solid 2px;
	border-left: #4c3e37 solid 2px;
	border-right: #614f46 solid 2px;
	border-bottom: #614f46 solid 2px;
	background-color: #614f46;
	background-image: url("Game_Images/form_arrow_p.png");
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: 20px 20px;
}

.sort-pull-fix-rank {
	top: 22px;
	left: 8px;
}

.sort-pull-fix-rank2 {
	top: 22px;
	left: 104px;
}

.sort-pull-fix-rank3 {
	top: 22px;
	left: 8px;
}

.sort-pull-fix-worldmap {
	top: 5px;
	left: 142px;
}

	.sort-pull-fix-worldmap select {
		width: 174px!important;
		font-size: 1.1rem;
	}

	.sort-pull-fix-worldmap select:active {
		width: 174px!important;
		font-size: 1.1rem;
	}

.sort-pull-fix-character-list1 {
	top: 10px;
	left: 12px;
}

.sort-pull-fix-character-list2 {
	top: 10px;
	left: 164px;
}

.sort-pull-fix-character-list3 {
	top: 3px;
	left: 0px;
}

.sort-pull-fix-store-list1 {
	top: 46px;
	left: 12px;
}

.sort-pull-fix-store-list2 {
	top: 46px;
	left: 164px;
}

.sort-pull-fix-friend {
	top: 55px;
	left: 170px;
}

.sort-pull-fix-deck {
	top: 6px;
	left: 12px;
}

.sort-pull-fix-buy-dialog {
	position: absolute;
	top: 262px;
	left: 120px;
}

.sort-pull-fix-item-detail-dialog {
	position: absolute;
	top: 60px;
	left: 120px;
}

.sort-pull-fix-collection {
	top: 13px;
	left: 9px;
}

.sort-pulltab-area-c-lower1 {
	top: 0;
	left: 0;
}

.sort-pulltab-area-c-lower2 {
	top: 0;
	left: 100px;
}

.sort-pull-no {
	width: 174px;
	height: 26px;
	color: #85e7ff;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 6px;
	left: 141px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 3px;
	border: #00607b solid 1px;
	background: #006f8f;
}

.sort-pull-no-fix {
	font-size: 90%;
}

/* Count
----------------------------------------------------------------*/
.count {
	padding: 0 3px;
	height: 15px;
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 2px;
	position: absolute;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	background: #ff0000;
	z-index: 50;
}

.header-tab li .count {
	top: -1px;
	right: 0;
}

.header-tab li.border-none .count {
	top: -3px;
	right: 0;
}

.footer-menu-area li .count {
	top: -5px;
	right: 4px;
}


.footer-menu-area-mission li .count {
	top: -5px;
	right: 4px;
}

.footer-menu-block-s1 .gacha .count {
	right: -1px;
}

.header-btn li .count {
	top: -5px;
	right: -2px;
}

.dialog-menu-cell .count {
	top: 3px;
	right: 14px;
}

.trade-top-bbox-center .count {
	top: -4px;
	right: -5px;
}

.gvg-bottom-menu-s4 .count {
	top: -5px;
	right: 4px;
}

/* header sort area(ranking)
----------------------------------------------------------------*/
.sort-area,
.sort-area2,
.sort-area3,
.sort-area4,
.sort-area5 {
	width: 100%;
	position: absolute;
	/*position: fixed;*/
	top: 40px;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-bottom: #2a1a1a solid 2px;
	background: #3e2a24;
	z-index: 100;
}

.sort-area6 {
	width: 100%;
	position: absolute;
	/*position: fixed;*/
	top: 40px;
	-webkit-box-sizing: border-box;
	border-bottom: #543f38 solid 1px;
	background: #3e2a24;
	z-index: 100;
}

	.sort-area6:before {
		width: 320px;
		height: 1px;
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #32221d;
	}

.sort-area {
	display: -webkit-box;
	height: 55px;
}

.sort-area6 {
	display: -webkit-box;
	height: 55px;
}

.sort-area2 {
	height: 90px;
}

	.sort-area2-cap {
		width: 320px;
		height: 44px;
		position: absolute;
		bottom: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		border-top: #32221d solid 1px;
	}
	
		.sort-area2-cap-inner {
			width: 320px;
			height: 43px;
			display: table;
			position: absolute;
			bottom: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			border-top: #543f38 solid 1px;
		}
		
			.sort-area2-cap-inner p {
				padding: 0 9px;
				font-size: 1.1rem;
				line-height: 16px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}

.sort-area3 {
	padding: 0;
	height: 93px;
}

.sort-area4 {
	padding: 0;
	height: 46px;
}

.sort-area5 {
	display: -webkit-box;
	height: 80px;
	background: #2e1f1b!important;
}

.sort-area-cap {
	width: 200px;
	height: 44px;
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.sort-area-cap-cache {
	height: 70px!important;
}

	.sort-area-cap p {
		padding: 0 8px;
		font-size: 1.1rem;
		line-height: 14px;
		vertical-align: middle;
		display: table-cell;
	}

		.sort-area-cap p a { font-weight: bold; }
		.sort-area-cap p a.mbgaui-widget-anchors { color: #ffd200; }
		.sort-area-cap p a.mbgaui-active { color: #241300; }

.soat-area-top-block {
	height: 46px;
	-webkit-box-sizing: border-box;
	border-bottom: #32221d solid 1px;
}

.soat-area-bottom-block {
	paddng: 0 8px;
	height: 45px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-top: #543f38 solid 1px;
}

	.soat-area-bottom-block-xp {
		padding: 1px 0 2px 9px;
		width: 190px;
		height: 45px;
		-webkit-box-sizing: border-box;
	}
	
		.soat-area-bottom-block-xp dl {
			width: 181px;
			height: 21px;
			display: -webkit-box;
			-webkit-box-sizing: border-box;
		}
		
			.soat-area-bottom-block-xp dl dt {
				margin: 2px 0;
				padding: 0 4px;
				width: 117px;
				height: 15px;
				font-size: 1.1rem;
				color: #876d64;
				line-height: 15px;
				-webkit-box-sizing: border-box;
			}
			
			.soat-area-bottom-block-xp dl dd {
				margin: 2px 0;
				padding: 0 4px;
				width: 62px;
				height: 15px;
				font-size: 1.2rem;
				color: #876d64;
				line-height: 15px;
				font-weight: bold;
				text-align: right;
				-webkit-box-sizing: border-box;
			}
		
		.soat-area-bottom-block-xp dl.top {
			border: #3e2a24 solid 1px;
		}
		
		.soat-area-bottom-block-xp dl.bottom {
			border: #44312b solid 1px;
			background: #33201a;
		}
		
			.soat-area-bottom-block-xp dl.bottom dd {
				color: #00caff;
				border-left: #44312b solid 1px;
			}

	.sort-area-zeny-num {
		padding: 0 0 0 20px;
		width: 90px;
		height: 22px;
		font-size: 1.2rem;
		color: #e8c09c;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 2px;
		left: 8px;
		-webkit-box-sizing: border-box;
		-webkit-border-radius: 1px;
		-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);
		border: #553a31 solid 1px;
		background: #32221d;
	}

		.sort-area-zeny-num:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -244px -128px;
			-webkit-background-size: 320px 388px;
		}

	.sort-area-zeny-plus {
		padding: 0 0 0 12px;
		width: 90px;
		height: 22px;
		font-size: 1.2rem;
		color: #8c6256;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 24px;
		left: 8px;
		-webkit-box-sizing: border-box;
	}
	
	.all-btn-header-area {
		width: 320px;
		height: 50px;
		position: relative;
		display: table;
		border-bottom: #3a3a3a solid 1px;
	}
	
		.all-btn-header-area p {
			padding: 0 9px;
			font-size: 1.2rem;
			color: #ff4b00;
			line-height: 16px;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}
		
			.all-btn-header-area p a { font-weight: bold; }
			
			.all-btn-header-area p a.mbgaui-widget-anchors { color: #ffd200; }
			.all-btn-header-area p a.mbgaui-active { color: #241300; }
	
	.all-btn-footer-area {
		padding: 10px 0 0;
		width: 100%;
		height: 44px;
		position: relative;
		border-top: #3a3a3a solid 1px;
	}

	.all-btn {
		padding: 0 0 0 102px;
		width: 100%;
		height: 34px;
		position: absolute;
		top: 5px;
		left: 0;
		-webkit-box-sizing: border-box;
	}

	.all-btn2 {
		padding: 0 0 0 102px;
		width: 100%;
		height: 34px;
		position: absolute;
		top: 18px;
		right: 5px;
		-webkit-box-sizing: border-box;
	}

	.all-btn3 {
		padding: 0 94px 0 8px;
		width: 100%;
		height: 34px;
		position: absolute;
		top: 10px;
		left: 0;
		-webkit-box-sizing: border-box;
	}

	.all-btn4 {
		padding: 0 0 0 102px;
		width: 100%;
		height: 34px;
		position: absolute;
		top: 10px;
		left: 0;
		-webkit-box-sizing: border-box;
	}
	
	.all-btn5 {
		padding: 0 0 0 102px;
		width: 100%;
		height: 34px;
		position: absolute;
		top: 8px;
		left: 0;
		-webkit-box-sizing: border-box;
	}
	
	.all-btn6 {
		padding: 0 0 0 102px;
		width: 100%;
		height: 34px;
		position: absolute;
		top: 55px;
		right: 5px;
		-webkit-box-sizing: border-box;
	}

			.all-btn li,
			.all-btn2 li,
			.all-btn3 li,
			.all-btn4 li,
			.all-btn5 li,
			.all-btn6 li {
				padding: 0 8px!important;
				width: 48%!important;
				height: 34px!important;
				vertical-align: top!important;
				display: inline-block;
				-webkit-box-sizing: border-box!important;
			}

	.sort-area .leftbox,
	.sort-area5 .leftbox,
	.sort-area6 .leftbox {
		padding: 4px 8px 8px;
		width: 196px;
		height: 55px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.sort-area .leftbox-link,
	.sort-area5 .leftbox-link,
	.sort-area6 .leftbox-link {
		width: 160px!important;
		height: 78px;
		position: relative;
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 1px 0 2px rgba(0,0,0,0.5);
		background: #3e2a24;
	}
	
		.sort-area .leftbox-link:before,
		.sort-area5 .leftbox-link:before,
		.sort-area6 .leftbox-link:before {
			width: 6px;
			height: 12px;
			content: "";
			display: block;
			position: absolute;
			top: 32px;
			right: 8px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -208px -88px;
			-webkit-background-size: 320px 1550px;
		}

	.sort-area .rightbox {
		padding: 8px;
		width: 118px;
		height: 55px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.sort-area5 .rightbox {
		padding: 8px;
		width: 150px;
		height: 80px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.sort-area6 .rightbox {
		padding: 8px;
		width: 118px;
		height: 55px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.sort-area .leftbox p,
	.sort-area5 .leftbox p,
	.sort-area6 .leftbox p {
		margin: 0 0 4px;
		font-size: 1.1rem;
		font-family: DotFont;
	}

	.sort-area .leftbox p.team-name,
	.sort-area5 .leftbox p.team-name,
	.sort-area6 .leftbox p.team-name {
		font-size: 1.6rem;
		color: #e9d4b2;
		line-height: 52px;
		font-weight: bold;
	}
	
	.sort-area .leftbox .cap,
	.sort-area5 .leftbox .cap,
	.sort-area6 .leftbox .cap {
		margin: 0 0 4px;
		font-size: 1.4rem;
		line-height: 16px;
		
	}
	
	.sort-area .leftbox .cap a,
	.sort-area5 .leftbox .cap a,
	.sort-area6 .leftbox .cap a {
		font-weight: bold;
	}
	
	.sort-area .leftbox .cap a.mbgaui-widget-anchors { color: #ffd200; }
	.sort-area5 .leftbox .cap a.mbgaui-widget-anchors { color: #ffd200; }
	.sort-area6 .leftbox .cap a.mbgaui-widget-anchors { color: #ffd200; }
	.sort-area .leftbox .cap a.mbgaui-active { color: #371a00; }
	.sort-area5 .leftbox .cap a.mbgaui-active { color: #371a00; }
	.sort-area6 .leftbox .cap a.mbgaui-active { color: #371a00; }
	
	.header-rank-box {
		margin: 0 24px 0 5px;
		padding: 2px 0 0;
		width: 100px;
		height: 37px;
		position: absolute;
		bottom: 7px;
		right: -19px;
		-webkit-box-sizing: border-box;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.2);
	}
	
		.header-rank-box01 {
			margin: 0 9px;
			font-size: 1.2rem;
			color: #775c53;
			line-height: 13px;
			font-weight: bold;
		}
		
		.header-rank-box02 {
			margin: 0 9px;
			font-size: 1.4rem;
			color: #ffd200;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
		}
	
	.header-rbtn {
		margin: 0 24px 0 5px;
		position: absolute;
		bottom: 5px;
		right: 0;
	}

		.header-rbtn a.mbgaui-widget-anchors,
		.header-rbtn a.mbgaui-active {
			width: 84px;
			height: 42px;
			font-size: 1.3rem;
			text-decoration: none;
			font-weight: bold;
			display: block;
			position: relative;
			background-image: url("Game_Images/sprite_line.png");
			background-repeat: repeat-x;
			-webkit-background-size: 100% 1550px;
			-webkit-box-sizing: border-box;
		}

		.header-rbtn a.mbgaui-widget-anchors {
			padding: 3px 0 0 12px;
			color: #b07800;
			background-position: 0 0;
		}

		.header-rbtn a.mbgaui-active {
			padding: 5px 0 0 14px;
			color: #463000;
			background-position: 0 -44px;
		}

			.header-rbtn a.mbgaui-widget-anchors span { color: #3e2a24; }
			.header-rbtn a.mbgaui-active span { color: #19110e; }

		.header-rbtn a.mbgaui-widget-anchors:before,
		.header-rbtn a.mbgaui-active:before {
			width: 5px;
			height: 42px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: -5px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.header-rbtn a.mbgaui-widget-anchors:before { background-position: -104px -64px; }
		.header-rbtn a.mbgaui-active:before { background-position: -144px -64px; }

		.header-rbtn a.mbgaui-widget-anchors:after,
		.header-rbtn a.mbgaui-active:after {
			width: 25px;
			height: 42px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			right: -24px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.header-rbtn a.mbgaui-widget-anchors:after { background-position: -112px -64px; }
		.header-rbtn a.mbgaui-active:after { background-position: -152px -64px; }


/* header tab(friend)
----------------------------------------------------------------*/
.tab-area-a {
	padding: 0 0 10px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 56px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	z-index: 100;
}

	.tab-area-icon-cap {
		width: 320px;
		height: 18px;
		display: -webkit-box;
		-webkit-box-pack: end;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
		.tab-area-icon-cap li {
			margin: 0 4px;
			padding: 0 0 0 18px;
			height: 18px;
			font-size: 1.1rem;
			color: #876d64;
			line-height: 18px;
			display: inline-block;
			position: relative;
		}
		
		.tab-area-icon-cap li.icon1:before,
		.tab-area-icon-cap li.icon2:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 2px;
			left: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}
		
		.tab-area-icon-cap li.icon1:before { background-position: -288px -304px; }
		.tab-area-icon-cap li.icon2:before { background-position: -272px -304px; }

	.tab-area-icon-cap2 {
		width: 320px;
		height: 18px;
		display: -webkit-box;
		-webkit-box-pack: end;
		position: relative;
		top: 17px;
	}
	
		.tab-area-icon-cap2 li {
			margin: 0 4px;
			padding: 0 0 0 18px;
			height: 18px;
			font-size: 1.1rem;
			color: #876d64;
			line-height: 18px;
			display: inline-block;
			position: relative;
		}
		
		.tab-area-icon-cap2 li.icon1:before,
		.tab-area-icon-cap2 li.icon2:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 2px;
			left: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}
		
		.tab-area-icon-cap2 li.icon1:before { background-position: -288px -304px; }
		.tab-area-icon-cap2 li.icon2:before { background-position: -272px -304px; }

	.tab-love-fix {
		bottom: -44px!important;
	}
	
		.tab-love-fix li {
			color: #747474!important;
		}

.tab-area-b {
	padding: 0 0 8px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 90px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	-webkit-box-sizing: border-box;
	z-index: 100;
}

	.tab-area-b form {
		padding: 8px 0 0;
	}

		.tab-area-b li.text {
			padding: 2px 0 0 5px;
			width: 159px;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.tab-area-b li.pull {
			padding: 0 8px 0 0;
			width: 30%;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.tab-area-b li.text:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 7px;
			left: 13px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -280px -152px;
			-webkit-background-size: 320px 1550px;
			z-index: 30;
		}

			.tab-area-b li.text input {
				padding: 0 4px 0 23px;
				width: 159px;
				height: 26px;
				font-size: 1.1rem;
				line-height: 20px;
				border: #745045 solid 1px;
				-webkit-border-radius: 15px;
				-webkit-box-sizing: border-box;
			}

.tab-area-c {
	padding: 0 0 8px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 150px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	-webkit-box-sizing: border-box;
	z-index: 100;
}

	.tab-area-c-upper {
		width: 320px;
		height: 60px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border-bottom: #32221d solid 1px;
	}
	
		.tab-area-c-upper-left {
			padding: 9px 0 0 8px;
			width: 60px;
			height: 59px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.tab-area-c-upper-center {
			padding: 10px 0 0 4px;
			width: 100px;
			height: 59px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.tab-area-c-upper-center ul li {
				font-size: 1.2rem;
				line-height: 14px;
				position: relative;
			}
			
			.tab-area-c-upper-center ul li.lv {
				color: #ffd200;
			}
			
				.lv-next {
					padding: 0 0 0 22px;
					font-size: 1.2rem;
					color: #ffd200;
					line-height: 14px;
					font-weight: bold;
					display: inline-block;
					position: relative;
				}
				
					.lv-next:before {
						width: 12px;
						height: 11px;
						content: "";
						display: block;
						position: absolute;
						top: 2px;
						left: 2px;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -160px -24px;
						-webkit-background-size: 320px 1550px;
					}
			
			.tab-area-c-upper-center ul li.sef {
				display: inline-block;
			}
			
				.tab-area-c-upper-center ul li.ev:before {
					width: 16px;
					height: 16px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					right: -20px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -228px -76px;
					-webkit-background-size: 320px 388px;
				}
			
				.tab-area-c-upper-center ul li span.b {
					font-weight: bold;
				}
				
				.tab-area-c-upper-center ul li span.n {
					color: #80665e;
				}
		
		.tab-area-c-upper-right {
			padding: 10px 0 0;
			width: 158px;
			height: 59px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.tab-area-c-upper-right-lv {
				width: 148px;
				height: 40px;
				-webkit-box-sizing: border-box;
			}
			
				.tab-area-c-upper-right-lv dl {
					width: 142px;
					height: 20px;
					display: -webkit-box;
					-webkit-box-sizing: border-box;
				}
				
					.tab-area-c-upper-right-lv dl dt {
						margin: 2px 0;
						padding: 0 2px;
						width: 77px;
						height: 14px;
						font-size: 1.0rem;
						color: #876d64;
						line-height: 14px;
						-webkit-box-sizing: border-box;
						border-right: #543f38 solid 1px;
					}
					
					.tab-area-c-upper-right-lv dl dd {
						margin: 2px 0;
						padding: 0 4px;
						width: 63px;
						height: 14px;
						font-size: 1.1rem;
						color: #876d64;
						line-height: 14px;
						font-weight: bold;
						text-align: right;
						-webkit-box-sizing: border-box;
						border-left: #32221d solid 1px;
					}
				
				.tab-area-c-upper-right-lv dl.top {
					border: transparent solid 1px;
				}
				
				.tab-area-c-upper-right-lv dl.bottom {
					border: #44312b solid 1px;
					background: #33201a;
				}
				
					.tab-area-c-upper-right-lv dl.top dt span {
						color: #ffd200;
						font-weight: bold;
					}
					
					.tab-area-c-upper-right-lv dl.top dd {
						font-weight: bold;
					}
				
					.tab-area-c-upper-right-lv dl.bottom dd {
						color: #00caff;
						font-weight: bold;
					}
		
	.tab-area-c-lower,
	.tab-area-d-lower  {
		width: 320px;
		height: 45px;
		position: relative;
		-webkit-box-sizing: border-box;
		border-top: #543f38 solid 1px;
	}
	
		.fuse-arr {
			width: 80px;
			height: 92px;
			position: absolute;
			background-image: url("Game_Images/tutori_hand.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 80px 92px;
			z-index: 120;
		}
		
		.fuse-arr2 {
			width: 61px;
			height: 80px;
			position: absolute;
			background-image: url("Game_Images/tutori_hand2.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 61px 80px;
			z-index: 120;
		}
		
		.fuse-arr-fix1 {
			top: 5px;
			right: 104px;
		}
		
		.fuse-arr-fix2 {
			top: -78px;
			left: 10px;
		}
		
		.fuse-arr-fix3 {
			top: -62px;
			right: 10px;
		}
		
		.fuse-arr  {
			-webkit-animation-name: fuse-arr;
			-webkit-animation-duration: 0.7s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
			-webkit-animation-delay: 0s;
		}
		
		@-webkit-keyframes fuse-arr {
			from {
				-webkit-transform:translate(0px,0px)
			}
			45%{
				-webkit-transform:translate(0px,8px);
			}
			99.9%,to {
				-webkit-transform:translate(0px,0px);
			}
		}
		
		.fuse-arr2  {
			-webkit-animation-name: fuse-arr2;
			-webkit-animation-duration: 0.7s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
			-webkit-animation-delay: 0s;
		}
		
		@-webkit-keyframes fuse-arr2 {
			from {
				-webkit-transform:translate(0px,0px)
			}
			45%{
				-webkit-transform:translate(0px,4px);
			}
			99.9%,to {
				-webkit-transform:translate(0px,0px);
			}
		}

		.tab-area-c-lower form,
		.tab-area-d-lower form {
			width: 100px;
			height: 38px;
			position: absolute;
			top: 8px;
			z-index: 1;
		}
		
		.tab-area-c-lower form.left-form { left: 9px; }
		.tab-area-c-lower form.right-form { left: 109px; }
		
		.tab-area-d-lower form.left-form { left: 9px; }
		.tab-area-d-lower form.right-form { left: 167px; }

/*FUSE MAX*/
.tab-area-d {
	padding: 0 0 8px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 130px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	-webkit-box-sizing: border-box;
	z-index: 100;
}

		.tab-area-d-upper-right {
			padding: 0 1px;
			width: 158px;
			height: 59px;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.tab-area-d-upper-right li {
				padding: 44px 0 0;
				width: 52px;
				height: 59px;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			.tab-area-d-star {
				width: 52px;
				height: 14px;
				text-align: center;
				position: relative;
			}
			
				.tab-area-d-star.gstar:before,
				.tab-area-d-star.nstar:before {
					width: 45px;
					height: 45px;
					content: "";
					display: block;
					position: absolute;
					left: 4px;
					top: -40px;
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 45px 45px;
				}
				
				.tab-area-d-star.gstar:before { background-image: url("../i/fuse/max_star01.png"); }
				.tab-area-d-star.nstar:before { background-image: url("../i/fuse/max_star03.png"); }
			
				.tab-area-d-star p {
					padding: 0 0 0 12px;
					font-size: 0.9rem;
					line-height: 14px;
					text-align: left;
					display: inline-block;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.tab-area-d-star p.hp { color: #00f3ff; }
					.tab-area-d-star p.at { color: #ff0000; }
					.tab-area-d-star p.df { color: #7d8cff; }
					.tab-area-d-star p.iq { color: #61a915; }
					.tab-area-d-star p.sp { color: #ed9102; }

					.tab-area-d-star p.hp:before,
					.tab-area-d-star p.at:before,
					.tab-area-d-star p.df:before,
					.tab-area-d-star p.iq:before,
					.tab-area-d-star p.sp:before {
						width: 12px;
						height: 12px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}

					.tab-area-d-star p.hp:before { background-position: -188px -60px; }
					.tab-area-d-star p.at:before { background-position: -200px -60px; }
					.tab-area-d-star p.df:before { background-position: -212px -60px; }
					.tab-area-d-star p.iq:before { background-position: -224px -60px; }
					.tab-area-d-star p.sp:before { background-position: -236px -60px; }

		.tab-area-d-lower p {
			font-size: 1.2rem;
			color: #876d64;
			line-height: 23px;
			text-align: center;
		}
		
		.tab-area-d-lower-lock-cap {
			padding: 0 0 0 35px;
			margin: 0 20px;
			font-size: 1.1rem;
			color: #ff884c;
			line-height: 41px;
			font-weight: bold;
			position: relative;
		}
		
			.tab-area-d-lower-lock-cap span {
				color: #ff0000;
			}
			
			.tab-area-d-lower-lock-cap:before {
				width: 24px;
				height: 32px;
				content: "";
				display: block;
				position: absolute;
				top: 4px;
				left: -1px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -176px -280px;
				-webkit-background-size: 320px 1550px;
			}
			
		.tab-area-d-lower-lock-list-cap {
			padding: 8px 9px 0;
			font-size: 1.2rem;
			line-height: 18px;
			text-align: center;
		}


/*SEND LOVE*/
.tab-area-e {
	padding: 0 0 8px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 95px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	-webkit-box-sizing: border-box;
	z-index: 100;
}

	.tab-area-love-area {
		width: 320px;
		height: 46px;
		display: -webkit-box;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
		.tab-area-love-area-left {
			width: 180px;
			height: 46px;
			position: relative;
		}
		
			.tab-area-love-area-heart-cap {
				padding: 3px 10px 0;
				height: 20px;
				font-size: 1.1rem;
				color: #876d64;
				line-height: 20px;
			}
		
			.tab-area-love-area-heart {
				padding: 0 0 0 10px;
				width: 135px;
				height: 25px;
				display: -webkit-box;
				-webkit-box-sizing: border-box;
			}
			
				.tab-area-love-area-heart li {
					width: 25px;
					height: 19px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}
				
				.tab-area-love-area-heart li.in { background-position: -248px -60px; }
				.tab-area-love-area-heart li.out { background-position: -248px -80px; }
				
			.tab-area-love-area-heart-plus {
				width: 34px;
				height: 18px;
				font-size: 1.0rem;
				color: #ff352a;
				line-height: 16px;
				font-weight: bold;
				text-align: center;
				-webkit-border-radius: 3px;
				-webkit-box-shadow: inset 1px 1px 1px #000000;
				position: absolute;
				top: 22px;
				left: 139px;
				-webkit-box-sizing: border-box;
				border: #372721 solid 1px;
				background: #39251e;
			}
				
			.tab-area-love-area-left-time {
				font-size: 1.1rem;
				color: #876d64;
				font-weight: bold;
				position: absolute;
				top: 7px;
				left: 12px;
			}
		
		.tab-area-love-area-right {
			width: 140px;
			height: 46px;
			display: -webkit-box;
			position: relative;
		}
		
			.tab-area-love-area-right:before {
				width: 9px;
				height: 46px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: -9px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -120px -336px;
				-webkit-background-size: 320px 1550px;
			}
			
		.tab-area-love-area-right-img {
			padding: 5px 0 0;
			width: 45px;
			height: 45px;
			-webkit-box-sizing: border-box;
		}
		
		.tab-area-love-area-right-cap {
			width: 77px;
			height: 46px;
			position: relative;
		}
		
			.tab-area-love-area-right-cap:before {
				width: 6px;
				height: 12px;
				content: "";
				display: block;
				position: absolute;
				top: 19px;
				right: -8px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -208px -88px;
				-webkit-background-size: 320px 1550px;
			}
		
			.tab-area-love-area-right-cap-top {
				padding: 10px 0 0;
				font-size: 1.0rem;
				color: #876d64;
				line-height: 12px;
				-webkit-box-sizing: border-box;
			}
			
			.tab-area-love-area-right-cap-bottom {
				padding: 3px 0 0;
				font-size: 1.0rem;
				line-height: 12px;
				font-weight: bold;
				-webkit-box-sizing: border-box;
			}

/*INVENTORY TAB*/
.tab-area-f {
	padding: 0 0 8px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 120px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	-webkit-box-sizing: border-box;
	z-index: 100;
}

.tab-area-f-2 {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 95px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	z-index: 100;
}

.tab-area-f-3 {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	width: 320px;
	height: 75px;
	top: 40px;
	position: absolute;
	/*position: fixed;*/
	border-bottom: #2a1a1a solid 1px;
	background: #3e2a24;
	z-index: 100;
}

	.tab-area-inventory-right {
		width: 190px;
		height: 34px;
		position: absolute;
		top: 55px;
		left: 9px;
		z-index: 1;
	}
	
	.tab-area-inventory-bottom {
		width: 320px;
		height: 25px;
		display: table;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	
	.tab-area-inventory-bottom2 {
		width: 190px;
		height: 40px;
		display: table;
		position: absolute;
		top: 52px;
		left: 0;
		z-index: 1;
	}
	
		.tab-area-inventory-bottom p,
		.tab-area-inventory-bottom2 p {
			padding: 0 9px;
			font-size: 1.1rem;
			line-height: 12px;
			vertical-align: middle;
			display: table-cell;
		}
	
		.tab-area-inventory-bottom p a { font-weight: bold; }
		.tab-area-inventory-bottom p a.mbgaui-widget-anchors { color: #ffd200; }
		.tab-area-inventory-bottom p a.mbgaui-active { color: #241300; }
		
		.tab-area-inventory-bottom2 p a { font-weight: bold; }
		.tab-area-inventory-bottom2 p a.mbgaui-widget-anchors { color: #ffd200; }
		.tab-area-inventory-bottom2 p a.mbgaui-active { color: #241300; }

.header-tab {
	padding: 3px 0 0;
	width: 320px;
	height: 45px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	border-top: #d99c3a solid 2px;
	background: #ffb744;
}

	.header-tab li {
		height: 40px;
		display: table;
		position: relative;
		-webkit-box-shadow: inset 1px -1px 1px rgba(255,255,255,0.3),0 2px 1px rgba(0,0,0,0.3);
		border-right: #c38013 solid 1px;
		border-bottom: #c38013 solid 2px;
	}

	.header-tab li.w80 { width: 79px; }
	.header-tab li.w106 { width: 105px; }
	.header-tab li.w107 { width: 106px; }
	.header-tab li.w160 { width: 159px; }

	.header-tab li:last-of-type { border-right: #ffb744 solid 1px; }

	.header-tab li.border-none {
		height: 40px;
		-webkit-box-shadow: 0 -1px 1px rgba(255,255,255,0.3);
		border-top: #c38013 solid 2px;
		border-left: #c38013 solid 1px;
		border-right: none;
		border-bottom: none;
		background: #3e2a24;
	}

		.header-tab li a.mbgaui-widget-anchors,
		.header-tab li a.mbgaui-active,
		.header-tab li a.mbgaui-disabled {
			width: 100%;
			font-size: 1.1rem;
			line-height: 1.4rem;
			font-family: DotFont;
			text-align: center;
			text-decoration: none;
			vertical-align: middle;
			display: table-cell;
			-webkit-box-sizing: border-box;
		}

		.header-tab li.w80 a { font-size: 1.0rem; }
		.header-tab li.w106 a { font-size: 1.0rem; }
		.header-tab li.w107 a { font-size: 1.0rem; }

		.header-tab li a.mbgaui-widget-anchors,
		.header-tab li a.mbgaui-active {
			height: 40px;
		}

		.header-tab li a.mbgaui-widget-anchors {
			color: #000000;
		}

		.header-tab li a.mbgaui-active {
			color: #ffffff;
		}

		.header-tab li a.mbgaui-disabled {
			height: 40px;
			color: #ffd200;
			position: relative;
			-webkit-box-shadow: inset 2px 2px 1px rgba(0,0,0,0.4);
			border-bottom: none;
			border-left: #c38013 solid 1px;
			background: #3e2a24;
		}

/* header stage area(mission)
----------------------------------------------------------------*/
.stage-area {
	padding: 0 8px;
	width: 100%;
	height: 38px;
	display: -webkit-box;
	position: absolute;
	/*position: fixed;*/
	top: 40px;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-bottom: #00607b solid 1px;
	background: #0081a6;
	z-index: 100;
}

	.stage-area .leftbox {
		-webkit-box-flex: 1;
	}

		.stage-area .leftbox p {
			padding: 0 8px 0 0px;
			font-size: 1.2rem;
			color: #8ed6ec;
			font-family: DotFont;
			line-height: 36px;
			position: relative;
		}

		.stage-area .leftbox p:before {
			width: auto;
			float: left;
			height: 10px;
			content: "";
			display: block;
			position: absolute;
			top: 12px;
			left: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -112px -24px;
			-webkit-background-size: 320px 1550px;
		}

		.stage-area .rightbox a:before {
			width: 32px;
			height: 32px;
			content: "";
			float: right;
			display: block;
			position: absolute;
			padding: 5px;
			background-repeat: no-repeat;
			background-position: -112px -24px;
		}

.stage-area2 {
	width: 320px;
	height: 38px;
	display: -webkit-box;
	position: absolute;
	/*position: fixed;*/
	top: 40px;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	border-top: #006e8d solid 1px;
	border-bottom: #00607b solid 1px;
	background: #0081a6;
	z-index: 100;
}

	.stage-area2 .leftbox {
		width: 141px;
		height: 37px;
		position: relative;
	}

.bottom-right {
	width: 85px;
	height: 90px;
	position: relative;
	top: 288px;
	right: -233px;
}

	.bottom-right .secret-map {
		width: 124px;
		height: 114px;
		position: absolute;
		background-image: url("Game_Images/Secret_mode_off.png");
		background-repeat: no-repeat;
		z-index: 3;
		top: -16px;
		left: -39px;
	}

	.secret-map-lock-mark {
		width: 24px;
		height: 32px;
		position: absolute;
		top: 19px;
		left: 22px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -176px -280px;
		-webkit-background-size: 320px 1550px;
		z-index: 5;
	}

	.info {
		width: 23px;
		height: 21px;
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -175px -209px;
		-webkit-background-size: 320px 1550px;
		z-index: 50;
	}

		.bottom-right .info {
			top: 3px;
			left: 69px;
		}

	.secret-map-detail-btn {
		width: 95px;
		height: 95px;
		position: absolute;
		background-image: url("Game_Images/sprite_sd.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
		background-position: 0 -380px;
		left: -10px;
	}

	.secret-map-detail-btn2 {
		width: 95px;
		height: 95px;
		position: absolute;
		z-index: 4;
		left: -10px;
	}

	.secret-map-detail-btn.mbgaui-widget-anchors { opacity: 1.0; }
	.secret-map-detail-btn.mbgaui-active { opacity: 0.5; }

.area-btn {
	position: absolute;
	top: 6px;
	left: 10px;
	-webkit-box-sizing: border-box;
}

	.area-btn li {
		padding: 0 4px 0 3px;
		width: 113px;
		height: 26px;
		-webkit-box-sizing: border-box;
	}

		.area-btn li.n-btn a.mbgaui-widget-anchors,
		.area-btn li.n-btn a.mbgaui-active,
		.area-btn li.s-btn a.mbgaui-widget-anchors,
		.area-btn li.s-btn a.mbgaui-active {
			width: 106px;
			height: 26px;
			line-height: 26px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite_line.png");
			background-repeat: repeat-x;
			-webkit-background-size: 100% 1550px;
		}

		.area-btn li.n-btn a.mbgaui-widget-anchors {
			background-position: 0 -527px;
		}

		.area-btn li.n-btn a.mbgaui-active {
			padding: 2px 0 0 2px;
			background-position: 0 -554px;
		}
		
		.area-btn li.n-btn a.mbgaui-widget-anchors:active {
			padding: 2px 0 0 2px;
			background-position: 0 -554px;
		}

		.area-btn li.s-btn a.mbgaui-widget-anchors {
			background-position: 0 -581px;
		}

		.area-btn li.s-btn a.mbgaui-active {
			padding: 2px 0 0 2px;
			background-position: 0 -608px;
		}

		.area-btn li.n-btn a span,
		.area-btn li.s-btn a span {
			padding: 0 0 0 20px;
			font-size: 1.4rem;
			line-height: 26px;
			text-align: center;
			position: relative;
			top: -1px;
			left: -1px;
		}

		.area-btn li.n-btn a span { color: #8cd5ff; }
		.area-btn li.s-btn a span { color: #7b4d04; }

			.area-btn li.n-btn a span:before,
			.area-btn li.s-btn a span:before {
				width: 19px;
				height: 13px;
				content: "";
				display: block;
				position: absolute;
				top: 2px;
				left: -7px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.area-btn li.n-btn a span:before { background-position: -16px -536px; }
			.area-btn li.s-btn a span:before { background-position: -40px -536px; }

			.area-btn li.n-btn a.mbgaui-widget-anchors:before,
			.area-btn li.n-btn a.mbgaui-active:before,
			.area-btn li.s-btn a.mbgaui-widget-anchors:before,
			.area-btn li.s-btn a.mbgaui-active:before {
				width: 3px;
				height: 26px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: -3px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.area-btn li.n-btn a.mbgaui-widget-anchors:after,
			.area-btn li.n-btn a.mbgaui-active:after,
			.area-btn li.s-btn a.mbgaui-widget-anchors:after,
			.area-btn li.s-btn a.mbgaui-active:after {
				width: 4px;
				height: 26px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: -4px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.area-btn li.n-btn a.mbgaui-widget-anchors:before { background-position: -232px -344px; }
			.area-btn li.n-btn a.mbgaui-widget-anchors:after { background-position: -236px -344px; }

			.area-btn li.n-btn a.mbgaui-active:before { background-position: -240px -344px; }
			.area-btn li.n-btn a.mbgaui-active:after { background-position: -244px -344px; }
			
			.area-btn li.n-btn a.mbgaui-widget-anchors:active:before { background-position: -240px -344px; }
			.area-btn li.n-btn a.mbgaui-widget-anchors:active:after { background-position: -244px -344px; }

			.area-btn li.s-btn a.mbgaui-widget-anchors:before { background-position: -248px -344px; }
			.area-btn li.s-btn a.mbgaui-widget-anchors:after { background-position: -252px -344px; }

			.area-btn li.s-btn a.mbgaui-active:before { background-position: -256px -344px; }
			.area-btn li.s-btn a.mbgaui-active:after { background-position: -260px -344px;}

	.world-map-btn {
		padding: 4px 0 0;
	}

		.world-map-btn li {
			width: 98px;
			height: 27px;
			font-size: 1.3rem;
			color: #ffffff;
			line-height: 27px;
			text-align: center;
			font-weight: bold;
			text-shadow: 0 -1px 1px #00a0e0, -1px 0 1px #00a0e0, 0 1px 1px #00a0e0, 1px 0 1px #00a0e0;
			display: inline-block;
		}

		 .world-map-btn li.mbgaui-widget-anchors,
		 .world-map-btn li.mbgaui-active {
			width: 98px;
			height: 27px;
			display: block;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.world-map-btn li.mbgaui-widget-anchors { background-position: 0 -552px; }
		.world-map-btn li.mbgaui-active { background-position: 0 -580px; }

	.arena-btn {
		padding: 4px 0 0;
	}

		.arena-btn li {
			width: 98px;
			height: 27px;
			font-size: 1.6rem;
			color: #ffffff;
			line-height: 27px;
			text-align: center;
			font-weight: bold;
			text-shadow: 0 -1px 1px #5a3701, -1px 0 1px #5a3701, 0 1px 1px #5a3701, 1px  0 1px #5a3701;
			display: inline-block;
		}

		.arena-btn li.mbgaui-widget-anchors,
		.arena-btn li.mbgaui-active {
			width: 98px;
			height: 27px;
			display: block;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.arena-btn li.mbgaui-widget-anchors { background-position: 0 -608px; }
		.arena-btn li.mbgaui-active { background-position: 0 -636px; }

/* basic list area
----------------------------------------------------------------*/
#list-wrapper {
	width: 100%;
	position: absolute;
	background: #444444;
}

.list-body {
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
}

	.list-tokusho-text {
		padding: 0 12px;
		font-size: 1.2rem;
		color: #d2ad00;
		line-height: 13px;
		font-weight: bold;
		text-align: right;
		position: absolute;
		bottom: 6px;
		right: 113px;
		z-index: 2;
	}
	
		.list-tokusho-text a.mbgaui-widget-anchors { color: #ffd200; }
		.list-tokusho-text a.mbgaui-active { color: #241300; }

	/* ranking,friend,inventory */
	.list-block {
		padding: 8px 0;
		min-height: 105px;
		position: relative;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/line_dot.png");
		background-repeat: repeat-x;
		background-position: left bottom;
		-webkit-background-size: 10px 3px;
	}
	
	.list-block.campaign-list-block {
		text-align: center;
	}
	.list-block.friend-block {
		padding: 4px 0 8px!important;
		min-height: 120px!important;
	}

	.list-block-nonheight { min-height: 48px!important; }

	.list-block.mine-block { background-color: #1a2e42; }

	.list-body > div.list-block:nth-last-of-type(1) {
		background-image: none;
	}

	.list-body > div > div.list-block:nth-last-of-type(1) {
		background-image: none;
	}

	.list-body > form > div.list-block:nth-last-of-type(1) {
		background-image: none;
	}

	.list-block.border-none {
		padding: 4px 8px;
		min-height: 95px;
		background: none;
	}

	.list-block.black-bg {
		padding: 4px 8px;
		min-height: 95px;
		background: #000000;
	}

	.list-block-wrap {
		display: -webkit-box;
		position: relative;
	}

	.img-box {
		width: 102px;
		position: relative;
	}
	
	.img-box2 {
		top: 20px;
	}

	.cap-box {
		margin: 0 0 0 8px;
		position: relative;
		-webkit-box-flex: 1;
	}
	
		.cap-box-fix {
			top: -8px;
		}
	
		.cap-box-trade-list {
			width: 160px;
			height: 16px;
			display: -webkit-box;
			position: relative;
		}
		
			.cap-box-trade-list li {
				height: 16px;
				font-size: 1.3rem;
				line-height: 16px;
			}
			
			.cap-box-trade-list li.rank3 {
				width: 80px;
				color: #ffd200;
			}
			
			.cap-box-trade-list li.ev,
			.cap-box-trade-list li.ev2 {
				display: inline-block;
				position: relative;
			}
			
				.cap-box-trade-list li.ev2:before {
					width: 16px;
					height: 16px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					right: -20px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -228px -76px;
					-webkit-background-size: 320px 388px;
				}
				
	.cap-box-offer-num {
		padding: 0 0 0 16px;
		font-size: 1.3rem;
		color: #67cbff;
		line-height: 16px;
		font-weight: bold;
		text-align: right;
		position: absolute;
		top: 64px;
		right: 14px;
	}
	
		.cap-box-offer-num:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -264px -360px;
			-webkit-background-size: 320px 388px;
		}
	
	.cap-box-offer-num-no {
		padding: 0 0 0 16px;
		font-size: 1.3rem;
		color: #8e8e8e;
		line-height: 16px;
		font-weight: bold;
		text-align: right;
		position: absolute;
		top: 64px;
		right: 14px;
	}
	
		.cap-box-offer-num-no:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -264px -344px;
			-webkit-background-size: 320px 388px;
		}
	
	.cap-box-offer-num2 {
		padding: 0 0 0 16px;
		font-size: 1.0rem;
		color: #67cbff;
		line-height: 16px;
		font-weight: bold;
		text-align: right;
		position: absolute;
		top: 85px;
		left: -84px;
	}
	
		.cap-box-offer-num2:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -264px -360px;
			-webkit-background-size: 320px 388px;
		}
	
	.cap-box-offer-num2-no {
		padding: 0 0 0 16px;
		font-size: 1.0rem;
		color: #8e8e8e;
		line-height: 16px;
		font-weight: bold;
		text-align: right;
		position: absolute;
		top: 85px;
		left: -87px;
	}
	
		.cap-box-offer-num2-no:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -264px -344px;
			-webkit-background-size: 320px 388px;
		}
	
		.cap-box-offer-num span {
			font-weight: normal;
		}

	.item-img-box {
		width: 90px;
		position: relative;
	}

	.item-img-box2 {
		padding: 6px 0 0 8px;
		width: 80px;
		position: relative;
	}
	
	.item-img-box3 {
		width: 45px;
		height: 45px;
		position: relative;
	}
	
		.list-edge-filter {
			width: 74px;
			height: 74px;
			position: absolute;
			top: -1px;
			left: -2px;
			-webkit-box-sizing: border-box;
			z-index: 43;
		}
		
		.list-edge-filter2 {
			width: 74px;
			height: 74px;
			position: absolute;
			top: 9px;
			left: 2px;
			-webkit-box-sizing: border-box;
			z-index: 43;
		}

		.list-edge-filter3 {
			width: 74px;
			height: 74px;
			position: absolute;
			top: 9px;
			left: 2px;
			-webkit-box-sizing: border-box;
			z-index: 43;
		}

		.list-edge-green-filter3 {
			width: 74px;
			height: 74px;
			position: absolute;
			top: 9px;
			left: 2px;
			-webkit-box-sizing: border-box;
			z-index: 43;
		}

			.list-edge-filter:before,
			.list-edge-filter2:before,
			.list-edge-filter3:before {
				width: 87px;
				height: 87px;
				content: "";
				display: block;
				position: absolute;
				top: -5px;
				left: -5px;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/edge_frame.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 87px 87px;
			}

			.list-edge-green-filter:before,
			.list-edge-green-filter2:before,
			.list-edge-green-filter3:before {
				width: 87px;
				height: 87px;
				content: "";
				display: block;
				position: absolute;
				top: -5px;
				left: -5px;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/edge_frame_green.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 87px 87px;
			}

		.img-box .user-img-shadow {
			width: 42px;
			height: 42px;
			position: absolute;
			top: 0;
			left: 8px;
			z-index: 53;
		}

			.user-img-shadow:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.user-img-shadow:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: -2px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.img-box .user-img {
				width: 42px;
				height: 42px;
				position: absolute;
				top: 2px;
				left: 2px;
				background: #113757;
				z-index: 53;
			}

				.img-box .user-img a {
					width: 42px;
					height: 42px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

			.img-box .user-img:after {
				width: 19px;
				height: 10px;
				content: "";
				display: block;
				position: absolute;
				top: 40px;
				left: 10px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -44px -116px;
				-webkit-background-size: 320px 388px;
			}

			.img-box .card-img {
				width: 74px;
				height: 74px;
				position: absolute;
				top: 6px;
				left: 28px;
				z-index: 51;
			}

			.item-img {
				width: 78px;
				height: 78px;
				position: absolute;
				top: 5px;
				left: 8px;
				z-index: 51;
			}
			
			.item-img2 {
				width: 29px;
				height: 29px;
				position: absolute;
				top: 6px;
				left: 8px;
				z-index: 51;
			}

		.cap-box .list-cap {
			margin: 0 0 4px;
			padding: 2px 0 2px;
			position: relative;
		}
		
			.cap-box .list-cap dl {
				position: relative;
			}

				.cap-box .list-cap dt {
					margin: 0 0 2px;
					font-size: 1.6rem;
					font-weight: bold;
				}

				.cap-box .list-cap dt.name {
					color: #ffffff;
				}

				.cap-box .list-cap dt.name2 {
					color: #ffffff;
					font-weight: normal;
				}

				.cap-box .list-cap dt.name3 {
					color: #ffd200;
				}

				.cap-box .list-cap dt.item-name {
					color: #ffffff;
				}

				.cap-box .list-cap dt.bpname {
					margin: 8px 0 4px;
					font-size: 1.3rem;
					color: #ffffff;
				}
				
				.cap-box .list-cap dt.ecname {
					margin: 4px 0 0;
					font-size: 1.3rem;
					color: #ffffff;
					position: relative;
				}
				
					.cap-box .list-cap dt.ecname a {
						position: absolute;
						top: 0;
						right: 0;
					}
					
					.cap-box .list-cap dt.ecname a.mbgaui-widget-anchors { color: #ffa200; }
					.cap-box .list-cap dt.ecname a.mbgaui-active { color: #5b3a00; }

				.cap-box .list-cap dd {
					font-size: 1.4rem;
					position: relative;
				}

					.cap-box .list-cap dd .lv-title {
						color: #2b5c85;
						font-weight: bold;
					}

					.cap-box .list-cap dd .lv-title2 {
						color: #53a0e0;
						font-weight: bold;
					}

				.cap-box .list-cap dd.name {
					margin: 0 0 10px;
				}

				.cap-box .list-cap dd.rank {
					font-size: 1.3rem;
					color: #ffffff;
				}
				
					.love-rank-fix {
						width: 110px!important;
						color: #aeaeae!important;
						position: absolute;
						top: -15px;
						left: 87px;
					}
					
						.love-rank-fix span {
							color: #808080!important;
							font-weight: bold;
						}
				
				.cap-box .list-cap dd.float-left {
					width: 84px;
					float: left;
				}
				
				.cap-box .list-cap dd.float-left2 {
					float: left;
				}
				
				.cap-box .list-cap dd.rank2 {
					font-size: 1.4rem;
					color: #ffd200;
					font-weight: bold;
				}

				.cap-box .list-cap dd.rank3 {
					font-size: 1.3rem;
					color: #ffd200;
				}

				.cap-box .list-cap dd.rank4 {
					font-size: 1.3rem;
				}
				
				.cap-box .list-cap dd.rank5 {
					font-size: 1.3rem;
				}
				
				.cap-box .list-cap dd.sta-block {
					margin: 0 8px 0 0;
					width: 76px;
					height: 16px;
					font-size: 1.3rem;
					color: #6cb6ff;
					line-height: 15px;
					font-weight: bold;
					text-align: center;
					float: left;
					-webkit-border-radius: 3px;
					background: rgba(0,0,0,0.3);
				}
				
				.cap-box .list-cap dd.sta-ago {
					width: 66px;
					height: 16px;
					font-size: 1.3rem;
					float: left;
				}

				.cap-box .list-cap dd.point {
					color: #55aea7;
				}

				.cap-box .list-cap dd.point2 {
					font-weight: bold;
				}
				
				.cap-box .list-cap dd.invite {
					font-size: 1.2rem;
					color: #9f9f9f;
				}
				
					.cap-box .list-cap dd.invite span {
						margin: 0 3px 0 0;
						color: #ffe400;
						font-weight: bold;
					}

				.cap-box .list-cap dd.bpcap {
					font-size: 1.3rem;
					color: #d1c687;
					line-height: 16px;
				}
				
				.cap-box .list-cap dd.eccap {
					font-size: 1.2rem;
				}

				.cap-box .list-cap dd.day {
					font-size: 1.2rem;
					color: #ed4601;
					line-height: 16px;
					position: relative;
					top: 8px;
				}

				.cap-box .list-cap dd.ev,
				.cap-box .list-cap dd.ev2,
				.cap-box .list-cap dd.other {
					font-size: 1.3rem;
					display: inline-block;
					position: relative;
				}

					.cap-box .list-cap dd.ev2:before {
						width: 16px;
						height: 16px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						right: -20px;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						background-position: -228px -76px;
						-webkit-background-size: 320px 388px;
					}

				.list-cap dd.gold,
				.list-cap dd.gold2,
				.list-cap dd.price,
				.list-cap dd.price-sale,
				.list-cap dd.price-sale-low,
				.list-cap dd.have,
				.list-cap dd.have2,
				.list-cap dd.have3 {
					padding: 0 0 0 20px;
					height: 20px;
					line-height: 20px;
					font-weight: bold;
					position: relative;
				}

				.list-cap dd.gold,
				.list-cap dd.price {
					color: #ffd200;
				}

				.list-cap dd.gold2 {
					padding: 0 0 0 20px;
					width: 60px;
					height: 30px;
					color: #ffd200;
					line-height: 30px;
					float: left;
				}

				.list-cap dd.price-sale {
					color: #ff4500;
					text-decoration: line-through;
					display: inline-block;
					position: relative;
				}

					.list-cap dd.price-sale span {
						color: #ffd200;
					}

				.list-cap dd.price-sale-low {
					padding: 0 0 0 20px;
					color: #ff4500;
					display: inline-block;
					position: relative;
				}

					.list-cap dd.price-sale-low:before {
						content: "";
						display: block;
						position: absolute;
						top: 2px;
						left: 4px;
						border-top: 7px solid transparent;
						border-bottom: 7px solid transparent;
						border-left: 12px solid #ff4500;
					}

				.list-cap dd.have {
					padding: 10px 0 0 20px;
					color: #ffffff;
				}

				.list-cap dd.have2 {
					padding: 0 0 0 20px;
					width: 60px;
					height: 30px;
					color: #ffffff;
					line-height: 30px;
					float: left;
				}

				.list-cap dd.have3 {
					padding: 8px 0 0 20px;
					color: #ffffff;
				}

				.list-cap dd.item-cap  {
					height: 32px;
					display: table;
				}
				
				.list-cap dd.item-cap2  {
					height: 16px;
					display: table;
				}

					.list-cap dd.item-cap p,
					.list-cap dd.item-cap2 p {
						height: 16px;
						font-size: 1.3rem;
						line-height: 16px;
						display: table-cell;
						vertical-align: middle;
					}

					.list-cap dd.gold:before,
					.list-cap dd.gold2:before,
					.list-cap dd.android.price:before,
					.list-cap dd.android.price-sale:before,
					.list-cap dd.ios.price:before,
					.list-cap dd.ios.price-sale:before,
					.list-cap dd.have:before,
					.list-cap dd.have2:before,
					.list-cap dd.have3:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}

					.list-cap dd.gold:before {
						top: 1px;
						background-position: -244px -128px;
					}

					.list-cap dd.gold2:before {
						top: 5px;
						background-position: -244px -128px;
					}

					.list-cap dd.android.price:before,
					.list-cap dd.android.price-sale:before {
						background-position: -224px -128px;
					}

					.list-cap dd.ios.price:before,
					.list-cap dd.ios.price-sale:before {
						background-position: -204px -128px;
					}

					.list-cap dd.have:before {
						top: 10px;
						background-position: -264px -128px;
					}

					.list-cap dd.have2:before {
						top: 5px;
						background-position: -264px -128px;
					}

					.list-cap dd.have3:before {
						top: 8px;
						background-position: -264px -128px;
					}
					
				.list-cap dd.gacha-count {
					font-size: 1.4rem;
					color: #ffc000;
					line-height: 16px;
					font-weight: bold;
					text-align: right;
					position: absolute;
					top: 2px;
					right: 8px;
				}

				.cap-box .list-cap dd.hour {
					color: #ffffff;
					position: absolute;
					top: 26px;
					right: 10px;
				}

		.list-equip-box {
			padding: 1px 2px 2px 1px;
			width: 28px;
			height: 28px;
			position: absolute;
			top: 51px;
			left: 8px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -208px -895px; /*was -896px before*/
			-webkit-background-size: 320px 1550px;
			z-index: 51;
		}
		
		.list-equip-box2 {
			padding: 2px;
			width: 35px;
			height: 35px;
			position: absolute;
			top: 37px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -216px -80px;
			-webkit-background-size: 320px 1550px;
		}
		
		.list-equip-box3 {
			padding: 1px 2px 2px 1px;
			width: 28px;
			height: 28px;
			position: absolute;
			top: 55px;
			left: 4px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -208px -895px;
			-webkit-background-size: 320px 1550px;
			z-index: 51;
		}
		
		.list-trade-bottom-cap {
			font-size: 1.3rem;
			font-weight: bold;
			position: absolute;
			top: 82px;
			left: 90px;
		}
		
		.list-trade-bottom-cap2 {
			font-size: 1.3rem;
			font-weight: bold;
			text-align: right;
			position: absolute;
			top: 82px;
			left: 90px;
		}

/* friend rank point
----------------------------------------------------------------*/
.friend-rp-block {
	width: 107px;
	height: 38px;
	position: absolute;
	top: 46px;
	left: 0px;
	-webkit-border-radius: 2px;
	-webkit-box-sizing: border-box;
	border: #262626 solid 1px;
	background: #2f2f2f;
}

	.friend-rp-block dl {
		margin: 0 2px;
		width: 101px;
		height: 18px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
	}
	
	.friend-rp-block dl.top { border-bottom: #363636 solid 1px; }
	.friend-rp-block dl.bottom { border-top: #232323 solid 1px; }
	
		.friend-rp-block dl dt {
			width: 42px;
			height: 17px;
			font-size: 1.1rem;
			color: #666666;
			line-height: 17px;
			font-weight: bold;
		}
		
		.friend-rp-block dl dd {
			width: 59px;
			height: 17px;
			font-size: 1.1rem;
			color: #909090;
			line-height: 17px;
		}
			

/* detail btn(ranking)
----------------------------------------------------------------*/
.detail_btn {
	margin: 0 0 12px;
	position: relative;
}

	.detail_btn li {
		height: 26px;
		position: absolute;
		bottom: -10px;
		right: 8px;
		-webkit-box-sizing: border-box;
		border-top: #292929 solid 1px;
		border-left: #292929 solid 1px;
		border-right: #5c5c5c solid 1px;
		border-bottom: #5c5c5c solid 1px;
	}

		.detail_btn li a.close,
		.detail_btn li a.open {
			padding: 0 8px 0 10px;
			width: 29px;
			height: 24px;
			line-height: 26px;
			text-align: center;
			text-decoration: none;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.detail_btn li a.close {
			color: #424242;
			border-right: #b6a58b solid 1px;
			border-bottom: #b6a58b solid 1px;
			background: #e9d4b2;
		}

		.detail_btn li a.open {
			color: #e9d4b2;
			border-right: #343434 solid 1px;
			border-bottom: #343434 solid 1px;
			background: #424242;
		}

			.detail_btn li a.close:after,
			.detail_btn li a.open:after {
				width: 11px;
				height: 6px;
				content: "";
				display: inline-block;
				position: absolute;
				top: 10px;
				left: 9px;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.detail_btn li a.close:after {
				background-position: -128px -32px;
			}

			.detail_btn li a.open:after {
				background-position: -128px -24px;
			}

.detail-body {
	margin: 0 8px 8px;
	padding: 7px 16px;
	width: 304px;
	position: absolute;
	top: 80px;
	-webkit-border-radius: 5px;
	-webkit-box-sizing: border-box;
	background: rgba(233,212,178,0.9);
	z-index: 54;
}

	.detail-body:after {
		content: "";
		position: absolute;
		top: -4px;
		right: 13px;
		border-top: 0;
		border-left: transparent solid 4px;
		border-right: transparent solid 4px;
		border-bottom: rgba(233,212,178,0.9) solid 4px;
	}

	.event-raid dt {
		padding: 0 0 0 5px;
		width: 81px;
		color: #444444;
		float: left;
		-webkit-box-sizing: border-box;
	}

	.event-raid dd {
		padding: 0 10px 0 0;
		width: 53px;
		color: #444444;
		font-weight: bold;
		text-align: right;
		float: left;
		-webkit-box-sizing: border-box;
	}
	
	.event-pvp dt.img {
		margin: 0 4px 0 0;
		padding: 2px;
		width: 33px;
		height: 33px;
		position: absolute;
		left: 8px;
		top: 8px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -280px -168px;
		-webkit-background-size: 320px 1550px;
	}
	
	.event-pvp dt {
		margin: 0 4px 0 30px;
		padding: 0 0 0 5px;
		width: 160px;
		color: #444444;
		line-height: 18px;
		font-weight: bold;
		float: left;
		-webkit-box-sizing: border-box;
	}

	.event-pvp dd {
		padding: 0 10px 0 0;
		width: 60px;
		color: #444444;
		line-height: 18px;
		text-align: left;
		float: left;
		-webkit-box-sizing: border-box;
	}

/* bottom right btn(friend,inventory)
----------------------------------------------------------------*/
.friend-btn {
	margin: 0 0 8px;
	padding: 0 0 0 134px;
	display: -webkit-box;
	position: absolute;
	top: 50px;
	left: 0;
	-webkit-box-sizing: border-box;
}

	.friend-btn li {
		margin: 0 4px 0 2px;
		padding: 0 8px;
		width: 84px;
		height: 34px;
		-webkit-box-sizing: border-box;
	}

.friend-btn.gear-fix {
	top: 58px;
	right: 4px;
}

.friend-btn.store-fix {
	top: 60px;
	right: 0;
}

.friend-btn.item-fix {
	top: 58px;
	right: 0;
}

/* red button,yellow button
----------------------------------------------------------------*/
p.yellow-btn {
	margin: 0 4px 0 2px;
	padding: 0 8px;
	position: absolute;
	top: 80px;
	left: 180px;
}

.red-btn a.mbgaui-widget-anchors,
.red-btn a.mbgaui-active,
.yellow-btn a.mbgaui-widget-anchors,
.yellow-btn a.mbgaui-active {
	height: 34px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/sprite_line.png");
	background-repeat: repeat-x;
	-webkit-background-size: 100% 1550px;
}

.red-btn a.mbgaui-disabled,
.yellow-btn a.mbgaui-disabled {
	height: 34px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/sprite_line.png");
	background-repeat: repeat-x;
	-webkit-background-size: 100% 1550px;
	opacity: 0.5;
}

.red-btn a.mbgaui-widget-anchors,
.red-btn a.mbgaui-disabled {
	padding: 0 5px 0 0;
	color: #311407;
	line-height: 32px;
	background-position: 0 -88px;
}

.red-btn a.mbgaui-active {
	padding: 1px 5px 0 2px;
	color: #4c3900;
	line-height: 34px;
	background-position: 0 -124px;
}

.red-btn a.mbgaui-widget-anchors:active {
	padding: 1px 5px 0 2px;
	color: #4c3900;
	line-height: 34px;
	background-position: 0 -124px;
}

.yellow-btn a.mbgaui-widget-anchors,
.yellow-btn a.mbgaui-disabled {
	padding: 0 5px 0 0;
	color: #311407;
	line-height: 32px;
	background-position: 0 -160px;
}

.yellow-btn a.mbgaui-active {
	padding: 1px 3px 0 2px;
	color: #4c3900;
	line-height: 34px;
	background-position: 0 -196px;
}

.yellow-btn a.mbgaui-widget-anchors:active {
	padding: 1px 3px 0 2px;
	color: #4c3900;
	line-height: 34px;
	background-position: 0 -196px;
}


	.red-btn a.mbgaui-widget-anchors:before,
	.red-btn a.mbgaui-active:before,
	.red-btn a.mbgaui-disabled:before,
	.yellow-btn a.mbgaui-widget-anchors:before,
	.yellow-btn a.mbgaui-active:before,
	.yellow-btn a.mbgaui-disabled:before,
	.red-btn a.mbgaui-widget-anchors:after,
	.red-btn a.mbgaui-active:after,
	.red-btn a.mbgaui-disabled:after,
	.yellow-btn a.mbgaui-widget-anchors:after,
	.yellow-btn a.mbgaui-active:after,
	.yellow-btn a.mbgaui-disabled:after {
		width: 8px;
		height: 34px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
	}

	.red-btn a.mbgaui-widget-anchors:before,
	.red-btn a.mbgaui-disabled:before {
		left: -8px;
		background-position: -44px 0;
	}

	.red-btn a.mbgaui-widget-anchors:after,
	.red-btn a.mbgaui-disabled:after {
		right: -8px;
		background-position: -52px 0;
	}

	.red-btn a.mbgaui-active:before {
		left: -8px;
		background-position: -60px 0;
	}

	.red-btn a.mbgaui-active:after {
		right: -8px;
		background-position: -68px 0;
	}
	
	.red-btn a.mbgaui-widget-anchors:active:before {
		left: -8px;
		background-position: -60px 0;
	}

	.red-btn a.mbgaui-widget-anchors:active:after {
		right: -8px;
		background-position: -68px 0;
	}

	.yellow-btn a.mbgaui-widget-anchors:before,
	.yellow-btn a.mbgaui-disabled:before {
		left: -8px;
		background-position: -76px 0;
	}

	.yellow-btn a.mbgaui-widget-anchors:after,
	.yellow-btn a.mbgaui-disabled:after {
		right: -8px;
		background-position: -84px 0;
	}

	.yellow-btn a.mbgaui-active:before {
		left: -8px;
		background-position: -92px 0;
	}

	.yellow-btn a.mbgaui-active:after {
		right: -8px;
		background-position: -100px 0;
	}
	
	.yellow-btn a.mbgaui-widget-anchors:active:before {
		left: -8px;
		background-position: -92px 0;
	}

	.yellow-btn a.mbgaui-widget-anchors:active:after {
		right: -8px;
		background-position: -100px 0;
	}

/* score text area(teaminfo)
----------------------------------------------------------------*/
.score-text {
	margin: 0 0 4px;
	width: 202px;
	height: 100%;
	display: table;
	position: absolute;
	bottom: 4px;
	left: 110px;
}

.score-text2 {
	margin: 0 0 4px;
	width: 202px;
	height: 100%;
	display: table;
	position: absolute;
	bottom: 26px;
	left: 110px;
}

.score-text3 {
	margin: 0 0 4px;
	width: 202px;
	height: 100%;
	display: table;
	position: absolute;
	bottom: 8px;
	left: 110px;
}

.score-text4 {
	margin: 0 0 4px;
	width: 202px;
	height: 100%;
	display: table;
	position: absolute;
	bottom: 21px;
	left: 110px;
}

.score-text5 {
	margin: 0 0 4px;
	width: 202px;
	height: 100%;
	display: table;
	position: absolute;
	bottom: 4px;
	left: 110px;
}

.score-text6 {
	margin: 0 0 4px;
	width: 202px;
	height: 40px;
	position: absolute;
	bottom: 6px;
	left: 112px;
}

	.score-text li,
	.score-text2 li,
	.score-text3 li {
		width: 88px;
		height: 34px;
		font-size: 1.3rem;
		line-height: 34px;
		vertical-align: bottom;
		display: table-cell;
		-webkit-box-sizing: border-box;
	}
	
	.score-text4 li,
	.score-text5 li {
		width: 164px;
		height: 34px;
		font-size: 1.3rem;
		line-height: 34px;
		vertical-align: bottom;
		display: table-cell;
		-webkit-box-sizing: border-box;
	}
	
	.score-text6 li {
		width: 202px;
		height: 18px;
		font-size: 1.3rem;
		line-height: 18px;
		-webkit-box-sizing: border-box;
	}
	
	.score-text6 li.box {
		height: 25px!important;
		display: -webkit-box;
	}
	
		.score-text6 li.box div {
			padding: 0 0 0 25px;
			width: 67px;
			height: 25px;
			font-size: 1.2rem;
			line-height: 25px;
			font-weight: bold;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.score-text6 li.box div.unit { color: #00efff; }
		.score-text6 li.box div.boss { color: #aea6ff; }
		.score-text6 li.box div.castle { color: #deff00; }
		
		.score-text6 li.box div.salvo { color: #ff8901; }
		
		.score-text6 li.box div.unit:before {
			width: 25px;
			height: 25px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -184px -344px;
			-webkit-background-size: 320px 388px;
		}
		
		.score-text6 li.box div.boss:before {
			width: 25px;
			height: 25px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -280px -344px;
			-webkit-background-size: 320px 388px;
		}
		
		.score-text6 li.box div.castle:before {
			width: 25px;
			height: 25px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -156px -344px;
			-webkit-background-size: 320px 388px;
		}
		
		.score-text6 li.box div.salvo:before {
			width: 18px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: 3px;
			left: 3px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -264px -284px;
			-webkit-background-size: 320px 388px;
		}

	.score-text li.damage {
		width: 114px;
		color: #ff0000;
	}
	
	.score-text3 li.damage,
	.score-text4 li.damage {
		width: 164px;
		color: #ff0000;
	}
		
		.score-text li.damage span,
		.score-text3 li.damage span,
		.score-text4 li.damage span {
			font-weight: bold;
		}
	
	.score-text2 li span {
		margin: 0 0 0 5px;
		color: #9e9e9e;
	}

/* relation mark mask
----------------------------------------------------------------*/
.relation-mark1,
.relation-mark2,
.relation-mark3 {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 55;
}

.relation-mark1 { background-position: -96px -552px; }
.relation-mark2 { background-position: -120px -552px; }
.relation-mark3 { background-position: -120px -576px; }

/* fuse xp
----------------------------------------------------------------*/
.fuse-xp-num {
	padding: 0 4px;
	width: 71px;
	height: 15px;
	font-size: 1.3rem;
	color: #00caff;
	line-height: 15px;
	text-align: right;
	position: absolute;
	top: 68px;
	right: 4px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}

.fuse-xp-num2 {
	width: 60px;
	height: 15px;
	font-size: 1.3rem;
	color: #00caff;
	line-height: 15px;
	text-align: right;
	position: absolute;
	top: 4px;
	right: 9px;
}

.fuse-xp-num3 {
	padding: 0 4px;
	width: 60px;
	height: 15px;
	font-size: 1.3rem;
	color: #00caff;
	line-height: 15px;
	text-align: right;
	position: absolute;
	top: 5px;
	right: 9px;
	-webkit-box-sizing: border-box;
}

	.fuse-xp-num span,
	.fuse-xp-num2 span,
	.fuse-xp-num3 span {
		font-weight: bold;
	}

/* status area(character)
----------------------------------------------------------------*/
.status-multi {
	width: 132px;
	height: 66px;
	position: absolute;
	top: 32px;
	left: 182px;
	-webkit-border-radius: 2px;
	-webkit-box-sizing: border-box;
	border: #2e2e2e solid 1px;
	background-image: url("Game_Images/detail_footer3.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
}

.status-multi.reward-fix {
	top: 23px!important;
	left: 180px!important;
}

	.status-multi ul {
		padding: 1px;
		height: 64px;
		-webkit-box-sizing: border-box;
		border: #3a3a3a solid 1px;
	}

	.status-multi li.hp,
	.status-multi li.hp2,
	.status-multi li.hp3,
	.status-multi li.at,
	.status-multi li.df,
	.status-multi li.iq,
	.status-multi li.sp,
	.status-multi li.ed,
	.status-multi li.up,
	.status-multi li.down,
	.status-multi li.null {
		padding: 0 0 0 20px;
		width: 62px;
		height: 20px;
		font-size: 1.1rem;
		color: #666666;
		line-height: 20px;
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.status-multi li.hp2 { width: 124px; }
	.status-multi li.ed { color: #ff0000; }
	.status-multi li.up { color: #23f507; }
	.status-multi li.down { color: #ff0000; }

		.status-multi li.hp:before,
		.status-multi li.hp2:before,
		.status-multi li.hp3:before,
		.status-multi li.at:before,
		.status-multi li.df:before,
		.status-multi li.iq:before,
		.status-multi li.sp:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}
		
		.status-multi li.ed:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/edge_icon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 20px 20px;
		}

		.status-multi li.up:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/arrow_up_icon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 20px 20px;
		}

		.status-multi li.down:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/arrow_down_icon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 20px 20px;
		}

		.status-multi li.hp:before { background-position: -44px -172px; }
		.status-multi li.hp2:before { background-position: -44px -172px; }
		.status-multi li.hp3:before { background-position: -44px -172px; }
		.status-multi li.at:before { background-position: -64px -172px; }
		.status-multi li.df:before { background-position: -84px -172px; }
		.status-multi li.iq:before { background-position: -104px -172px; }
		.status-multi li.sp:before { background-position: -124px -172px; }

.status-multi2 {
	width: 216px;
	height: 56px;
	position: absolute;
	top: 42px;
	left: 92px;
	-webkit-border-radius: 2px;
	-webkit-box-sizing: border-box;
	border: #2e2e2e solid 1px;
	background-image: url("Game_Images/detail_footer3.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
}

	.status-multi2 ul {
		padding: 1px;
		height: 54px;
		-webkit-box-sizing: border-box;
		border: #3a3a3a solid 1px;
	}

	.status-multi2 li.hp,
	.status-multi2 li.at,
	.status-multi2 li.df,
	.status-multi2 li.iq,
	.status-multi2 li.sp,
	.status-multi2 li.ed,
	.status-multi2 li.up,
	.status-multi2 li.down,
	.status-multi2 li.null {
		padding: 0 0 0 20px;
		width: 70px;
		height: 16px;
		font-size: 1.1rem;
		color: #666666;
		line-height: 16px;
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	.status-multi2 li.ed { color: #ff0000!important; }
	.status-multi2 li.up { color: #23f507!important; }
	.status-multi2 li.down { color: #ff0000!important; }

		.status-multi2 li.hp:before,
		.status-multi2 li.at:before,
		.status-multi2 li.df:before,
		.status-multi2 li.iq:before,
		.status-multi2 li.sp:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: -3px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}
		
		.status-multi2 li.ed:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: -3px;
			left: 0;
			background-image: url("Game_Images/edge_icon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 20px 20px;
		}

		.status-multi2 li.up:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: -3px;
			left: 0;
			background-image: url("Game_Images/arrow_up_icon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 20px 20px;
		}

		.status-multi2 li.down:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: -3px;
			left: 0;
			background-image: url("Game_Images/arrow_down_icon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 20px 20px;
		}
		/* was -172px before fix */
		.status-multi2 li.hp:before { background-position: -44px -171px; }
		.status-multi2 li.at:before { background-position: -64px -171px; }
		.status-multi2 li.df:before { background-position: -84px -171px; }
		.status-multi2 li.iq:before { background-position: -104px -171px; }
		.status-multi2 li.sp:before { background-position: -124px -171px; }
		
		.status-multi2 li.skill {
			margin: 0 2px;
			width: 206px;
			height: 20px;
			float: left;
			position: relative;
			-webkit-box-sizing: border-box;
			border-top: #272727 solid 1px;
		}
		
			.status-multi2 li.skill .skill-name {
				padding: 0 0 0 20px;
				width: 206px;
				height: 19px;
				font-size: 1.0rem;
				color: #ffffff;
				line-height: 16px;
				position: relative;
				-webkit-box-sizing: border-box;
				border-top: #363636 solid 1px;
			}
		
			.status-multi2 li.skill .skill-name:before {
				width: 20px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -216px 0;
				-webkit-background-size: 320px 1550px;
			}
		
		.status-multi2 li.skill .skill-right1 {
			width: 20px;
			height: 19px;
			position: absolute;
			top: 0;
			right: -2px;
		}
		
		.status-multi2 li.skill .skill-right1 .hp,
		.status-multi2 li.skill .skill-right1 .at,
		.status-multi2 li.skill .skill-right1 .df,
		.status-multi2 li.skill .skill-right1 .iq,
		.status-multi2 li.skill .skill-right1 .sp {
			width: 20px!important;
			height: 20px!important;
			position: absolute!important;
			top: 0!important;
			left: -20px!important;
			background-image: url("Game_Images/sprite_retina.png")!important;
			background-repeat: no-repeat!important;
			-webkit-background-size: 320px 388px!important;
		}

			.status-multi2 li.skill .skill-right1 .hp { background-position: -44px -172px!important; }
			.status-multi2 li.skill .skill-right1 .at { background-position: -64px -172px!important; }
			.status-multi2 li.skill .skill-right1 .df { background-position: -84px -172px!important; }
			.status-multi2 li.skill .skill-right1 .iq { background-position: -104px -172px!important; }
			.status-multi2 li.skill .skill-right1 .sp { background-position: -124px -172px!important; }
		
		.status-multi2 li.skill .skill-right2 {
			width: 36px;
			height: 19px;
			position: absolute;
			top: 0;
			right: 0;
		}
		
			.status-multi2 li.skill .skill-right2 .proc {
				width: 36px;
				height: 18px;
				font-size: 1.0rem;
				color: #0091ce;
				line-height: 20px;
				text-align: center;
				position: absolute;
				top: 0;
				right: 0;
			}

				.status-multi2 li.skill .skill-right2 .proc .num {
					padding: 0 3px;
					width: 30px;
					height: 13px;
					color: #cff6f4;
					line-height: 13px;
					vertical-align: text-bottom;
					display: inline-block;
					-webkit-border-radius: 3px;
					background: #0091ce;
				}
				
				.status-multi2 li.skill .skill-right2 .proc .num span.numleft {
					font-weight: bold;
				}
				
				.status-multi2 li.skill .skill-right2 .proc .num span.numright {
					font-weight: normal;
				}
		
.status-single {
	width: 113px;
	height: 27px;
	position: absolute;
	top: 64px;
	left: 100px;
	display: -webkit-box;
	-webkit-border-radius: 3px;
	-webkit-box-sizing: border-box;
	border: #2e2e2e solid 1px;
	-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.4);
	background-image: url("Game_Images/detail_footer3.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
}

.status-single2 {
	margin: 0 auto;
	width: 113px;
	height: 27px;
	display: -webkit-box;
	-webkit-border-radius: 3px;
	-webkit-box-sizing: border-box;
	border: #2e2e2e solid 1px;
	-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.4);
	background-image: url("Game_Images/detail_footer3.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
}

.status-single3 {
	margin: 0 auto;
	width: 140px;
	height: 30px;
	display: -webkit-box;
	-webkit-border-radius: 3px;
	-webkit-box-sizing: border-box;
	border: #2e2e2e solid 1px;
	-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.4);
	background-image: url("Game_Images/detail_footer3.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
}

.status-single4 {
	margin: 0 auto;
	padding: 0 0 0 12px;
	width: 140px;
	height: 46px;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #000000;
}

.status-single5 {
	margin: 0 auto;
	padding: 0 0 0 12px;
	width: 140px;
	height: 46px;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #000000;
}

	.status-single:before {
		width: 9px;
		height: 9px;
		content: "";
		display: block;
		position: absolute;
		bottom: 1px;
		right: 1px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -248px -24px;
		-webkit-background-size: 320px 1550px;
		opacity: 0.6;
	}

	.status-single li.hp,
	.status-single li.at,
	.status-single li.df,
	.status-single li.iq,
	.status-single li.sp {
		margin: 0 8px 4px 8px;
		padding: 0 0 0 20px;
		height: 23px;
		font-size: 1.1rem;
		color: #8d8d8d;
		line-height: 23px;
		position: relative;
	}
	
	.status-single2 li.hp,
	.status-single2 li.at,
	.status-single2 li.df,
	.status-single2 li.iq,
	.status-single2 li.sp {
		margin: 0 8px 4px 8px;
		padding: 0 0 0 20px;
		width: 63px;
		height: 23px;
		font-size: 1.3rem;
		color: #8d8d8d;
		line-height: 23px;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

	.status-single3 li.hp,
	.status-single3 li.at,
	.status-single3 li.df,
	.status-single3 li.iq,
	.status-single3 li.sp {
		margin: 0 0 0 0;
		padding: 0 0 0 2px;
		width: 69px;
		height: 23px;
		font-size: 1.3rem;
		color: #8d8d8d;
		line-height: 23px;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

	.status-single4 li.hp,
	.status-single4 li.at,
	.status-single4 li.df,
	.status-single4 li.iq,
	.status-single4 li.sp {
		padding: 0 0 0 20px;
		width: 60px;
		height: 20px;
		font-size: 1.2rem;
		color: #ffffff;
		line-height: 20px;
		font-weight: bold;
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.status-single5 li.hp,
	.status-single5 li.at,
	.status-single5 li.df,
	.status-single5 li.iq,
	.status-single5 li.sp {
		margin: 0 0 0 0;
		padding: 0 0 0 2px;
		width: 69px;
		height: 23px;
		font-size: 1.3rem;
		color: #8d8d8d;
		line-height: 23px;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

		.status-single li.hp:before,
		.status-single li.at:before,
		.status-single li.df:before,
		.status-single li.iq:before,
		.status-single li.sp:before,
		.status-single2 li.hp:before,
		.status-single2 li.at:before,
		.status-single2 li.df:before,
		.status-single2 li.iq:before,
		.status-single2 li.sp:before,
		.status-single3 li.hp:before,
		.status-single3 li.at:before,
		.status-single3 li.df:before,
		.status-single3 li.iq:before,
		.status-single3 li.sp:before,
		.status-single4 li.hp:before,
		.status-single4 li.at:before,
		.status-single4 li.df:before,
		.status-single4 li.iq:before,
		.status-single4 li.sp:before,
		.status-single5 li.hp:before,
		.status-single5 li.at:before,
		.status-single5 li.df:before,
		.status-single5 li.iq:before,
		.status-single5 li.sp:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 2px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.status-single li.hp:before { background-position: -44px -172px; }
		.status-single li.at:before { background-position: -64px -172px; }
		.status-single li.df:before { background-position: -84px -172px; }
		.status-single li.iq:before { background-position: -104px -172px; }
		.status-single li.sp:before { background-position: -124px -172px; }
		.status-single2 li.hp:before { background-position: -44px -172px; }
		.status-single2 li.at:before { background-position: -64px -172px; }
		.status-single2 li.df:before { background-position: -84px -172px; }
		.status-single2 li.iq:before { background-position: -104px -172px; }
		.status-single2 li.sp:before { background-position: -124px -172px; }
		.status-single3 li.hp:before { background-position: -44px -172px; }
		.status-single3 li.at:before { background-position: -64px -172px; }
		.status-single3 li.df:before { background-position: -84px -172px; }
		.status-single3 li.iq:before { background-position: -104px -172px; }
		.status-single3 li.sp:before { background-position: -124px -172px; }
		.status-single4 li.hp:before { background-position: -44px -172px; }
		.status-single4 li.at:before { background-position: -64px -172px; }
		.status-single4 li.df:before { background-position: -84px -172px; }
		.status-single4 li.iq:before { background-position: -104px -172px; }
		.status-single4 li.sp:before { background-position: -124px -172px; }
		.status-single5 li.hp:before { background-position: -44px -172px; }
		.status-single5 li.at:before { background-position: -64px -172px; }
		.status-single5 li.df:before { background-position: -84px -172px; }
		.status-single5 li.iq:before { background-position: -104px -172px; }
		.status-single5 li.sp:before { background-position: -124px -172px; }


	.status-single li.skill {
		width: 20px;
		height: 18px;
		position: absolute;
		top: 4px;
		right: 5px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -216px 0;
		-webkit-background-size: 320px 1550px;
	}

.character-list-skill-block {
	padding: 0 0 0 20px;
	width: 200px;
	height: 15px;
	font-size: 1.1rem;
	color: #999999;
	line-height: 15px;
	position: absolute;
	bottom: 7px;
	left: 94px;
	-webkit-box-sizing: border-box;
}

	.character-list-skill-block:before {
			width: 18px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			left: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -216px 0;
			-webkit-background-size: 320px 1550px;
		}

/* xp plus area
----------------------------------------------------------------*/
.xp-plus-area {
	width: 221px;
	height: 55px;
	position: absolute;
	top: 24px;
	left: 90px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 5px;
	border: #2b2b2b solid 1px;
	background: #2f2f2f;
}

	.xp-plus-total {
		width: 219px;
		height: 19px;
		text-align: center;
	}
	
		.xp-plus-total p {
			padding: 0 0 0 20px;
			font-size: 1.3rem;
			line-height: 19px;
			display: inline-block;
			position: relative;
		}
		
			.xp-plus-total p:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -264px -128px;
				-webkit-background-size: 320px 388px;
			}
	
	.xp-plus-btn-area {
		margin: 0 auto;
		width: 213px;
		height: 60px;
		display: -webkit-box;
	}
	
		.xp-plus-btn {
			width: 82px;
			height: 30px;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.xp-plus-btn li {
				width: 40px;
				height: 28px;
				font-size: 1.1rem;
				line-height: 26px;
				font-weight: bold;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
				border: transparent solid 1px;
			}
		
		.xp-plus-btn.m {
			color: #361103;
			border: #7c2803 solid 1px;
			background: #a54419;
		}
		
			.xp-plus-btn.m:before {
				width: 23px;
				height: 17px;
				content: "";
				display: block;
				position: absolute;
				top: -19px;
				left: 29px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -272px -280px;
				-webkit-background-size: 320px 1550px;
			}
		
			.xp-plus-btn.m li.left { border-right: #963910 solid 1px; }
			.xp-plus-btn.m li.right { border-left: #cc683c solid 1px; }
			
			.xp-plus-btn.m .mbgaui-widget-anchors { background: #a54419; }
			.xp-plus-btn.m .mbgaui-active { background: #6e3116; }
			
		.xp-plus-btn.p {
			color: #584000;
			border: #c58600 solid 1px;
			background: #ffc000;
		}
		
			.xp-plus-btn.p:before {
				width: 23px;
				height: 17px;
				content: "";
				display: block;
				position: absolute;
				top: -19px;
				left: 29px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -296px -280px;
				-webkit-background-size: 320px 1550px;
			}
		
			.xp-plus-btn.p li.left { border-right: #c58600 solid 1px; }
			.xp-plus-btn.p li.right { border-left: #ffd149 solid 1px; }
			
			.xp-plus-btn.p .mbgaui-widget-anchors { background: #ffc000; }
			.xp-plus-btn.p .mbgaui-active { background: #b28c1a; }
			
		.xp-plus-chara-num {
			margin: 0 2px;
			width: 45px;
			height: 30px;
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 30px;
			font-weight: bold;
			text-align: center;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -224px -280px;
			-webkit-background-size: 320px 1550px;
		}

/* popup status area
----------------------------------------------------------------*/
.popup-status {
	width: 304px;
	height: 85px;
	position: absolute;
	top: 55px;
	left: 8px;
	-webkit-border-radius: 5px;
	background: rgba(233,212,178,0.9);
	z-index: 91;
}

	.popup-status-num {
		width: 298px;
		height: 24px;
		position: absolute;
		top: 3px;
		left: 3px;
		display: -webkit-box;
		-webkit-border-radius: 5px;
		background: #574631;
	}

	.popup-status-num li {
		padding: 0 0 0 18px;
		width: 59px;
		height: 24px;
		font-size: 0.9rem;
		color: #dadada;
		line-height: 24px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.popup-status-num li.hp:before,
		.popup-status-num li.at:before,
		.popup-status-num li.df:before,
		.popup-status-num li.iq:before,
		.popup-status-num li.sp:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 2px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.popup-status-num li.hp:before { background-position: -44px -172px; }
		.popup-status-num li.at:before { background-position: -64px -172px; }
		.popup-status-num li.df:before { background-position: -84px -172px; }
		.popup-status-num li.iq:before { background-position: -104px -172px; }
		.popup-status-num li.sp:before { background-position: -124px -172px; }

	.popup-status-skill {
		width: 298px;
		height: 54px;
		position: absolute;
		top: 28px;
		left: 3px;
	}

		.popup-status-skill dt {
			padding: 0 0 0 20px;
			height: 22px;
			font-size: 1.2rem;
			color: #615240;
			line-height: 22px;
			font-weight: bold;
			position: relative;
		}

			.popup-status-skill dt:before {
				width: 18px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 1px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -240px 0;
				-webkit-background-size: 320px 1550px;
			}

		.popup-status-skill dd {
			width: 298px;
			height: 32px;
			display: table;
			-webkit-border-radius: 5px;
			background: #b5a388;
		}

			.popup-status-skill dd p {
				padding: 0 8px;
				font-size: 1.1rem;
				color: #6f604c;
				line-height: 15px;
				vertical-align: middle;
				display: table-cell;
			}

		.popup-status-prr {
			width: 82px;
			height: 20px;
			position: absolute;
			top: 29px;
			left: 219px;
			-webkit-border-radius: 5px;
			background: #a3bcca;
		}

			.popup-status-prr p {
				font-size: 1.1rem;
				color: #615240;
				line-height: 20px;
				text-align: center;
			}

			.popup-status-prr p span {
				color: #006690;
				font-weight: bold;
			}

/* mission list area(mission,arena)
----------------------------------------------------------------*/
.mlist-block {
	margin: 0 10px 10px;
	width: 300px;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	background: #ffb921;
	z-index: 50;
}

	.mlist-block:before {
		width: 100%;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: -2px;
		left: 2px;
		background: #795800;
		z-index: 50;
	}

	.mlist-block:after {
		width: 2px;
		height: 100%;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		right: -2px;
		background: #795800;
		z-index: 50;
	}

.mlist-block-lock {
	margin: 2px 10px 10px 12px;
	width: 300px;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	background: #ffb921;
	z-index: 50;
}

	.list-body > div.mlist-block:nth-of-type(1) {
		margin: 8px 10px 10px;
	}

	.mlist-mission-block,
	.mlist-mission-block-comp,
	.mlist-mission-block-lock {
		width: 300px;
		height: 58px;
		position: relative;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border: #c58600 solid 1px;
	}

	.mlist-mission-block-comp { background-color: #ffb108; }

		.mlist-mission-block-num {
			width: 40px;
			height: 58px;
			font-size: 2.0rem;
			font-family: DotFont;
			color: #a16600;
			line-height: 50px;
			font-weight: bold;
			text-align: center;
		}

		.mlist-mission-block-title {
			padding: 0 50px 0 10px;
			width: 260px;
			height: 58px;
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3e2a24;
			line-height: 58px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			position: relative;
		}

			.mlist-mission-block-title:after {
				width: 9px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 22px;
				right: 14px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -192px -24px;
				-webkit-background-size: 320px 1550px;
			}

		.mlist-mission-block-title2 {
			padding: 0 0 0 10px;
			width: 210px;
			height: 58px;
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3e2a24;
			line-height: 58px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			position: relative;
		}

			.mlist-mission-block-title2:after {
				width: 9px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 22px;
				right: -11px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -192px -24px;
				-webkit-background-size: 320px 1550px;
			}
			
		.mlist-mission-block-title3 {
			padding: 0 0 0 10px;
			width: 164px;
			height: 58px;
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3e2a24;
			line-height: 58px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			position: relative;
		}
		
			.mlist-mission-block-title3:after {
				width: 9px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 22px;
				right: -80px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -192px -24px;
				-webkit-background-size: 320px 1550px;
			}
			
		.mlist-mission-block-title4 {
			padding: 0 0 0 10px;
			width: 164px;
			height: 58px;
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3e2a24;
			line-height: 58px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			position: relative;
		}
		
			.mlist-mission-block-title4:after {
				width: 9px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 22px;
				right: -17px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -192px -24px;
				-webkit-background-size: 320px 1550px;
			}

		.mlist-mission-block-reward-area {
			width: 92px;
			height: 58px;
			display: -webkit-box;
			-webkit-box-pack: end;
		}

			.mlist-mission-block-reward {
				padding: 5px 0 0;
				width: 46px;
				height: 58px;
				-webkit-box-sizing: border-box;
				position: relative;
			}

				.mlist-mission-block-reward p {
					font-size: 1.0rem;
					color: #000000;
					font-weight: bold;
					text-align: center;
					position: relative;
					left: -4px;
				}
				
					.mlist-mission-block-reward p span {
						font-weight: normal;
					}

	.mlist-boss-block,
	.mlist-boss-block-lock {
		width: 300px;
		height: 108px;
		position: relative;
		-webkit-box-sizing: border-box;
		border: #c58600 solid 1px;
		background-image: url("Game_Images/mission_list_boss.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 298px 108px;
	}

		.mlist-boss-block p,
		.mlist-boss-block-lock p {
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3e2a24;
			line-height: 20px;
			font-weight: bold;
			text-align: center;
		}

		/* right top corne */
		.mlist-mission-block:before,
		.mlist-boss-block:before,
		.mlist-mission-block-comp:before {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -1px;
			right: -3px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -304px 0;
			-webkit-background-size: 320px 1550px;
		}

		/* left bottom corne */
		.mlist-mission-block:after,
		.mlist-boss-block:after,
		.mlist-mission-block-comp:after {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -3px;
			left: -1px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -312px 0;
			-webkit-background-size: 320px 1550px;
		}

		/* mission lock parts */
		.lock-filter {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.5);
			z-index: 90;
		}

			.lock-filter:before {
				margin: -23px 0 0 -17px;
				width: 34px;
				height: 43px;
				content: "";
				display: block;
				position: absolute;
				top: 54%;
				left: 50%;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -57px -681px;
				-webkit-background-size: 320px 1550px;
				z-index: 91;
			}

		/* mission complete parts */
		.complete-text {
			width: 158px;
			height: 43px;
			position: absolute;
			top: 7px;
			left: 73px;
			background-image: url("Game_Images/sprite_lang_comp.png");
			background-repeat: no-repeat;
			background-position: -68px -45px;
			-webkit-background-size: 320px 1550px;
			z-index: 4;
		}
		
		.complete-text2 {
			width: 158px;
			height: 42px;
			position: absolute;
			top: 7px;
			left: 48px;
			background-image: url("Game_Images/sprite_lang.png");
			background-repeat: no-repeat;
			background-position: -68px -46px;
			-webkit-background-size: 320px 1550px;
			z-index: 2;
		}
		
		.complete-text3 {
			width: 120px;
			height: 45px;
			position: absolute;
			top: 5px;
			left: 56px;
			background-image: url("Game_Images/sprite_lang.png");
			background-repeat: no-repeat;
			background-position: -200px -220px;
			-webkit-background-size: 320px 1550px;
			z-index: 10;
		}
		
		.complete-text4 {
			width: 105px;
			height: 32px;
			position: absolute;
			top: 13px;
			left: 74px;
			background-image: url("Game_Images/cleared.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 105px 32px;
			z-index: 10;
		}

		/* floor complete parts */
		.fcomplete-text {
			width: 158px;
			height: 43px;
			position: absolute;
			top: 7px;
			left: 72px ;
			background-image: url("Game_Images/sprite_lang.png");
			background-repeat: no-repeat;
			background-position: -68px -45px;
			-webkit-background-size: 320px 1550px;
			z-index: 2;
		}

/* challenge list area(quest,info,history)
----------------------------------------------------------------*/
	.clist-block {
		margin: 0 8px 8px;
		position: relative;
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 4px 4px 1px rgba(0,0,0,0.5);
		border: #7e7e7e solid 1px;
		background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#bbbbbb));
		z-index: 50;
	}

	.clist-block:before {
		width: 100%;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: -3px;
		left: 2px;
		background: #5b5b5b;
		z-index: 50;
	}

	.clist-block:after {
		width: 2px;
		height: 100%;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		right: -3px;
		background: #5b5b5b;
		z-index: 50;
	}

	.list-body > div.clist-block:nth-of-type(1) {
		margin: 8px;
	}

		.clist-block .quest-img {
			width: 62px;
			height: 62px;
			position: relative;
		}
		
			.salvo-baloon {
				padding: 7px 0 0;
				width: 49px;
				height: 39px;
				position: absolute;
				top: 55px;
				left: 10px;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -184px -320px;
				-webkit-background-size: 320px 1550px;
				z-index: 91;
			}
			
				.salvo-baloon dt {
					width: 49px;
					height: 9px;
					font-size: 0.9rem;
					color: #cc8b00;
					line-height: 9px;
					font-weight: bold;
					text-align: center;
				}
				
				.salvo-baloon dd.salvo-point {
					width: 49px;
					height: 12px;
					font-size: 1.1rem;
					color: #a13100;
					line-height: 12px;
					font-weight: bold;
					text-align: center;
				}
				
				.salvo-baloon dd.salvo-count {
					margin: 0 2px 1px;
					width: 45px;
					height: 9px;
					font-size: 0.8rem;
					color: #fffd00;
					line-height: 9px;
					font-weight: bold;
					text-align: center;
				}

		.clist-block .quest-img2 {
			margin: 1px 0 0;
			width: 54px;
			height: 59px;
			position: relative;
		}

			.quest-icon {
				width: 50px;
				height: 50px;
				position: absolute;
				top: 9px;
				left: 5px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}
			
			.quest-icon-border {
				width: 50px;
				height: 50px;
				position: absolute;
				top: 9px;
				left: 5px;
				-webkit-
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.quest-icon1 { background-position: 0 -624px; }
			.quest-icon2 { background-position: -56px -624px; }
			.quest-icon3 { background-position: -112px -624px; }
			.quest-icon4 { background-position: -168px -624px; }
			.quest-icon5 { background-position: 0 -680px; }

			.boss-img,
			.pvp-img,
			.team-img,
			.group-img,
			.gvg-img {
				width: 51px;
				height: 51px;
				position: relative;
				top: 7px;
				left: 1px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -48px -816px;
				-webkit-background-size: 320px 1550px;
			}
			
			.group-img0:before,
			.group-img1:before,
			.group-img2:before,
			.group-img3:before,
			.group-img4:before,
			.group-img5:before,
			.group-img6:before,
			.group-img7:before,
			.group-img8:before,
			.group-img9:before,
			.group-img10:before,
			.group-img11:before,
			.group-img12:before,
			.group-img13:before {
				width: 49px;
				height: 49px;
				content: "";
				display: before;
				position: absolute;
				top: 1px;
				left: 1px;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 49px 49px;
			}
			
			.group-img0:before { background-image: url("Game_Images/echelon_q.png"); }
			.group-img1:before { background-image: url("Game_Images/echelon_13.png"); }
			.group-img2:before { background-image: url("Game_Images/echelon_12.png"); }
			.group-img3:before { background-image: url("Game_Images/echelon_11.png"); }
			.group-img4:before { background-image: url("Game_Images/echelon_10.png"); }
			.group-img5:before { background-image: url("Game_Images/echelon_9.png"); }
			.group-img6:before { background-image: url("Game_Images/echelon_8.png"); }
			.group-img7:before { background-image: url("Game_Images/echelon_7.png"); }
			.group-img8:before { background-image: url("Game_Images/echelon_6.png"); }
			.group-img9:before { background-image: url("Game_Images/echelon_5.png"); }
			.group-img10:before { background-image: url("Game_Images/echelon_4.png"); }
			.group-img11:before { background-image: url("Game_Images/echelon_3.png"); }
			.group-img12:before { background-image: url("Game_Images/echelon_2.png"); }
			.group-img13:before { background-image: url("Game_Images/echelon_1.png"); }
			
			.host-img1:before,
			.host-img2:before,
			.host-img3:before,
			.host-img4:before,
			.host-img5:before,
			.host-img6:before,
			.host-img7:before  {
				width: 49px;
				height: 49px;
				content: "";
				display: before;
				position: absolute;
				top: 1px;
				left: 1px;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 49px 49px;
			}
			
			.host-img1:before { background-image: url("../i/gvg_host/host_7.png"); }
			.host-img2:before { background-image: url("../i/gvg_host/host_6.png"); }
			.host-img3:before { background-image: url("../i/gvg_host/host_5.png"); }
			.host-img4:before { background-image: url("../i/gvg_host/host_4.png"); }
			.host-img5:before { background-image: url("../i/gvg_host/host_3.png"); }
			.host-img6:before { background-image: url("../i/gvg_host/host_2.png"); }
			.host-img7:before { background-image: url("../i/gvg_host/host_1.png"); }

				.boss-img img {
					position: absolute;
					left: 1px;
					bottom: 1px;
				}
				
			.pvp-img:before {
				width: 50px;
				height: 50px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -224px -768px;
				-webkit-background-size: 320px 1550px;
			}
			
			.team-img:before {
				width: 50px;
				height: 50px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -168px -768px;
				-webkit-background-size: 320px 1550px;
			}

			.clist-block .quest-img .info-img {
				margin: -20px 0 0 -19px;
				width: 34px;
				height: 38px;
				position: absolute;
				top: 50%;
				left: 50%;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -64px -64px;
				-webkit-background-size: 320px 1550px;
			}

		.clist-block .quest-cap {
			position: relative;
			-webkit-box-flex: 1;
		}

			.clist-block .quest-cap dl.quest-cap-single {
				margin: 0 4px;
				height: 72px;
				display: table;
			}

			.clist-block .quest-cap dl.quest-cap-double1 {
				margin: 0 4px;
				height: 52px;
				display: table;
			}

			.clist-block .quest-cap dl.quest-cap-double2 {
				margin: 0 4px;
				height: 20px;
				display: table;
			}

			.clist-block .quest-cap dl.quest-cap-double3 {
				margin: 0 4px;
				height: 32px;
				max-height: 52px;
				display: table;
			}

			.clist-block .quest-cap dl.quest-cap-multi1 {
				margin: 0 4px;
				height: 36px;
				display: table;
			}

			.clist-block .quest-cap dl.quest-cap-multi2 {
				margin: 0 4px;
				height: 18px;
				display: table;
			}
			
			.clist-block .quest-cap dl.quest-cap-multi3 {
				margin: 0 4px;
				height: 24px;
				display: table;
			}
			
			.clist-block .quest-cap dl.quest-cap-multi4 {
				margin: 0 4px;
				height: 12px;
				display: table;
			}

			/*corne */
			.clist-block-corne {
				padding: 4px 8px;
				width: 100%;
				height: 100%;
				display: -webkit-box;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.clist-block-corne:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: -3px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -8px;
				-webkit-background-size: 320px 1550px;
			}

			.clist-block-corne:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: -3px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -8px;
				-webkit-background-size: 320px 1550px;
			}

				.clist-block .quest-cap dt,
				.clist-block .quest-cap dd {
					vertical-align: middle;
					display: table-cell;
				}

				.clist-block .quest-cap dt.name,
				.clist-block .quest-cap dd.name {
					font-size: 1.4rem;
					color: #3e2a24;
					font-weight: bold;
				}

				.clist-block .quest-cap dt.name2,
				.clist-block .quest-cap dd.name2 {
					font-size: 1.2rem;
					color: #3e2a24;
					font-weight: bold;
				}
				
					dt.name2 .boss_notify { color: #6F1AEE; }
					dt.name2 .lv { color: #b88200; }
					dt.name2 .hp { color: #008097; }
					dt.name2 .hp2 { color: #617f00; }
					dt.name2 .hp3 { color: #424ebf; }
					dd.boss_not_available {
						font-size: 1.0rem;
						color: #ff0000;
						font-weight: bold;
					}
				
				.clist-block .quest-cap dt.win,
				.clist-block .quest-cap dd.win {
					font-size: 1.2rem;
					color: #777777;
					font-weight: bold;
				}

				.clist-block .quest-cap dd.description {
					font-size: 1.2rem;
					color: #3e2a24;
				}

				.clist-block .quest-cap dd.hdate {
					font-size: 1.1rem;
					color: #3e2a24;
				}

				.clist-block .quest-cap dd.idate-r {
					font-size: 1.2rem;
					color: #ff2a00;
				}

				.clist-block .quest-cap dd.idate {
					font-size: 1.2rem;
					color: #3e2a24;
				}

				.clist-block .quest-cap dd.rank {
					font-size: 1.2rem;
					color: #b07800;
					font-weight: bold;
				}

				.clist-block .quest-cap dd.limit {
					font-size: 1.3rem;
					color: #a80000;
				}

					.clist-block .quest-cap dd.limit span {
						margin: 0 0 0 4px;
						font-size: 1.3rem;
						color: #ff0000;
						font-weight: bold;
					}

				.clist-block .quest-cap dd.limit2 {
					font-size: 1.0rem;
					color: #ff0000;
					font-weight: bold;
				}

					.clist-block .quest-cap dd.limit2 span {
						margin: 0 0 0 4px;
						font-size: 1.0rem;
						color: #ff0000;
						font-weight: normal;
					}
					
				.team-win-block,
				.team-lose-block {
					width: 181px;
					height: 14px;
					content: "";
					display: block;
					position: absolute;
					top: 17px;
					left: -6px;
					background-image: url("Game_Images/sprite_lang.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
					-webkit-transform: rotate(-6deg);
					z-index: 14;
					opacity: 0.7;
				}
				
				.team-win-block { background-position: -74px -128px; }
				.team-lose-block { background-position: -74px -142px; }
				
				.promotion-up-block,
				.promotion-stay-block,
				.promotion-down-block {
					width: 140px;
					height: 19px;
					content: "";
					display: block;
					position: absolute;
					top: 17px;
					left: 8px;
					background-image: url("Game_Images/sprite_lang.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
					-webkit-transform: rotate(-6deg);
					z-index: 14;
					opacity: 0.7;
				}
				
				.promotion-up-block { background-position: -74px -156px; }
				.promotion-stay-block { background-position: -74px -175px; }
				.promotion-down-block { background-position: -74px -194px; }

		.clist-block .quest-reward {
			padding: 13px 0 0;
			width: 46px;
			height: 64px;
			text-align: center;
			-webkit-box-sizing: border-box;
		}
		
			.quest-reward-point-num {
				width: 60px;
				height: 20px;
				font-size: 1.0rem;
				color: #3e2a24;
				line-height: 20px;
				font-weight: bold;
				text-align: center;
				position: relative;
				left: -7px;
				-webkit-box-sizing: border-box;
			}
			
				.quest-reward-point-num span {
					font-weight: normal;
				}

		.clist-block .clear-mark {
			width: 66px;
			height: 16px;
			position: absolute;
			top: -2px;
			right: -3px;
			background-image: url("Game_Images/sprite_lang.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 320px 1550px;
			z-index: 95;
		}

		.clist-block .accepted-mark {
			width: 26px;
			height: 18px;
			position: absolute;
			top: -2px;
			right: 16px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -184px -64px;
			-webkit-background-size: 320px 1550px;
			z-index: 95;
		}

/* link parts
----------------------------------------------------------------*/
.link-filter {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.link-filter.mbgaui-widget-anchors { background: none;}
.link-filter.mbgaui-active { background: rgba(0,0,0,0.5); }

.new-link-filter {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #444444;
	z-index: 102;
}

.new-link-filter.mbgaui-widget-anchors { opacity: 0; }
.new-link-filter.mbgaui-active { opacity: 0.5; }

.new-link-filter-w {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	z-index: 102;
}

.new-filter {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #444444;
	opacity: 0.5;
	z-index: 100;
}

.mydeck-dialog-recover-bottom-parts div.link-filter.mbgaui-disabled { background: rgba(255,255,255,0.5); }

.link-filter-disabled {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	background: rgba(0,0,0,0.5);
}

.new-link-filter-disabled {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(68,68,68,0.5);
}

	.link-filter-disabled .lock-fuse {
		padding: 32px 0 0;
		width: 40px;
		height: 44px;
		font-size: 1.0rem;
		color: #ffffff;
		line-height: 12px;
		font-weight: bold;
		display: block;
		position: absolute;
		-webkit-box-sizing: border-box;
		top: 30px;
		left: 272px;
	}
	
		.link-filter-disabled .lock-fuse:before {
			width: 24px;
			height: 32px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 8px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -176px -280px;
			-webkit-background-size: 320px 1550px;
		}
		
		.link-filter-disabled .lock-fuse.mbgaui-widget-anchors { opacity: 1.0; }
		.link-filter-disabled .lock-fuse.mbgaui-active { opacity: 0.5; }

	.link-filter-disabled-trade-cap {
		width: 200px;
		font-size: 1.7rem;
		color: #ff4b00;
		font-family: DotFont;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 60px;
		-webkit-transform: rotate(-6deg);
	}

.link-filter-img {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 14px;
	left: 8px;
	z-index: 96;
}

.link-filter-img.mbgaui-widget-anchors { background: none; }
.link-filter-img.mbgaui-active { background: rgba(0,0,0,0.5); }


.new-link-filter-img {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 11px;
	left: 4px;
	z-index: 100;
}

.new-link-filter-img.mbgaui-widget-anchors { background: none; }
.new-link-filter-img.mbgaui-active { background: rgba(0,0,0,0.5); }

.chara-nocheck-mark,
.chara-check-mark {
	margin: -25px 0 0;
	width: 51px;
	height: 37px;
	position: absolute;
	top: 50%;
	right: 8px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 91;
}

.chara-nocheck-mark { background-position: -224px -160px; }
.chara-check-mark { background-position: -224px -120px; }

.chara-nocheck-mark2,
.chara-check-mark2 {
	width: 51px;
	height: 37px;
	position: absolute;
	top: 8px;
	right: 8px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 91;
}

.chara-nocheck-mark2 { background-position: -224px -160px; }
.chara-check-mark2 { background-position: -224px -120px; }

.chara-lock-mark {
	margin: -21px 0 0 -17px;
	width: 34px;
	height: 43px;
	position: absolute;
	top: 50%;
	right: 16px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -57px -681px;
	-webkit-background-size: 320px 1550px;
	z-index: 91;
}

/* lock parts
----------------------------------------------------------------*/
.block-lock-filter.mbgaui-disabled {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	background: rgba(51,51,51,0.6);
}

	.block-lock-filter .lock-fuse {
		padding: 32px 0 0;
		width: 40px;
		height: 44px;
		font-size: 1.0rem;
		color: #ffffff;
		line-height: 12px;
		font-weight: bold;
		display: block;
		position: absolute;
		-webkit-box-sizing: border-box;
		top: 30px;
		left: 272px;
	}
	
		.block-lock-filter .lock-fuse:before {
			width: 24px;
			height: 32px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 8px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -176px -280px;
			-webkit-background-size: 320px 1550px;
		}
		
		.block-lock-filter .lock-fuse.mbgaui-widget-anchors { opacity: 1.0; }
		.block-lock-filter .lock-fuse.mbgaui-active { opacity: 0.5; }

	.link-filter .lock-fuse {
		padding: 32px 0 0;
		width: 40px;
		height: 44px;
		font-size: 1.0rem;
		color: #ffffff;
		line-height: 12px;
		font-weight: bold;
		display: block;
		position: absolute;
		-webkit-box-sizing: border-box;
		top: 30px;
		left: 20px;
		opacity: 1.0;
	}
	
		.link-filter .lock-fuse:before {
			width: 24px;
			height: 32px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 8px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -176px -280px;
			-webkit-background-size: 320px 1550px;
		}
		
		.link-filter .lock-fuse.mbgaui-widget-anchors { opacity: 1.0; }
		.link-filter .lock-fuse.mbgaui-active { opacity: 0.5; }

/* gauge
----------------------------------------------------------------*/
.gauge-s {
	margin: 0 auto;
	padding: 2px 5px;
	width: 137px;
	height: 6px;
	position: relative;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}

	.gauge-s:before,
	.gauge-s:after {
		width: 13px;
		height: 14px;
		content: "";
		display: block;
		position: absolute;
		top: -5px;
		background-image: url("Game_Images/sprite_lang.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 3;
	}

	.gauge-s:before {
		left: -10px;
		background-position: -180px -20px;
	}

	.gauge-s:after {
		right: -10px;
		background-position: -193px -20px;
	}

	.gauge-s .gauge-s-b {
		height: 2px;
		position: relative;
		background: #ffffff;
		z-index: 2;
	}

		.gauge-s .gauge-s-b:after {
			width: 27px;
			height: 29px;
			content: "";
			display: block;
			position: absolute;
			top: -29px;
			right: -14px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -225px -600px;
			-webkit-background-size: 320px 1550px;
		}

/* Point gauge
----------------------------------------------------------------*/
.gauge-wrap-w70,
.gauge-wrap-w75,
.gauge-wrap-w86,
.gauge-wrap-w112,
.gauge-wrap-w141,
.gauge-wrap-w223,
.gauge-wrap-w333 {
	margin: 0 auto 8px;
	height: 25px;
	position: relative;
}

.gauge-wrap-w334 {
	margin: 0 auto 8px;
	height: 25px;
	position: absolute;
}

.gauge-wrap-w56,
.gauge-wrap-w72 {
	margin: 0;
	height: 25px;
	position: relative;
}

.gauge-wrap-w156 {
	margin: 0;
	height: 25px;
	position: relative;
}

.gauge-wrap-w134,
.gauge-wrap-w148 {
	height: 25px;
	position: relative;
}

.gauge-wrap-w56 { width: 56px; }
.gauge-wrap-w70 { width: 70px; }
.gauge-wrap-w72 { width: 72px; }
.gauge-wrap-w75 { width: 75px; }
.gauge-wrap-w86 { width: 86px; }
.gauge-wrap-w112 { width: 112px; }
.gauge-wrap-w134 { width: 134px; }
.gauge-wrap-w156 { width: 156px; }
.gauge-wrap-w223 { width: 223px; }
.gauge-wrap-w333 { width: 200px; }
.gauge-wrap-w334 { width: 79px; }

.gauge-wrap-w44 {
	width: 44px;
	margin: 0;
	height: 10px;
	position: relative;
}

.gauge-wrap-w69 {
	width: 69px;
	margin: 0;
	height: 10px;
	position: relative;
}

.gauge-wrap-w141 {
	padding: 0 10px 0 0;
	width: 141px;
}

.gauge-wrap-w173 {
	margin: 0 auto 8px;
	width: 173px;
	height: 25px;
	position: absolute;
	top: 30px;
	left: 12px;
}

.gauge-wrap-w173-2 {
	width: 172px;
	height: 25px;
	position: absolute;
	top: 77px;
	left: 73px;
}

.gauge-wrap-w173-3 {
	width: 126px;
	height: 25px;
	position: relative;
	left: 20px;
}

.gauge-wrap-w173-4 {
	width: 154px;
	height: 25px;
	position: absolute;
	top: 49px;
	left: 73px;
}

.gauge-wrap-w173-5 {
	width: 218px;
	height: 17px;
	position: absolute;
	top: 9px;
	left: 20px;
}

.gauge-wrap-w173-6 {
	width: 100px;
	height: 18px;
	position: absolute;
	top: 13px;
	left: 20px;
}

.gauge-wrap-w173-7 {
	width: 172px;
	height: 25px;
	position: absolute;
	top: 12px;
	left: 73px;
}

.gauge-wrap-w173-8 {
	width: 116px;
	height: 25px;
	position: absolute;
	top: 14px;
	left: 101px;
}

.gauge-wrap-w173-9 {
	width: 71px;
	height: 25px;
	position: absolute;
	top: 13px;
	left: 63px;
}

.gauge-wrap-w173-3:before,
.gauge-wrap-w173-3:after,
.gauge-wrap-w173-4:before,
.gauge-wrap-w173-4:after  {
	width: 23px;
	height: 23px;
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 13;
}

.gauge-wrap-w173-3:before,
.gauge-wrap-w173-4:before {
	left: -21px;
	background-position: -96px -552px;
}

.gauge-wrap-w173-3:after,
.gauge-wrap-w173-4:after {
	right: -23px;
	background-position: -120px -552px;
}

	.gauge-wrap-w56 .gauge-w { width: 54px; }
	.gauge-wrap-w72 .gauge-w { width: 70px; }
	.gauge-wrap-w75 .gauge-w { width: 48px; }
	.gauge-wrap-w86 .gauge-w { width: 76px; }
	.gauge-wrap-w112 .gauge-w { width: 110px; }
	.gauge-wrap-w134 .gauge-w { width: 106px; }
	.gauge-wrap-w148 .gauge-w { width: 120px; }
	.gauge-wrap-w223 .gauge-w { width: 197px; }
	.gauge-wrap-w333 .gauge-w { width: 130px; }
	.gauge-wrap-w334 .gauge-w { width: 127px; top: 10px; left: 26px;}

.gauge-wrap-position { top: -6px; }
.gauge-wrap-position2 { top: 34px; }
.gauge-wrap-position3 { top: 115px; left: 4px; }
.gauge-wrap-position4 { top: 3px; left: 2px; }
.gauge-wrap-position5 { top: 201px; left: 77px; }

.point-gauge-mp,
.point-gauge-bp,
.point-gauge-mp2,
.point-gauge-bp2,
.point-gauge-lv,
.point-gauge-sm {
	width: 26px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: 0 -216px;
	-webkit-background-size: 320px 388px;
	z-index: 2;
}

.point-gauge-sm {
    top: 2px;
}
.point-gauge-sm:before {
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 3px;
    background-image: url("Game_Images/echelon_1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-position: 0 0px;
}

	.point-gauge-mp:before,
	.point-gauge-bp:before,
	.point-gauge-mp2:before,
	.point-gauge-bp2:before,
	.point-gauge-lv:before {
		width: 20px;
		height: 12px;
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 3px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
	}

	.point-gauge-mp:before { background-position: -28px -216px; }
	.point-gauge-bp:before { background-position: -28px -228px; }
	.point-gauge-mp2:before { background-position: -28px -216px; }
	.point-gauge-bp2:before { background-position: -28px -228px; }
	.point-gauge-lv:before { background-position: 0 -244px; }

.point-gauge-lv2 {
	padding: 13px 0 0;
	width: 26px;
	height: 25px;
	font-size: 1.0rem;
	text-align: center;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/cl.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 26px 25px;
	z-index: 2;
}

.point-gauge-love {
	padding: 0 6px 0 0;
	width: 39px;
	height: 28px;
	font-size: 1.1rem;
	color: #ffffff;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: -7px;
	left: -8px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -276px -68px;
	-webkit-background-size: 320px 388px;
	z-index: 12;
}

.point-text1 {
	padding: 0 0 0 26px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

	.point-gauge {
		position: absolute;
		height: 17px;
		top: 4px;
		left: 25px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}

	.point-gauge-noleft {
		position: relative;
		height: 17px;
		top: 4px;
		left: 2px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	.point-gauge4 {
		width: 173px;
		height: 17px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	.point-gauge5 {
		width: 126px;
		height: 17px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	.point-gauge6 {
		width: 154px;
		height: 17px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}

	.point-gauge7 {
		width: 217px;
		height: 17px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	.point-gauge8 {
		width: 100px;
		height: 17px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	/*Love send only*/
	.point-gauge9 {
		position: absolute;
		height: 17px;
		top: 0;
		left: 19px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	.point-gauge10 {
		width: 117px;
		height: 17px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	.point-gauge11 {
		width: 72px;
		height: 17px;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -300px;
		-webkit-background-size: 100% 1550px;
	}
	
	.point-gauge-meter {
		width: 86px;
		height: 11px;
		position: absolute;
		top: 3px;
		left: -2px;
		z-index: 15;
	}
	
		.point-gauge-meter:before,
		.point-gauge-meter:after {
			width: 1px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			right: -3px;
			border-right: #343434 solid 1px; 
			background: #626262;
		}
		
		.point-gauge-meter:before { top: 0; }
		.point-gauge-meter:after { bottom: 0; }
		
	.point-gauge-meter2 {
		width: 62px;
		height: 11px;
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 15;
	}
	
		.point-gauge-meter2:before,
		.point-gauge-meter2:after {
			width: 1px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			right: -2px;
			border-right: #343434 solid 1px; 
			background: #626262;
		}
		
		.point-gauge-meter2:before { top: 0; }
		.point-gauge-meter2:after { bottom: 0; }
		
	.point-gauge-meter3 {
		width: 76px;
		height: 11px;
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 15;
	}
	
		.point-gauge-meter3:before,
		.point-gauge-meter3:after {
			width: 1px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			right: -2px;
			border-right: #343434 solid 1px; 
			background: #626262;
		}
		
		.point-gauge-meter3:before { top: 0; }
		.point-gauge-meter3:after { bottom: 0; }

	.point-gauge-meter4 {
		width: 108px;
		height: 11px;
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 15;
	}
	
		.point-gauge-meter4:before,
		.point-gauge-meter4:after {
			width: 1px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			right: -2px;
			border-right: #343434 solid 1px; 
			background: #626262;
		}
		
		.point-gauge-meter4:before { top: 0; }
		.point-gauge-meter4:after { bottom: 0; }
		
	.point-gauge-meter5 {
		width: 49px;
		height: 11px;
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 15;
	}
	
		.point-gauge-meter5:before,
		.point-gauge-meter5:after {
			width: 1px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			right: -2px;
			border-right: #343434 solid 1px; 
			background: #626262;
		}
		
		.point-gauge-meter5:before { top: 0; }
		.point-gauge-meter5:after { bottom: 0; }
		
	.point-gauge-meter6 {
		width: 57px;
		height: 11px;
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 15;
	}
	
		.point-gauge-meter6:before,
		.point-gauge-meter6:after {
			width: 1px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			right: -2px;
			border-right: #343434 solid 1px; 
			background: #626262;
		}
		
		.point-gauge-meter6:before { top: 0; }
		.point-gauge-meter6:after { bottom: 0; }
		
	.point-gauge-meter7 {
		width: 35px;
		height: 11px;
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 15;
	}
	
		.point-gauge-meter7:before,
		.point-gauge-meter7:after {
			width: 1px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			right: -2px;
			border-right: #343434 solid 1px; 
			background: #626262;
		}
		
		.point-gauge-meter7:before { top: 0; }
		.point-gauge-meter7:after { bottom: 0; }

	.point-gauge:before,
	.point-gauge-noleft:before,
	.point-gauge4:before,
	.point-gauge5:before,
	.point-gauge7:before,
	.point-gauge9:before,
	.point-gauge10:before {
		width: 3px;
		height: 17px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -2px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -288px -48px;
		-webkit-background-size: 320px 1550px;
	}

	.point-gauge:after,
	.point-gauge-noleft:after,
	.point-gauge4:after,
	.point-gauge5:after,
	.point-gauge7:after,
	.point-gauge9:after,
	.point-gauge10:after {
		width: 3px;
		height: 17px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: -2px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -296px -48px;
		-webkit-background-size: 320px 1550px;
	}

		.bp-gauge {
			padding: 2px 0 0 28px;
			width: 63px;
			height: 11px;
			display: -webkit-box;
		}

			.bp-gauge li {
				margin: 0 3px 0 0;
				width: 18px;
				height: 20px;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -288px 0;
				-webkit-background-size: 320px 388px;
			}
			
			.bp-light {
				width: 18px;
				height: 20px;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.bp-light.fall { background-position: -288px 0; }
			.bp-light.now { background-position: -288px -20px; }
			.bp-light.recover { background-position: -288px -40px; }

		.bp2-gauge {
			margin: 0 0 0 1px;
			padding: 2px 0 0 25px;
			width: 54px;
			height: 20px;
			display: -webkit-box;
		}

			.bp2-gauge li {
				width: 18px;
				height: 20px;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.bp2-gauge li.fall { background-position: -288px 0; }
			.bp2-gauge li.now { background-position: -288px -20px; }
			.bp2-gauge li.recover { background-position: -288px -40px; }

		.hp-gauge1,
		.hp-gauge2,
		.hp-gauge3,
		.hp-gauge4,
		.mp-gauge1,
		.mp-gauge2,
		.lv-gauge,
		.hp2-gauge,
		.lv2-gauge,
		.mp2-gauge,
		.score-gauge1,
		.score-gauge2,
		.score-gauge1-end,
		.score-gauge2-end,
		.score-gauge-diff-lose,
		.score-gauge-diff-win,
		.love-gauge1,
		.love-gauge2,
		.sm-gauge {
			height: 11px;
			-webkit-box-sizing: border-box;
			position: absolute;
			top: 3px;
			left: 0;
			background-image: url("Game_Images/sprite_line.png");
			background-repeat: repeat-x;
			-webkit-background-size: 100% 1550px;
		}

		.hp-gauge1 {
			background-position: 0 -332px;
			z-index: 10;
		}

		.hp-gauge2 {
			background-position: 0 -320px;
			z-index: 13;
		}

		.sm-gauge {
			background-position: 0 -500px;
			z-index: 12;
			height: 6px;
			top: 2px;
            left: 26px;
		}
		
		.hp-gauge3 {
			background-position: 0 -724px;
			z-index: 13;
		}
		
		.hp-gauge4 {
			background-position: 0 -740px;
			z-index: 13;
		}

		.mp-gauge1 {
			background-position: 0 -380px;
			z-index: 10;
		}

		.mp-gauge2 {
			background-position: 0 -368px;
			z-index: 11;
		}

		.lv-gauge {
			background-position: 0 -404px;
			z-index: 10;
		}

		.hp2-gauge {
			background-position: 0 -416px;
			z-index: 10;
		}

		.lv2-gauge {
			background-position: 0 -428px;
			z-index: 10;
		}

		.mp2-gauge {
			background-position: 0 -440px;
			z-index: 10;
		}
		
		.love-gauge1 {
			background-position: 0 -695px;
			z-index: 11;
		}

		.love-gauge2 {
			background-position: 0 -708px;
			z-index: 10;
		}

		.lv2-gauge-text,
		.mp2-gauge-text {
			height: 11px;
			font-size: 1.0rem;
			color: #ffffff;
			position: absolute;
			top: 7px;
			right: 4px;
			z-index: 15;
			text-shadow: 0 -1px 1px #000000;
		}

		.sm-gauge-text {
			height: 11px;
			font-size: 0.9rem;
			color: #ffffff;
			position: absolute;
			top: 8px;
			right: 47px;
			z-index: 15;
			text-shadow: 0 -1px 1px #000000;
		}

		.sm-gauge-text2 {
			height: 11px;
			font-size: 0.9rem;
			color: #ffffff;
			position: absolute;
			top: 10px;
			right: -69px;
			z-index: 15;
			text-shadow: 0 -1px 1px #000000;
		}
		
		.love-gauge-text {
			height: 11px;
			font-size: 1.0rem;
			color: #ffffff;
			text-align: right;
			position: absolute;
			top: 2px;
			right: -9px;
			z-index: 11;
			text-shadow: 0 -1px 1px #000000;
		}

		.hp-gauge-text {
			height: 11px;
			font-size: 1.0rem;
			color: #ffffff;
			position: absolute;
			top: 1px;
			right: -9px;
			z-index: 11;
			text-shadow: 0 -1px 1px #000000;
		}

			.hp-gauge-text span.max { color: #ababab; }


		.score-gauge1 {
			background-position: 0 -488px;
			z-index: 10;
		}

		.score-gauge2 {
			background-position: 0 -500px;
			z-index: 12;
		}
		
		.score-gauge1-end {
			background-position: 0 -635px;
			z-index: 10;
		}

		.score-gauge2-end {
			background-position: 0 -649px;
			z-index: 12;
		}
		
		.score-gauge-diff-lose {
			background-position: 0 -670px;
			z-index: 11;
		}
		
		.score-gauge-diff-win {
			background-position: 0 -682px;
			z-index: 11;
		}
		.boss-gauge-gray {
			background-position: 0 -303px !important;
		}
		
	.score-gauge2-vague {
		width: 102px;
		height: 11px;
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 0;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -48px -424px;
		-webkit-background-size: 320px 1550px;
		z-index: 11;
	}
	
	.score-gauge2-vague2 {
		width: 172px;
		height: 11px;
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 0;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -48px -440px;
		-webkit-background-size: 320px 1550px;
		z-index: 11;
	}
	
	.score-gauge2-vague3 {
		width: 126px;
		height: 11px;
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 0;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -152px -424px;
		-webkit-background-size: 320px 1550px;
		z-index: 11;
	}

/* Point gauge vertical
----------------------------------------------------------------*/
.vgauge-wrap {
	width: 10px;
	height: 38px;
	position: absolute;
	top: 8px;
	left: 0;
	background-image: url("Game_Images/sprite_vertical.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 320px 100%;
	z-index: 301;
}

	.vgauge-wrap-inner {
		width: 10px;
		height: 38px;
		position: relative;
	}

		.vgauge-wrap-inner:before {
			width: 10px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -88px;
			-webkit-background-size: 320px 1550px;
		}

		.vgauge-wrap-inner:after {
			width: 10px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -2px;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -96px;
			-webkit-background-size: 320px 1550px;
		}

	.vgauge {
		width: 6px;
		position: absolute;
		bottom: 0;
		left: 2px;
		background-image: url("Game_Images/sprite_vertical.png");
		background-repeat: repeat-y;
		background-position: -12px 0;
		-webkit-background-size: 320px 100%;
	}
	
.vgauge-deck-wrap {
	width: 10px;
	height: 60px;
	position: absolute;
	top: 17px;
	left: 12px;
	background-image: url("Game_Images/sprite_vertical.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 320px 100%;
	z-index: 301;
}

	.vgauge-deck-wrap-inner {
		width: 10px;
		height: 60px;
		position: relative;
	}

		.vgauge-deck-wrap-inner:before {
			width: 10px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -88px;
			-webkit-background-size: 320px 1550px;
		}

		.vgauge-deck-wrap-inner:after {
			width: 10px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -2px;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -96px;
			-webkit-background-size: 320px 1550px;
		}

	.vgauge-deck {
		width: 6px;
		position: absolute;
		bottom: 0;
		left: 2px;
		background-image: url("Game_Images/sprite_vertical.png");
		background-repeat: repeat-y;
		background-position: -12px 0;
		-webkit-background-size: 320px 100%;
	}

/* Friend count
----------------------------------------------------------------*/
.friend-num {
	padding: 0 9px;
	height: 20px;
	color: #747474;
	line-height: 19px;
	-webkit-box-sizing: border-box;
	border-bottom: #3a3a3a solid 1px;
}

	.friend-num span {
		color: #ffd200;
		font-weight: bold;
	}
	
/* Facebook user
----------------------------------------------------------------*/
.facebook-user-count {
	height: 45px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border-bottom: #3a3a3a solid 1px;
}

	.facebook-user-count-block-left,
	.facebook-user-count-block-right {
		padding: 0 0 0 40px;
		width: 160px;
		height: 45px;
		font-size: 1.0rem;
		color: #747474;
		line-height: 45px;
		-webkit-box-sizing: border-box;
		position: relative;
		border-bottom: #3a3a3a solid 1px;
	}
	
	.facebook-user-count-block-left { width: 150px; }
	.facebook-user-count-block-right { width: 170px; }
	
		.facebook-user-count-block-left span,
		.facebook-user-count-block-right span {
			color: #ffdf00;
			font-weight: bold;
		}
	
	.facebook-user-count-block-check-fix {
		position: absolute!important;
		top: 5px!important;
		left: 5px!important;
	}

	.friend-num span {
		color: #ffd200;
		font-weight: bold;
	}

/* Friend header text
----------------------------------------------------------------*/
.friend-header-text {
	font-size: 1.2rem;
	line-height: 20px;
	text-align: center;
	position: relative;
	top: 18px;
}

	.friend-header-text span {
		font-weight: bold;
	}

/* gold count
----------------------------------------------------------------*/
.gold-num {
	padding: 0 9px 0 30px;
	height: 27px;
	line-height: 25px;
	font-weight: bold;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #3a3a3a solid 1px;
}

	.gold-num:before {
		width: 20px;
		height: 20px;
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		left: 9px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -244px -128px;
		-webkit-background-size: 320px 388px;
	}
	
.pts-num {
	padding: 0 9px 0 30px;
	height: 27px;
	line-height: 25px;
	font-weight: bold;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #3a3a3a solid 1px;
}

	.pts-num:before {
		width: 64px;
		height: 64px;
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		left: 9px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/symbol_pt.png");
		background-repeat: no-repeat;
		/*background-position: -244px -128px;*/
		-webkit-background-size: 20px 20px;
	}
	
.token-num {
	padding: 0 9px 0 30px;
	height: 27px;
	line-height: 25px;
	font-weight: bold;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #3a3a3a solid 1px;
}

	.token-num:before {
		width: 64px;
		height: 64px;
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		left: 9px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/300008.png");
		background-repeat: no-repeat;
		/*background-position: -244px -128px;*/
		-webkit-background-size: 20px 20px;
	}
	
.list-cap dd.token {
	padding: 0 0 0 20px;
	font-weight: bold;
	position: relative;
	width: 60px;
	height: 30px;
	color: #ffd200;
	line-height: 30px;
	float: left;
}

.list-cap dd.token:before {
	width: 64px;
	height: 64px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("Game_Images/300008.png");
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	top: 5px;
	/*background-position: -244px -128px;*/
}

.dialog-buy-cap dd.token {
	margin: 0 0 4px;
	padding: 0 0 0 20px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	position: relative;
	color: #ffd200;
}

.dialog-buy-cap dd.token:before {
	width: 64px;
	height: 64px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("Game_Images/300008.png");
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	/*background-position: -244px -128px;*/
}

.dialog-fuse-before-token:before,
.dialog-fuse-after-token:before {
	width: 20px;
	height: 20px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -22px;
	background-image: url("Game_Images/300008.png");
	background-repeat: no-repeat;
	/*background-position: -244px -128px;*/
	-webkit-background-size: 20px 20px;
}

.dialog-fuse-before-token,
 .dialog-fuse-after-token {
	font-size: 1.4rem;
	line-height: 20px;
	font-weight: bold;
	position: absolute;
	top: 8px;
}

.dialog-fuse-before-token {
	color: #444444;
	right: 167px;
}

.dialog-fuse-after-token {
	color: #008ab2;
	left: 187px;
}

.dialog-fuse-before-token:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: -17px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #008ab2;
}


/* dummy mobacoin(shop)
----------------------------------------------------------------*/
.dummy-mobacoin {
	margin: -20px 0 0;
	width: 114px;
	height: 41px;
	position: absolute;
	top: 50%;
	right: 8px;
	background-image: url("Game_Images/dummy_coin.png");
	background-repeat: no-repeat;
	-webkit-background-size: 114px 41px;
}

/* dialog parts
----------------------------------------------------------------*/
.dialog-shadow {
	margin-left: -150px;
	width: 304px;
	position: relative;
	left: 50%;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	background: #acacac;
	z-index: 1200;
}

.dialog-shadow-height1 {
	height: 309px;
	top: 89px;
}

.dialog-shadow-height2 {
	height: 430px;
	top: 25px;
}

.dialog-shadow-height3 {
	height: 365px;
	top: 57px;
}

.dialog-shadow-height4 {
	height: 400px;
	top: 12px;
}

.dialog-shadow-height5 {
	height: 365px;
	top: 30px;
}

	.dialog-shadow:before {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		top: -2px;
		right: 1px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -16px;
		-webkit-background-size: 320px 1550px;
	}

	.dialog-shadow:after {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: 1px;
		left: -2px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -16px;
		-webkit-background-size: 320px 1550px;
	}

.dialog-body {
	width: 304px;
	position: relative;
	top: -3px;
	left: -3px;
	-webkit-box-sizing: border-box;
	border-top: #acacac solid 1px;
	border-left: #acacac solid 1px;
	background: #c7c7c7;
	z-index: 1201;
}

.dialog-body-height1 {
	height: 309px;
}

.dialog-body-height2 {
	height: 430px;
}

.dialog-body-height3 {
	height: 365px;
}

.dialog-body-height4 {
	height: 400px;
}

/* Enemy body */
.dialog-shadow-enemy {
	margin-left: -150px;
	width: 304px;
	position: relative;
	left: 50%;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	background: #3f0a00;
	z-index: 1200;
}

	.dialog-shadow-enemy:before {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		top: -2px;
		right: 0;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -56px;
		-webkit-background-size: 320px 1550px;
	}

	.dialog-shadow-enemy:after {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: 1px;
		left: -2px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -312px -56px;
		-webkit-background-size: 320px 1550px;
	}

.dialog-body-enemy {
	width: 304px;
	position: relative;
	top: -3px;
	left: -3px;
	-webkit-box-sizing: border-box;
	border: #540d00 solid 1px;
	background: #581b06;
	z-index: 1201;
}

	.dialog-body-enemy:before {
		width: 102px;
		height: 95px;
		content: "";
		display: block;
		position: absolute;
		top: 16px;
		left: 4px;
		background-image: url("../i/special_dungeon/604/enemy-img.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 102px 95px;
	}
	
.dialog-body-enemy2 {
	width: 304px;
	position: relative;
	top: -3px;
	left: -3px;
	-webkit-box-sizing: border-box;
	border: #540d00 solid 1px;
	background: #581b06;
	z-index: 1201;
}

.dialog-body-enemy3 {
	width: 304px;
	position: relative;
	top: -3px;
	left: -3px;
	-webkit-box-sizing: border-box;
	border: #3b0900 solid 1px;
	background: #310d00;
	z-index: 1201;
}

/* Reward body */
.dialog-reward-body {
	margin-left: -150px;
	padding: 40px 0 0;
	width: 304px;
	height: 305px;
	position: relative;
	top: 89px;
	left: 50%;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	background-image: url("Game_Images/bonus_dialog_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 304px 305px;
	z-index: 1200;
}

/* temp body */
.dialog-temp-body {
	margin-left: -150px;
	padding: 40px 0 0;
	width: 304px;
	height: 305px;
	position: relative;
	top: 89px;
	left: 50%;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	background-image: url("Game_Images/bonus_dialog_bg_temp.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 304px 305px;
	z-index: 1200;
}

	.dialog-close-btn {
		width: 36px;
		height: 36px;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	

	.dialog-close-btn.mbgaui-widget-anchors:before {
		width: 24px;
		height: 24px;
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 6px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		background-position: -96px 0;
	}
	
	
	
	.dialog-close-btn.mbgaui-active:before {
		width: 24px;
		height: 24px;
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 6px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		background-position: -120px 0;
	}
	
	.dialog-close-btn.mbgaui-widget-anchors:active:before {
		width: 24px;
		height: 24px;
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 6px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		background-position: -121px 0;
	}

	
	.dialog-back-btn.mbgaui-widget-anchors {
		width: 42px;
		height: 34px;
		display: block;
	    position: absolute;
	    bottom: 6px;
	    left: 8px;
	   	background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
	}

	.dialog-back-btn.mbgaui-widget-anchors {
		background-position: -42px 0;
	}

	.dialog-back-btn.mbgaui-active {
		ackground-position: -42px -34px;
	}

	.dialog-title {
		height: 36px;
		text-align: center;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
		border-bottom: #9e9e9e solid 1px;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c3c3c3));
	}

		.dialog-title h1 {
			font-size: 1.4rem;
			color: #008ab2;
			line-height: 36px;
			font-family: DotFont;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			position: relative;
		}

			.dialog-title h1.warning {
				color: #e5a200;
			}

				.dialog-title h1.warning:before {
					width: 29px;
					height: 22px;
					content: "";
					display: block;
					position: absolute;
					top: 7px;
					left: -34px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -152px 0;
					-webkit-background-size: 320px 1550px;
				}

			.dialog-title h1.question {
			}

				.dialog-title h1.question:before {
					width: 23px;
					height: 22px;
					content: "";
					display: block;
					position: absolute;
					top: 7px;
					left: -28px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -184px 0;
					-webkit-background-size: 320px 1550px;
				}
		
		/* Enemy title */
		.dialog-enemy-title {
			height: 38px;
			text-align: center;
			background: #581b06;
		}

			.dialog-enemy-title h1 {
				font-size: 1.4rem;
				color: #ffc000;
				line-height: 36px;
				font-family: DotFont;
				font-weight: bold;
				text-align: center;
				display: inline-block;
				position: relative;
			}
			
		.dialog-enemy-title2 {
			height: 38px;
			text-align: center;
			background: #310d00;
		}
			
			.dialog-enemy-title2 h1 {
				font-size: 1.4rem;
				color: #ff7200;
				line-height: 36px;
				font-family: DotFont;
				font-weight: bold;
				text-align: center;
				display: inline-block;
				position: relative;
			}
		
		/* Enemy cap */
		.dialog-enemy-cap {
			margin: 0 8px;
			width: 286px;
			height: 73px;
			display: table;
		}
		
		.dialog-enemy-cap2,
		.dialog-enemy-cap3 {
			margin: 0 8px;
			width: 286px;
			height: 36px;
			display: table;
		}
		
			.dialog-enemy-cap p,
			.dialog-enemy-cap2 p {
				font-size: 1.4rem;
				color: #ffa800;
				line-height: 18px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
			.dialog-enemy-cap3 p {
				font-size: 1.4rem;
				color: #ff2400;
				line-height: 18px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
		
		.dialog-enemy-cap-now {
			margin: 0 0 4px;
			font-size: 1.4rem;
			color: #e7cb97;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
		}
		
		.dialog-enemy-cap-hukidashi {
			margin: 0 auto 4px;
			width: 244px;
			height: 39px;
			display: table;
			position: relative;
			-webkit-border-radius: 3px;
			background: rgba(203,33,0,0.3);
			z-index: 1;
		}
		
		.dialog-enemy-cap-hukidashi2 {
			margin: 0 auto 4px;
			width: 244px;
			height: 39px;
			display: table;
			position: relative;
			-webkit-border-radius: 3px;
			background: rgba(203,33,0,0.7);
			z-index: 1;
		}
		
		.dialog-enemy-cap-hukidashi3 {
			margin: 0 auto 8px;
			width: 273px;
			height: 52px;
			display: table;
			position: relative;
			-webkit-border-radius: 3px;
			background: rgba(203,33,0,0.7);
			z-index: 1;
		}
		
			.dialog-enemy-cap-hukidashi.left:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -15px;
				left: 60px;
				border-top: 15px solid rgba(203,33,0,0.3);
				border-right: 12px solid transparent;
				border-left: 0 solid transparent;
			}
			
			.dialog-enemy-cap-hukidashi.center:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -15px;
				left: 100px;
				border-top: 15px solid rgba(203,33,0,0.3);
				border-left: 12px solid transparent;
				border-right: 0 solid transparent;
			}
			
			.dialog-enemy-cap-hukidashi.right:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -15px;
				right: 60px;
				border-top: 15px solid rgba(203,33,0,0.3);
				border-left: 12px solid transparent;
				border-right: 0 solid transparent;
			}
			
			.dialog-enemy-cap-hukidashi2.left:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -15px;
				left: 60px;
				border-top: 15px solid rgba(203,33,0,0.7);
				border-right: 12px solid transparent;
				border-left: 0 solid transparent;
			}
			
			.dialog-enemy-cap-hukidashi2.center:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -15px;
				left: 100px;
				border-top: 15px solid rgba(203,33,0,0.7);
				border-left: 12px solid transparent;
				border-right: 0 solid transparent;
			}
			
			.dialog-enemy-cap-hukidashi2.right:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -15px;
				right: 60px;
				border-top: 15px solid rgba(203,33,0,0.7);
				border-left: 12px solid transparent;
				border-right: 0 solid transparent;
			}
			
			.dialog-enemy-cap-hukidashi3:before {
				width: 73px;
				height: 82px;
				content: "";
				display: block;
				position: absolute;
				top: -17px;
				left: -20px;
				background-image: url("../i/event_common/similith4.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 73px 82px;
			}
		
			.dialog-enemy-cap-hukidashi p,
			.dialog-enemy-cap-hukidashi2 p {
				font-size: 1.3rem;
				color: #ddcb97;
				line-height: 18px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
			.dialog-enemy-cap-hukidashi3 ul {
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
				.dialog-enemy-cap-hukidashi3 li.up {
					font-size: 1.3rem;
					color: #ddcb97;
					line-height: 18px;
				}
				
				.dialog-enemy-cap-hukidashi3 li.bottom {
					font-size: 2.0rem;
					color: #e7c201;
					line-height: 24px;
					font-weight: bold;
				}
			
		.dialog-enemy-cap-bottom {
			font-size: 1.4rem;
			color: #ffa800;
			line-height: 36px;
			text-align: center;
		}
		
		/* Enemy img */
		.dialog-enemy-img-area {
			margin: 0 12px;
			width: 278px;
			height: 120px;
			display: -webkit-box;
			position: relative;
			top: 4px;
			-webkit-box-sizing: border-box;
			-webkit-box-pack: center;
			background: #470b00;
		}
		
			.dialog-enemy-img-area:before {
				width: 282px;
				height: 124px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				background: #4e1203;
				z-index: -1;
			}
			
			.dialog-enemy-img-area:after {
				width: 286px;
				height: 128px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				left: -4px;
				background: #541705;
				z-index: -2;
			}
			
		.dialog-enemy-img-area2 {
			margin: 0 12px;
			width: 278px;
			height: 150px;
			display: -webkit-box;
			position: relative;
			top: 4px;
			-webkit-box-sizing: border-box;
			-webkit-box-pack: center;
			background: #470b00;
		}
		
			.dialog-enemy-img-area2:before {
				width: 282px;
				height: 154px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				background: #4e1203;
				z-index: -1;
			}
			
			.dialog-enemy-img-area2:after {
				width: 286px;
				height: 158px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				left: -4px;
				background: #541705;
				z-index: -2;
			}
			
		.dialog-enemy-img-area2-2 {
			margin: 0 12px;
			width: 278px;
			height: 150px;
			display: -webkit-box;
			position: relative;
			top: 4px;
			-webkit-box-sizing: border-box;
			-webkit-box-pack: center;
			background: #240600;
		}
		
			.dialog-enemy-img-area2-2:before {
				width: 282px;
				height: 154px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				background: #2a0900;
				z-index: -1;
			}
			
			.dialog-enemy-img-area2-2:after {
				width: 286px;
				height: 158px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				left: -4px;
				background: #2e0b00;
				z-index: -2;
			}
			
		.dialog-enemy-img-area3 {
			margin: 0 12px;
			width: 278px;
			height: 130px;
			display: -webkit-box;
			position: relative;
			top: 4px;
			-webkit-box-sizing: border-box;
			-webkit-box-pack: center;
			background: #470b00;
		}
		
			.dialog-enemy-img-area3:before {
				width: 282px;
				height: 134px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				background: #4e1203;
				z-index: -1;
			}
			
			.dialog-enemy-img-area3:after {
				width: 286px;
				height: 138px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				left: -4px;
				background: #541705;
				z-index: -2;
			}
			
		.dialog-enemy-img-area3-2 {
			margin: 0 12px;
			width: 278px;
			height: 130px;
			display: -webkit-box;
			position: relative;
			top: 4px;
			-webkit-box-sizing: border-box;
			-webkit-box-pack: center;
			background: #240600;
		}
		
			.dialog-enemy-img-area3-2:before {
				width: 282px;
				height: 134px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				background: #2a0900;
				z-index: -1;
			}
			
			.dialog-enemy-img-area3-2:after {
				width: 286px;
				height: 138px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				left: -4px;
				background: #2e0b00;
				z-index: -2;
			}
			
			.dialog-enemy-img-block-s {
				padding: 16px 0 0;
				width: 64px;
				height: 120px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.dialog-enemy-img-block-c {
				padding: 13px 0 0;
				width: 94px;
				height: 120px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.dialog-enemy-img-block-s2 {
				padding: 57px 0 0;
				width: 64px;
				height: 150px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.dialog-enemy-img-block-c2 {
				padding: 52px 0 0;
				width: 94px;
				height: 150px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
				.dialog-enemy-img-block-s2.similith1:before,
				.dialog-enemy-img-block-s2.similith2:before,
				.dialog-enemy-img-block-s2.similith3:before {
					width: 69px;
					height: 73px;
					content: "";
					display: block;
					position: absolute;
					top: -5px;
					left: -3px;
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.dialog-enemy-img-block-c2.similith1:before,
				.dialog-enemy-img-block-c2.similith2:before,
				.dialog-enemy-img-block-c2.similith3:before {
					width: 69px;
					height: 73px;
					content: "";
					display: block;
					position: absolute;
					top: -10px;
					left: 12px;
					background-position: 0 0;
					background-repeat: no-repeat;
					-webkit-background-size: 69px 73px;
				}
				
				.dialog-enemy-img-block-s2.similith1:before,
				.dialog-enemy-img-block-c2.similith1:before {
					background-image: url("../i/event_common/similith1.png");
				}
				
				.dialog-enemy-img-block-s2.similith2:before,
				.dialog-enemy-img-block-c2.similith2:before {
					background-image: url("../i/event_common/similith2.png");
				}
				
				.dialog-enemy-img-block-s2.similith3:before,
				.dialog-enemy-img-block-c2.similith3:before {
					background-image: url("../i/event_common/similith3.png");
				}
				
			.dialog-enemy-img-block-s3 {
				padding: 37px 0 0;
				width: 64px;
				height: 130px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.dialog-enemy-img-block-c3 {
				padding: 32px 0 0;
				width: 94px;
				height: 130px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
				
				.dialog-enemy-img-block-s3 .fix1.similith4,
				.dialog-enemy-img-block-c3 .fix2.similith4,
				.dialog-enemy-img-block-c3 .fix3.similith4,
				.dialog-enemy-img-block-s3 .fix4.similith4 {
					width: 18px;
					height: 28px;
					display: block;
					position: absolute;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -80px -248px;
					-webkit-background-size: 320px 1550px;
					z-index: 0;
				}
				
				.dialog-enemy-img-block-s3 .fix1.similith4 {
					top: 17px;
					left: 14px;
				}
				
				.dialog-enemy-img-block-c3 .fix2.similith4 {
					top: 8px;
					left: 28px;
				}
				
				.dialog-enemy-img-block-c3 .fix3.similith4 {
					top: 17px;
					left: 48px;
					opacity: 0.8;
				}
				
				.dialog-enemy-img-block-s3 .fix4.similith4 {
					top: 15px;
					left: 31px;
				}
			
			.dialog-enemy-img-block-s p,
			.dialog-enemy-img-block-s2 p,
			.dialog-enemy-img-block-s3 p {
				font-size: 1.2rem;
				color: #ffc000;
				line-height: 18px;
				font-weight: bold;
				text-align: center;
			}
			
			.dialog-enemy-img-block-c p,
			.dialog-enemy-img-block-c2 p,
			.dialog-enemy-img-block-c3 p {
				margin: 5px 0 0;
				font-size: 1.2rem;
				color: #ffc000;
				line-height: 18px;
				font-weight: bold;
				text-align: center;
			}

/* hagure body */
.dialog-shadow-hagure {
	margin-left: -150px;
	width: 304px;
	position: relative;
	left: 50%;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	background: #333333;
	z-index: 1200;
}

	.dialog-shadow-hagure:before {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		top: -2px;
		right: 1px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -24px;
		-webkit-background-size: 320px 1550px;
	}

	.dialog-shadow-hagure:after {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: 1px;
		left: -2px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -312px -24px;
		-webkit-background-size: 320px 1550px;
	}

.dialog-body-hagure {
	width: 304px;
	position: relative;
	top: -3px;
	left: -3px;
	-webkit-box-sizing: border-box;
	border: #444444 solid 1px;
	background: #514e4c;
	z-index: 1201;
}

		/* hagure title */
		.dialog-hagure-title {
			height: 38px;
			text-align: center;
		}

			.dialog-hagure-title h1 {
				font-size: 1.4rem;
				color: #ffc000;
				line-height: 36px;
				font-family: DotFont;
				font-weight: bold;
				text-align: center;
				display: inline-block;
				position: relative;
			}
		
		/* hagure cap */
		.dialog-hagure-upper-cap {
			margin: 0 8px;
			width: 286px;
			height: 36px;
			display: table;
			position: relative;
			top: -10px;
		}
		
			.dialog-hagure-upper-cap p {
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 16px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
		
		.dialog-hagure-middle-area {
			width: 302px;
			height: 100px;
			position: relative;
		}
		
			.dialog-hagure-middle-area-img {
				width: 160px;
				height: 120px;
				position: absolute;
				left: -42px;
				bottom: 0;
				z-index: 1;
			}
			
				.dialog-hagure-middle-area-img img {
					position: absolute;
					bottom: 0;
					left: 0;
				}

			.dialog-login-boss-middle-area-img {
				width: 160px;
				height: 120px;
				position: absolute;
				left: -42px;
				bottom: 0;
				z-index: 1;
				top: -28px;
			}

				.dialog-login-boss-middle-area-img img {
					position: absolute;
					bottom: 0;
					left: 0;
				}

			.dialog-hagure-middle-area-cap {
				width: 203px;
				height: 61px;
				display: table;
				position: absolute;
				top: 20px;
				left: 90px;
				-webkit-border-radius: 3px;
				background: rgba(0,0,0,0.3);
			}
			
				.dialog-hagure-middle-area-cap:before {
					content: "";
					display: block;
					position: absolute;
					left: -16px;
					top: 30px;
					border-right: 16px solid rgba(0,0,0,0.3);
					border-top: 8px solid transparent;
					border-bottom: 8px solid transparent;
				}
			
				.dialog-hagure-middle-area-cap p {
					padding: 0 8px;
					font-size: 1.4rem;
					color: #ff4e00;
					line-height: 16px;
					font-weight: bold;
					vertical-align: middle;
					display: table-cell;
				}

			.dialog-login-boss-middle-area-cap {
				width: 203px;
				height: 61px;
				display: table;
				position: absolute;
				top: 9px;
				left: 90px;
				-webkit-border-radius: 3px;
				background: rgba(0,0,0,0.3);
			}

				.dialog-login-boss-middle-area-cap:before {
					content: "";
					display: block;
					position: absolute;
					left: -16px;
					top: 30px;
					border-right: 16px solid rgba(0,0,0,0.3);
					border-top: 8px solid transparent;
					border-bottom: 8px solid transparent;
				}

				.dialog-login-boss-middle-area-cap p {
					padding: 0 8px;
					font-size: 1.4rem;
					color: #ff4e00;
					line-height: 16px;
					font-weight: bold;
					vertical-align: middle;
					display: table-cell;
				}

		.dialog-hagure-upper {
			margin: 0 8px;
			width: 286px;
			height: 115px;
			display: -webkit-box;
			position: relative;
			z-index: 1;
		}
		
			.dialog-hagure-upper-left {
				padding: 30px 0 0;
				width: 52px;
				height: 115px;
				display: -webkit-box;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.dialog-hagure-upper-right {
				width: 234px;
				height: 115px;
				display: table;
				position: relative;
			}
		
				.dialog-hagure-upper-right p {
					font-size: 1.4rem;
					color: #ffffff;
					line-height: 18px;
					vertical-align: middle;
					display: table-cell;
				}
		
		.dialog-hagure-lower {
			margin: 0 8px;
			width: 286px;
			height: 45px;
			display: table;
			position: relative;
			z-index: 1;
		}
		
			.dialog-hagure-lower p {
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 16px;
				text-align: center;
				display: table-cell;
			}
		
		/* hagure img */
		.dialog-hagure-img {
			margin: 0 12px;
			width: 278px;
			height: 78px;
			position: relative;
			top: 4px;
			-webkit-box-sizing: border-box;
			-webkit-box-pack: center;
			background: rgba(40,40,40,0.2);
			z-index: 1;
		}
		
			.dialog-hagure-img:before {
				width: 282px;
				height: 82px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				background: rgba(40,40,40,0.2);
				z-index: -1;
			}
			
			.dialog-hagure-img:after {
				width: 286px;
				height: 86px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				left: -4px;
				background: rgba(40,40,40,0.2);
				z-index: -2;
			}
			
		.dialog-hagure-img-cap {
			width: 278px;
			height: 20px;
			display: table;
		}
		
			.dialog-hagure-img-cap p {
				font-size: 1.2rem;
				color: #686360;
				line-height: 20px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
		.dialog-hagure-img-area {
			margin: 0 auto;
			width: 260px;
			height: 58px;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
			-webkit-box-pack: center;
		}
		
			.dialog-hagure-img-block {
				padding: 5px 0 0;
				width: 52px;
				height: 54px;
				position: relative;
				-webkit-box-sizing: border-box;
			}

.use-keys-area {
	margin: 0 auto;
	width: 260px;
	height: 58px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-pack: center;
	top: 99px;
	left: -22px;
}

.all-rewards-area {
	margin: 0 auto;
	width: 260px;
	height: 58px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-pack: center;
	top: 104px;
	left: 17px;
}

.curr-reward-area {
	margin: 0 auto;
	width: 260px;
	height: 58px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-pack: center;
	top: 108px;
	left: -62px;
}

	.curr-reward-img-block0{
		padding: 5px 0 0;
		width: 52px;
		height: 54px;
		position: absolute;
		-webkit-box-sizing: border-box;
		left: 178px;
		top: -13px;
	}

		.curr-reward-value0{
			padding: 5px 0 0;
			width: 52px;
			height: 54px;
			position: absolute;
			left: 228px;
			top: 4px;
			color: white;
			font-style: inherit;
			vertical-align: baseline;
			font-family: NormalFont;
			font-weight: bold;
		}

	.curr-reward-img-block1{
		padding: 5px 0 0;
		width: 52px;
		height: 54px;
		position: absolute;
		-webkit-box-sizing: border-box;
		left: 178px;
		top: 43px;
	}
		.curr-reward-value1{
			padding: 5px 0 0;
			width: 52px;
			height: 54px;
			position: absolute;
			left: 228px;
			top: 61px;
			color: white;
			color: white;
			font-style: inherit;
			vertical-align: baseline;
			font-family: NormalFont;
			font-weight: bold;
		}

	.curr-reward-img-block2{
		padding: 5px 0 0;
		width: 52px;
		height: 54px;
		position: absolute;
		-webkit-box-sizing: border-box;
		left: 178px;
		top: 99px;
	}
		.curr-reward-value2{
			padding: 5px 0 0;
			width: 52px;
			height: 54px;
			position: absolute;
			left: 228px;
			top: 111px;
			color: white;
			color: white;
			font-style: inherit;
			vertical-align: baseline;
			font-family: NormalFont;
			font-weight: bold;
		}

.dialog-footer-menu-area {
	width: 302px;
	height: 55px;
	position: absolute;
	bottom: 3px;
	left: 0;
}

	.dialog-footer-menu-block {
		width: 302px;
		height: 55px;
		position: relative;
	}

.dialog-hagure-esc {
	width: 43px;
	height: 47px;
	top: 428px;
	position: absolute;
	top: 8px;
	left: 10px;
	-webkit-box-sizing: border-box;
	z-index: 120;
}

	.dialog-hagure-esc a.esc.mbgaui-widget-anchors,
	.dialog-hagure-esc a.esc.mbgaui-active {
		width: 43px;
		height: 36px;
		display: block;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index:125;
	}

	.dialog-hagure-esc a.esc.mbgaui-widget-anchors { background-position: -256px -552px; }
	.dialog-hagure-esc a.esc.mbgaui-active { background-position: -256px -592px; }

	.dialog-hagure-esc p {
		font-size: 1.0rem;
		color: #370a01;
		line-height: 12px;
		font-weight: bold;
		text-align: center;
	}

		/* Reward title */
		.dialog-reward-title {
			width: 276px;
			height: 54px;
			position: absolute;
			top: -25px;
			left: 13px;
			background-image: url("Game_Images/bonus_dialog_obi.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 276px 54px;
		}

			.dialog-reward-title h1 {
				font-size: 1.4rem;
				color: #ffffff;
				line-height: 40px;
				font-family: DotFont;
				font-weight: bold;
				text-align: center;
				position: relative;
			}
		
		/* temp title */
		.dialog-temp-title {
			width: 276px;
			height: 54px;
			position: absolute;
			top: -25px;
			left: 13px;
			background-image: url("../i/event_common/bonus_dialog_obi_temp.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 276px 54px;
		}

			.dialog-temp-title h1 {
				font-size: 1.4rem;
				color: #ffffff;
				line-height: 40px;
				font-family: DotFont;
				font-weight: bold;
				text-align: center;
				position: relative;
			}
		
		/* Reward name */
		.dialog-reward-name {
			margin: 0 auto 12px;
			width: 280px;
			height: 20px;
			position: relative;
		}

			.dialog-reward-name h2 {
				height: 20px;
				font-size: 1.4rem;
				color: #ff7200;
				line-height: 20px;
				font-weight: bold;
				text-align: center;
				position: relative;
			}
			
		/* temp name */
		.dialog-temp-name {
			margin: 0 auto 12px;
			width: 280px;
			height: 20px;
			position: relative;
		}

			.dialog-temp-name h2 {
				height: 20px;
				font-size: 1.6rem;
				color: #252e36;
				line-height: 20px;
				font-weight: bold;
				text-align: center;
				position: relative;
			}

		/* Reward body */
		.dialog-reward-item-body {
			margin: 0 auto 5px;
			width: 108px;
			height: 108px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		/* Reward status */
		.dialog-reward-status {
			margin: 0 auto;
			padding: 0 0 0 12px;
			width: 258px;
			height: 46px;
			border: rgba(255,255,255,0.1) solid 2px;
			background: rgba(0,0,0,0.4);
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 0 0 2px #000000;
		}
		.dialog-reward-status-accessory {
			width: 140px;
		}

		.dialog-reward-status-single2 {
			width: 113px;
		}

		.dialog-reward-status-nobg {
			margin: 0 auto;
			padding: 0 0 0 12px;
			width: 258px;
			height: 46px;
			position: absolute;
			bottom: 70px;
			left: 12px;
			-webkit-box-sizing: border-box;
		}

			.dialog-reward-status li.hp,
			.dialog-reward-status li.at,
			.dialog-reward-status li.df,
			.dialog-reward-status li.iq,
			.dialog-reward-status li.sp,
			.dialog-reward-status li.up,
			.dialog-reward-status li.null {
				padding: 0 0 0 20px;
				width: 80px;
				height: 20px;
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 20px;
				font-weight: bold;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			.dialog-reward-status li.accessary	{
				width: 60px;
			}

				.dialog-reward-status li.hp:before,
				.dialog-reward-status li.at:before,
				.dialog-reward-status li.df:before,
				.dialog-reward-status li.iq:before,
				.dialog-reward-status li.sp:before,
				.dialog-reward-status li.up:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}

				.dialog-reward-status li.hp:before { background-position: -44px -172px; }
				.dialog-reward-status li.at:before { background-position: -64px -172px; }
				.dialog-reward-status li.df:before { background-position: -84px -172px; }
				.dialog-reward-status li.iq:before { background-position: -104px -172px; }
				.dialog-reward-status li.sp:before { background-position: -124px -172px; }
				.dialog-reward-status li.up:before { background-position: -124px -172px; }

		/* Reward have */
		.dialog-reward-have-wrap {
			height: 17px;
			text-align: center;
		}

		.dialog-reward-item-have,
		.dialog-reward-money-have,
		.dialog-reward-item-have2,
		.dialog-reward-money-have2,
		.dialog-reward-point-have {
			margin: 0 auto;
			padding: 0 10px 0 25px;
			height: 20px;
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 20px;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			position: relative;
			-webkit-box-sizing: border-box;
			-webkit-border-radius: 4px;
			background: #733401;
		}
		
		/* temp have */
		.dialog-temp-item-have { background: rgba(0,0,0,0.5)!important; }
		
		.dialog-temp-bottom-cap {
			font-size: 1.3rem;
			color: #70ade0;
			line-height: 20px;
			text-align: center;
			position: relative;
			bottom: -10px;
		}

		.dialog-reward-item-have,
		.dialog-reward-money-have {
			top: 5px;
		}

		.dialog-reward-item-have2,
		.dialog-reward-money-have2,
		.dialog-reward-point-have {
			top: 20px;
		}

			.dialog-reward-item-have p,
			.dialog-reward-money-have p,
			.dialog-reward-item-have2 p,
			.dialog-reward-money-have2 p,
			.dialog-reward-point-have2 p {
				height: 20px;
				display: inline-block;
				position: relative;
			}

			.dialog-reward-item-have p:before,
			.dialog-reward-money-have p:before,
			.dialog-reward-item-have2 p:before,
			.dialog-reward-money-have2 p:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: -20px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.dialog-reward-point-have p:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 5px;
				background-image: url("Game_Images/sprite_lang.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.dialog-reward-item-have p:before,
			.dialog-reward-item-have2 p:before {
				background-position: -264px -128px;
			}

			.dialog-reward-money-have p:before,
			.dialog-reward-money-have2 p:before {
				background-position: -244px -128px;
			}

			.dialog-reward-point-have p:before {
				background-position: -180px 0;
			}

		.dialog-message,
		.dialog-message2,
		.dialog-message3,
		.dialog-message4,
		.dialog-message5 {
			width: 288px;
			display: table;
			background: #d8d8d8;
		}

		.dialog-message {
			margin: 20px auto 25px;
			height: 160px;
		}

		.dialog-message2 {
			margin: 10px auto 32px;
			height: 80px;
		}

		.dialog-message3 {
			margin: 10px auto;
			height: 80px;
		}

		.dialog-message4 {
			margin: 10px auto;
			height: 50px;
		}

		.dialog-message5 {
			margin: 30px auto 0;
			height: 120px;
		}
		
		.dialog-message6 {
			margin: 10px auto 0;
			padding: 10px 0;
			width: 288px;
			height: 146px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
			background: #d8d8d8;
		}

		.dialog-message-bottom {
			margin: 0 auto;
			width: 288px;
			height: 70px;
			display: table;
		}
		
		.dialog-message-bottom2 {
			margin: 0 auto;
			width: 288px;
			height: 70px;
			display: table;
		}

			.dialog-message p,
			.dialog-message2 p,
			.dialog-message3 p,
			.dialog-message4 p,
			.dialog-message5 p {
				padding: 8px;
				font-size: 1.3rem;
				color: #3e2a24;
				line-height: 16px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
			.dialog-message p span.gray,
			.dialog-message2 p span.gray,
			.dialog-message3 p span.gray,
			.dialog-message4 p span.gray,
			.dialog-message5 p span.gray {
				color: #72706f;
			}

			.dialog-message2 p.dialog-redcross {
				padding: 0 0 0 52px;
				font-size: 1.3rem;
				color: #3e2a24;
				vertical-align: middle;
				display: table-cell;
				position: relative;
			}

				.dialog-message2 p.dialog-redcross:before {
					margin: -17px 0 0 0;
					width: 34px;
					height: 38px;
					content: "";
					display: block;
					position: absolute;
					top: 50%;
					left: 8px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -270px -1015px;
					-webkit-background-size: 320px 1550px;
				}

			.dialog-message-bottom p {
				padding: 0 8px;
				font-size: 1.4rem;
				color: #ff0000;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
			.dialog-message-bottom2 p {
				padding: 0 8px;
				font-size: 1.4rem;
				color: #3e2a24;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}

		.dialog-fuse-upper {
			margin: 10px 20px 18px;
			width: 264px;
			height: 48px;
			display: -webkit-box;
		}

			.dialog-fuse-upper-img {
				width: 57px;
				position: relative;
			}

			.dialog-fuse-upper-cap {
				width: 207px;
				height: 48px;
				display: table;
			}

				.dialog-fuse-upper-cap p {
					font-size: 1.3rem;
					color: #3e2a24;
					line-height: 16px;
					vertical-align: middle;
					display: table-cell;
				}

				.dialog-fuse-upper-cap p.warning { color: #ff0000; }

		.dialog-fuse-lower {
			margin: 0 8px;
			padding: 9px 0 0 9px;
			width: 288px;
			height: 122px;
			position: relative;
			-webkit-box-sizing: border-box;
			border: #b6b2ad solid 2px;
			background: #a69e93;
		}

			.dialog-fuse-lower:before {
				width: 25px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: -20px;
				left: 22px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -228px -260px;
				-webkit-background-size: 320px 388px;
			}

		.dialog-fuse-lower-block {
			margin: 0 0 5px;
			width: 54px;
			height: 48px;
			float: left;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.dialog-fuse-lower-block-andmore {
			width: 48px;
			height: 48px;
			display: table;
			position: absolute;
			bottom: 8px;
			right: 11px;
			-webkit-box-sizing: border-box;
		}
		
			.dialog-fuse-lower-block-andmore p {
				padding: 0 0 0 2px;
				font-size: 1.0rem;
				color: #3e2a24;
				line-height: 13px;
				font-weight: bold;
				vertical-align: middle;
				display: table-cell;
			}
		
		.dialog-fuse-bottom-cap {
			font-size: 1.4rem;
			color: #ff0000;
			line-height: 30px;
			text-align: center;
		}

		.dialog-single-block {
			padding: 4px 0;
			height: 96px;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
			background: #a3a3a3;
		}

			.dialog-single-block dt,
			.dialog-single-block dd {
				font-size: 1.4rem;
				color: #444444;
			}

		.dialog-list-block,
		.dialog-list-block-select,
		.dialog-list-block-noselect {
			height: 64px;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.dialog-list-block-select {
			border-top: #ffcc02 solid 2px;
			border-left: #ffcc02 solid 2px;
			border-right: #e2a500 solid 2px;
			border-bottom: #e2a500 solid 2px;
			background: #303030;
		}

		.dialog-list-block-noselect {
			padding: 1px 2px;
			border-top: #bcbcbc solid 1px;
			border-bottom: #818181 solid 1px;
			background: #a3a3a3;
		}


	.dialog-img-box {
		width: 86px;
		height: 64px;
		position: relative;
	}

	.dialog-cap-box {
		margin: 0 0 0 8px;
		position: relative;
		-webkit-box-flex: 1;
	}

	.dialog-cap-box2 {
		padding: 11px 8px 11px 0;
		position: relative;
		-webkit-box-flex: 1;
	}

	.dialog-cap-box3 {
		padding: 3px 8px 6px 0;
		position: relative;
		-webkit-box-sizing: border-box;
		-webkit-box-flex: 1;
	}

	.dialog-cap-box4 {
		padding: 0 0 0 4px;
		position: relative;
		-webkit-box-sizing: border-box;
		-webkit-box-flex: 1;
	}

	.dialog-item-img-box {
		width: 87px;
		height: 64px;
		position: relative;
	}
	
	.dialog-item-img-box2 {
		width: 66px;
		height: 64px;
		position: relative;
	}

		.dialog-user-img-shadow {
			width: 34px;
			height: 34px;
			position: absolute;
			top: 4px;
			left: 8px;
			z-index: 53;
		}

		.dialog-user-img-shadow-fix-pvp {
			top: 2px!important;
			left: 8px!important;
		}

		.dialog-user-img-shadow-fix-detail {
			top: 5px!important;
			left: 8px!important;
		}

		.dialog-user-img-shadow-fix-list {
			top: 6px!important;
			left: 8px!important;
		}

			.dialog-user-img-shadow:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.dialog-user-img-shadow:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: 2px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.dialog-user-img {
				width: 34px;
				height: 34px;
				position: absolute;
				top: -2px;
				left: 2px;
				background: #113757;
				z-index: 53;
			}

				.dialog-user-img img {
					width: 34px;
					height: 34px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

			.img-box .user-img:after {
				width: 19px;
				height: 10px;
				content: "";
				display: block;
				position: absolute;
				top: 40px;
				left: 10px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -44px -116px;
				-webkit-background-size: 320px 388px;
			}

		.dialog-user-img:after {
			width: 19px;
			height: 10px;
			content: "";
			display: block;
			position: absolute;
			top: 32px;
			left: 8px;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -44px -116px;
			-webkit-background-size: 320px 388px;
		}

		.dialog-img-box .dialog-card-img {
			width: 54px;
			height: 54px;
			position: absolute;
			top: 6px;
			left: 36px;
			z-index: 51;
		}

		.dialog-item-img {
			padding: 0 0 0 28px;
			width: 74px;
			height: 74px;
			position: absolute;
			top: 6px;
			left: 8px;
			-webkit-box-sizing: border-box;
			z-index: 51;
		}

		.dialog-cap-box .dialog-list-cap {
			margin: 0 0 4px;
			padding: 4px 0 2px;
			position: relative;
		}

			.dialog-cap-box .dialog-list-cap dt {
				font-size: 1.4rem;
				font-weight: bold;
			}

			/* me */
			.dialog-list-block .dialog-cap-box .dialog-list-cap dt.name {
				margin: 0 0 2px;
				color: #444444;
			}

			/* select */
			.dialog-list-block-select .dialog-cap-box .dialog-list-cap dt.name {
				margin: 0 0 2px;
				color: #ffffff;
			}

			/* noselect */
			.dialog-list-block-noselect .dialog-cap-box .dialog-list-cap dt.name {
				margin: 0 0 2px;
				color: #444444;
			}

			.dialog-cap-box .dialog-list-cap dd {
				font-size: 1.4rem;
			}
			
			/* me */
			.dialog-list-block .dialog-cap-box .dialog-list-cap dd.text {
				margin: 0 0 2px;
				font-size: 1.2rem;
				color: #444444;
			}

			/* select */
			.dialog-list-block-select .dialog-cap-box .dialog-list-cap dd.text {
				margin: 0 0 2px;
				font-size: 1.2rem;
				color: #ffffff;
			}

			/* noselect */
			.dialog-list-block-noselect .dialog-cap-box .dialog-list-cap dd.text {
				margin: 0 0 2px;
				font-size: 1.2rem;
				color: #444444;
			}

			.dialog-cap-box .dialog-list-cap dd .lv-title {
				color: #2b5c85;
				font-weight: bold;
			}

			/* me */
			.dialog-list-block .dialog-cap-box .dialog-list-cap dd.rank {
				color: #444444;
			}

			/* select */
			.dialog-list-block-select .dialog-cap-box .dialog-list-cap dd.rank {
				color: #ffffff;
			}

			/* noselect */
			.dialog-list-block-noselect .dialog-cap-box .dialog-list-cap dd.rank {
				color: #444444;
			}

			/* select */
			.dialog-list-block-select .dialog-cap-box .dialog-list-cap dd.have {
				margin: 0 0 4px;
				padding: 0 0 0 24px;
				height: 20px;
				color: #ffffff;
				line-height: 20px;
				font-weight: bold;
				position: relative
			}

				.dialog-list-block-select .dialog-cap-box .dialog-list-cap dd.have:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -264px -128px;
					-webkit-background-size: 320px 388px;
				}

			/* noselect */
			.dialog-list-block-noselect .dialog-cap-box .dialog-list-cap dd.have {
				margin: 0 0 4px;
				padding: 0 0 0 24px;
				height: 20px;
				color: #444444;
				line-height: 20px;
				font-weight: bold;
				position: relative
			}

				.dialog-list-block-noselect .dialog-cap-box .dialog-list-cap dd.have:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -264px -128px;
					-webkit-background-size: 320px 388px;
				}
				
			/* Invite */
			.dialog-list-block-invite {
				width: 303px;
				height: 64px;
				display: -webkit-box;
				position: absolute;
				top: 0;
				left: 0;
			}
			
			.dialog-list-block-invite.mbgaui-widget-anchors { background: transparent; }
			.dialog-list-block-invite.mbgaui-active {
				background: #139eaf;
			}
			
				.dialog-list-block-invite-img {
					width: 87px;
					height: 48px;
					position: relative;
					top: 8px;
					background-image: url("Game_Images/invite_b_00.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 87px 48px;
				}
				
					.dialog-list-block-invite-img.aja:before,
					.dialog-list-block-invite-img.nux:before {
						width: 40px;
						height: 40px;
						content: "";
						display: block;
						position: absolute;
						top: 3px;
						left: 42px;
						background-image: url("Game_Images/sprite_lang.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 1550px;
					}
					
					.dialog-list-block-invite-img.aja:before { background-position: -262px -98px; }
					.dialog-list-block-invite-img.nux:before { background-position: -262px -138px; }
				
				.dialog-list-block-invite-cap {
					padding: 0 0 0 10px;
					width: 216px;
					height: 60px;
					-webkit-box-sizing: border-box;
				}
				
					.dialog-list-block-invite-cap li.top {
						height: 60px;
						display: table;
					}
					
					.dialog-list-block-invite-cap li.bottom {
						height: 24px;
						display: table;
					}
					
						.dialog-list-block-invite-cap li p {
							color: #444444;
							vertical-align: middle;
							display: table-cell;
						}
						
						.dialog-list-block-invite.mbgaui-active .dialog-list-block-invite-cap li p {
							color: #ffffff;
						}
					
						.dialog-list-block-invite-cap li.top p {
							font-size: 1.3rem;
							line-height: 15px;
							font-weight: bold;
						}
						
						.dialog-list-block-invite-cap li.bottom p {
							font-size: 1.1rem;
							line-height: 12px;
						}

		/* Battle Reward */
		.dialog-battle-reward {
			height: 75px;
			margin: 0 4px 4px;
			padding: 0 2px;
			-webkit-box-sizing: border-box;
			background: #d8d8d8;
		}

			.dialog-battle-reward p {
				margin: 0 0 2px;
				font-size: 1.4rem;
				color: #a3a3a3;
				line-height: 16px;
				font-family: Dotfont;
				text-align: center;
				font-weight: bold;
			}

			.dialog-battle-reward-block {
				display: -webkit-box;
			}

				.dialog-battle-reward-block ul {
					margin: 0;
					width: 50%;
					display: table;
				}

					.dialog-battle-reward-block li {
						margin: 0;
						height: 44px;
						display: table-cell;
						vertical-align: middle;
					}

					.dialog-battle-reward-block li.dialog-battle-reward-img {
						width: 80px;
						text-align: right;
					}

					.dialog-battle-reward-block li.dialog-battle-reward-num {
						padding: 0 0 0 8px;
						font-size: 1.4rem;
						color: #444444;
						-webkit-box-sizing: border-box;
					}

						.dialog-battle-reward-block li img {
							vertical-align: middle;
						}

						.dialog-battle-reward-block li span {
							font-size: 1.4rem;
							color: #444444;
							vertical-align: middle;
							text-align: left;

						}

		.dialog-gauge {
			margin: 0 0 8px;
			padding: 4px 0;
		}

		/* status */
		.dialog-status1,
		.dialog-status2 {
			margin: 0 auto 4px;
			padding: 0 0 0 24px;
			width: 200px;
			height: 26px;
			display: -webkit-box;
			position: relative;
		}

			.dialog-status1:before,
			.dialog-status2:before {
				margin: -10px 0 0;
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.dialog-status1:before {
				background-position: -192px -665px;
			}

			.dialog-status2:before {
				background-position: -214px -665px;
			}

		.dialog-status1 dd.s-before,
		.dialog-status2 dd.s-before {
			width: 92px;
			padding: 0 24px 0 0;
			font-size: 1.4rem;
			color: #444444;
			line-height: 26px;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
		}

			.dialog-status1 dd.s-before:after,
			.dialog-status2 dd.s-before:after {
				content: "";
				display: block;
				position: absolute;
				top: 6px;
				right: 0;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-left: 12px solid #444444;
			}

		.dialog-status1 dd.s-after,
		.dialog-status2 dd.s-after {
			width: 100px;
			margin: 0 0 0 8px;
			padding: 0 8px;
			font-size: 1.4rem;
			color: #000000;
			line-height: 26px;
			font-weight: bold;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
			border-top: #829193 solid 1px;
			border-left: #829193 solid 1px;
			background-image: url("Game_Images/sprite_line.png");
			background-repeat: repeat-x;
			background-position: 0 -272px;
			-webkit-background-size: 100% 1550px;
		}

		/* status2 */
		.dialog-status3 {
			margin: 0 auto 4px;
			padding: 0 0 0 24px;
			width: 104px;
			height: 26px;
			display: -webkit-box;
			position: relative;
		}

		.dialog-status3 dt {
			width: 30px;
			padding: 0 4px 0 0;
			font-size: 1.4rem;
			color: #444444;
			line-height: 26px;
			font-weight: bold;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.dialog-status3 dd.s-before {
			width: 44px;
			padding: 0 24px 0 0;
			font-size: 1.4rem;
			color: #444444;
			line-height: 26px;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
		}

			.dialog-status3 dd.s-before:after {
				content: "";
				display: block;
				position: absolute;
				top: 6px;
				right: 0;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-left: 12px solid #444444;
			}

		.dialog-status3 dd.s-after {
			width: 30px;
			margin: 0 0 0 8px;
			padding: 0 8px;
			font-size: 1.4rem;
			color: #000000;
			line-height: 26px;
			font-weight: bold;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
			border-top: #829193 solid 1px;
			border-left: #829193 solid 1px;
			background-image: url("Game_Images/sprite_line.png");
			background-repeat: repeat-x;
			background-position: 0 -272px;
			-webkit-background-size: 100% 1550px;
		}

		/* login bonus */
		.dialog-login-day {
			margin: 5px 0 0;
			display: -webkit-box;
		}

		.dialog-login-day2 {
			margin: 0 0 5px;
			display: -webkit-box;
		}

		.dialog-login-day3 {
			margin: 10px 0;
			display: -webkit-box;
		}

			.dialog-login-day .day-left {
				padding: 0 5px 0 0;
				width: 91px;
				font-size: 1.2rem;
				color: #787572;
				line-height: 26px;
				text-align: right;
				-webkit-box-sizing: border-box;
			}

			.dialog-login-day .day-center {
				padding: 2px;
				width: 67px;
				height: 26px;
				-webkit-box-sizing: border-box;
				background: -webkit-gradient(linear, left top, left bottom, from(#b1b1b1), to(#d6d6d6));
			}

			.dialog-login-day .day-center-inner {
				width: 63px;
				height: 22px;
				font-size: 1.8rem;
				color: #ff0000;
				line-height: 20px;
				font-weight: bold;
				text-align: center;
				-webkit-box-sizing: border-box;
				-webkit-box-shadow: inset 0 -2px 2px rgba(0,0,0,0.3);
				background: #ffffff;
			}

			.dialog-login-day .day-right {
				padding: 0 0 0 5px;
				width: 142px;
				font-size: 1.2rem;
				color: #787572;
				line-height: 26px;
				text-align: left;
				-webkit-box-sizing: border-box;
			}

			.dialog-login-day2 .day-bottom {
				width: 304px;
				font-size: 1.2rem;
				color: #787572;
				line-height: 18px;
				text-align: center;
				-webkit-box-sizing: border-box;
			}

			.dialog-login-day3 .day-get {
				width: 304px;
				font-size: 1.7rem;
				color: #ff0000;
				line-height: 30px;
				font-weight: bold;
				text-align: center;
				-webkit-box-sizing: border-box;
			}

		/* Bonus status */
		.dialog-list-block-today {
			margin: 9px 0 0;
			width: 304px;
			height: 106px;
			position: relative;
			-webkit-box-sizing: border-box;
			border: #30261c solid 2px;
			-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.3),0 -1px 2px rgba(0,0,0,0.3);
			background: -webkit-gradient(linear, left top, left bottom, from(#6d5f51), to(#45372a));
			z-index: 2;
		}

		.dialog-list-block-nextday {
			margin: 16px 5px 0;
			width: 294px;
			height: 99px;
			position: relative;
			-webkit-box-sizing: border-box;
			border: #d8d8d8 solid 2px;
			background: #898076;
			z-index: 2;
		}

			.dialog-list-block-nextday:before {
				width: 103px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: -10px;
				left: 95px;
				background-image: url("Game_Images/login_bonus_1.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 103px 15px;
			}

		.dialog-list-block-otherday {
			padding: 0 7px;
			width: 304px;
			height: 91px;
			position: relative;
			-webkit-box-sizing: border-box;
			z-index: 1;
		}

		.dialog-list-block-otherday.second { background: #b4b4b4; }

		.dialog-list-block-today .check-mark {
			width: 56px;
			height: 40px;
			position: absolute;
			top: 20px;
			left: 130px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -32px -776px;
			-webkit-background-size: 320px 1550px;
			z-index: 91;
		}

		.dialog-list-block-today-title {
			width: 300px;
			height: 24px;
			display: -webkit-box;
			background: -webkit-gradient(linear, left top, left bottom, from(#706255), color-stop(0.9, #4e4235), to(#655749));
		}

		.dialog-list-block-next-title {
			width: 300px;
			height: 29px;
			display: -webkit-box;
			position: relative;
		}

		.dialog-list-block-other-title {
			width: 300px;
			height: 28px;
			display: -webkit-box;
			position: relative;
		}

		.dialog-list-block-today-reward,
		.dialog-list-block-otherday-reward {
			display: -webkit-box;
		}

		.dialog-list-block-today .dialog-login-img {
			padding: 0 0 0 10px;
			width: 92px;
			position: relative;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
		}

		.dialog-list-block-nextday .dialog-login-img {
			padding: 7px 0 0 17px;
			width: 70px;
			position: relative;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
		}

		.dialog-list-block-otherday .dialog-login-img {
			padding: 5px 0 0 17px;
			width: 70px;
			position: relative;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
		}

		.dialog-bonus-day {
			width: 62px;
			height: 19px;
			font-size: 1.0rem;
			color: #313131;
			line-height: 19px;
			text-align: center;
			position: absolute;
			top: 7px;
			left: 10px;
			-webkit-border-radius: 3px;
			border-bottom: rgba(255,255,255,0.3) solid 1px;
			background: rgba(0,0,0,0.2);
		}

		.dialog-bonus-day-get {
			width: 75px;
			height: 19px;
			font-size: 1.0rem;
			color: #ff0000;
			line-height: 19px;
			text-align: center;
			position: absolute;
			top: 2px;
			left: 10px;
			-webkit-border-radius: 3px;
			border-bottom: rgba(0,0,0,0.3) solid 1px;
			background: rgba(0,0,0,0.4);
		}

			.dialog-bonus-day span,
			.dialog-bonus-day-get span {
				font-weight: bold;
			}

		.dialog-bonus-name {
			width: 218px;
			height: 19px;
			font-size: 1.2rem;
			line-height: 19px;
			font-weight: bold;
			position: absolute;
			top: 7px;
			left: 82px;
		}

		.dialog-bonus-name-get {
			width: 205px;
			height: 19px;
			font-size: 1.2rem;
			color: #30261f;
			line-height: 19px;
			font-weight: bold;
			position: absolute;
			top: 2px;
			left: 95px;
		}

		.dialog-list-block-today .dialog-bonus-name {
			width: 208px;
			color: #180f09;
		}

		.dialog-list-block-nextday .dialog-bonus-name {
			width: 208px;
			color: #180f09;
		}

		.dialog-list-block-otherday .dialog-bonus-name {
			width: 206px;
			color: #6b6b6b;
		}

		.dialog-list-block-today .dialog-bonus-status {
			margin: 2px 0 0;
			padding: 2px 5px;
			width: 200px;
			height: 70px;
			position: relative;
			-webkit-box-sizing: border-box;
			border: rgba(255,255,255,0.1) solid 2px;
			-webkit-box-shadow: 0 0 2px #000000;
			background: rgba(28,12,6,0.2);
		}

		.dialog-list-block-nextday .dialog-bonus-status {
			margin: 0 0 0 12px;
			padding: 0 5px;
			width: 200px;
			height: 57px;
			position: relative;
			-webkit-box-sizing: border-box;
			border: rgba(255,255,255,0.1) solid 2px;
			-webkit-box-shadow: 0 0 2px #000000;
			background: #5a5047;
		}

		.dialog-list-block-otherday .dialog-bonus-status {
			margin: 0 0 0 12px;
			padding: 0 5px;
			width: 200px;
			height: 57px;
			position: relative;
			-webkit-box-sizing: border-box;
			border: rgba(255,255,255,0.1) solid 2px;
			-webkit-box-shadow: 0 0 2px #000000;
			background: #6d6d6d;
		}

			.dialog-list-block-today .dialog-bonus-status li.hp,
			.dialog-list-block-today .dialog-bonus-status li.at,
			.dialog-list-block-today .dialog-bonus-status li.df,
			.dialog-list-block-today .dialog-bonus-status li.iq,
			.dialog-list-block-today .dialog-bonus-status li.sp,
			.dialog-list-block-today .dialog-bonus-status li.up,
			.dialog-list-block-today .dialog-bonus-status li.null {
				padding: 0 0 0 20px;
				width: 62px;
				height: 22px;
				font-size: 1.1rem;
				color: #b9b5b3;
				line-height: 24px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			.dialog-list-block-nextday .dialog-bonus-status li.hp,
			.dialog-list-block-nextday .dialog-bonus-status li.at,
			.dialog-list-block-nextday .dialog-bonus-status li.df,
			.dialog-list-block-nextday .dialog-bonus-status li.iq,
			.dialog-list-block-nextday .dialog-bonus-status li.sp,
			.dialog-list-block-nextday .dialog-bonus-status li.up,
			.dialog-list-block-nextday .dialog-bonus-status li.null {
				padding: 0 0 0 20px;
				width: 62px;
				height: 18px;
				font-size: 1.1rem;
				color: #b9b5b3;
				line-height: 18px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			.dialog-list-block-otherday .dialog-bonus-status li.hp,
			.dialog-list-block-otherday .dialog-bonus-status li.at,
			.dialog-list-block-otherday .dialog-bonus-status li.df,
			.dialog-list-block-otherday .dialog-bonus-status li.iq,
			.dialog-list-block-otherday .dialog-bonus-status li.sp,
			.dialog-list-block-otherday .dialog-bonus-status li.up,
			.dialog-list-block-otherday .dialog-bonus-status li.null {
				padding: 0 0 0 20px;
				width: 62px;
				height: 18px;
				font-size: 1.1rem;
				color: #b9b5b3;
				line-height: 18px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.dialog-list-block-today .dialog-bonus-status li.hp:before,
				.dialog-list-block-today .dialog-bonus-status li.at:before,
				.dialog-list-block-today .dialog-bonus-status li.df:before,
				.dialog-list-block-today .dialog-bonus-status li.iq:before,
				.dialog-list-block-today .dialog-bonus-status li.sp:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 2px;
					left: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}
				.dialog-list-block-today .dialog-bonus-status li.up:before {
					width: 14px;
					height: 14px;
					content: "";
					display: block;
					position: absolute;
					top: 4px;
					left: 3px;
					background-image: url("Game_Images/arrow_up_icon.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 14px 14px;
				}

				.dialog-list-block-nextday .dialog-bonus-status li.hp:before,
				.dialog-list-block-nextday .dialog-bonus-status li.at:before,
				.dialog-list-block-nextday .dialog-bonus-status li.df:before,
				.dialog-list-block-nextday .dialog-bonus-status li.iq:before,
				.dialog-list-block-nextday .dialog-bonus-status li.sp:before,
				.dialog-list-block-otherday .dialog-bonus-status li.hp:before,
				.dialog-list-block-otherday .dialog-bonus-status li.at:before,
				.dialog-list-block-otherday .dialog-bonus-status li.df:before,
				.dialog-list-block-otherday .dialog-bonus-status li.iq:before,
				.dialog-list-block-otherday .dialog-bonus-status li.sp:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -1px;
					left: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}

				.dialog-list-block-nextday .dialog-bonus-status li.up:before,
				.dialog-list-block-otherday .dialog-bonus-status li.up:before {
					width: 14px;
					height: 14px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 3px;
					background-image: url("Game_Images/arrow_up_icon.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 14px 14px;
				}

				.dialog-bonus-status li.hp:before { background-position: -44px -172px; }
				.dialog-bonus-status li.at:before { background-position: -64px -172px; }
				.dialog-bonus-status li.df:before { background-position: -84px -172px; }
				.dialog-bonus-status li.iq:before { background-position: -104px -172px; }
				.dialog-bonus-status li.sp:before { background-position: -124px -172px; }

				.dialog-list-block-today .dialog-bonus-status li.skill,
				.dialog-list-block-nextday .dialog-bonus-status li.skill {
					padding: 0 0 0 20px;
					width: 188px;
					height: 18px;
					font-size: 1.1rem;
					line-height: 18px;
					float: left;
					position: relative;
					-webkit-box-sizing: border-box;
				}

				.dialog-list-block-otherday .dialog-bonus-status li.skill {
					padding: 0 0 0 20px;
					width: 188px;
					height: 18px;
					font-size: 1.1rem;
					color: #dadada;
					line-height: 18px;
					float: left;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.dialog-bonus-status li.skill:before {
						width: 20px;
						height: 18px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -216px 0;
						-webkit-background-size: 320px 1550px;
					}

		/* fuse */
		.dialog-fuse {
			width: 304px;
			height: 90px;
			position: relative;
			background: #a3a3a3;
		}

		.dialog-fuse2 {
			width: 304px;
			height: 33px;
			position: relative;
		}

			.dialog-fuse-before-s,
			.dialog-fuse-before-f,
			.dialog-fuse-after-s,
			.dialog-fuse-after-f {
				font-size: 1.4rem;
				line-height: 20px;
				font-weight: bold;
				position: absolute;
			}

			.dialog-fuse .dialog-fuse-before-s,
			.dialog-fuse .dialog-fuse-before-f,
			.dialog-fuse .dialog-fuse-after-s,
			.dialog-fuse .dialog-fuse-after-f {
				top: 35px;
			}

			.dialog-fuse2 .dialog-fuse-before-s,
			.dialog-fuse2 .dialog-fuse-before-f,
			.dialog-fuse2 .dialog-fuse-after-s,
			.dialog-fuse2 .dialog-fuse-after-f {
				top: 8px;
			}

			.dialog-fuse-before-s,
			.dialog-fuse-before-f {
				color: #444444;
				right: 167px;
			}

			.dialog-fuse-after-s {
				color: #008ab2;
				left: 187px;
			}

			.dialog-fuse-after-f {
				color: #b20000;
				left: 187px;
			}

				.dialog-fuse-before-s:before,
				.dialog-fuse-before-f:before,
				.dialog-fuse-after-s:before,
				.dialog-fuse-after-f:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: -22px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -244px -128px;
					-webkit-background-size: 320px 388px;
				}

				.dialog-fuse-before-s:after,
				.dialog-fuse-before-f:after {
					content: "";
					display: block;
					position: absolute;
					top: 4px;
					right: -17px;
					border-top: 6px solid transparent;
					border-bottom: 6px solid transparent;
				}

				.dialog-fuse-before-s:after { border-left: 8px solid #008ab2; }
				.dialog-fuse-before-f:after { border-left: 8px solid #b20000; }

		.dialog-fuse-warning {
			font-size: 1.4rem;
			color: #b20000;
			line-height: 51px;
			font-weight: bold;
			text-align: center;
		}

		/* buy */
		.dialog-buy {
			padding: 8px 16px;
			height: 94px;
			display: -webkit-box;
			-webkit-box-sizing: border-box;
			background: #a3a3a3;
		}

			.dialog-buy-img {
				width: 82px;
				position: relative;
			}

			.dialog-buy-cap {
				margin: 0 0 0 4px;
				position: relative;
				-webkit-box-flex: 1;
			}

				.dialog-buy-cap dd {
					font-size: 1.4rem;
				}

				.dialog-buy-cap dd.gold,
				.dialog-buy-cap dd.price,
				.dialog-buy-cap dd.price-sale,
				.dialog-buy-cap dd.price-sale-low {
					margin: 0 0 4px;
					padding: 0 0 0 20px;
					height: 20px;
					line-height: 20px;
					font-weight: bold;
					position: relative;
				}

				.dialog-buy-cap dd.gold,
				.dialog-buy-cap dd.price {
					color: #ffd200;
				}

				.dialog-buy-cap dd.price-sale {
					color: #ff4500;
					text-decoration: line-through;
					display: inline-block;
					position: relative;
				}

					.dialog-buy-cap dd.price-sale span {
						color: #ffd200;
					}

				.dialog-buy-cap dd.price-sale-low {
					padding: 0 0 0 20px;
					color: #ff4500;
					display: inline-block;
					position: relative;
				}

					.dialog-buy-cap dd.price-sale-low:before {
						content: "";
						display: block;
						position: absolute;
						top: 2px;
						left: 4px;
						border-top: 7px solid transparent;
						border-bottom: 7px solid transparent;
						border-left: 12px solid #ff4500;
					}

					.dialog-buy-cap dd.gold:before,
					.dialog-buy-cap dd.android.price:before,
					.dialog-buy-cap dd.android.price-sale:before,
					.dialog-buy-cap dd.ios.price:before,
					.dialog-buy-cap dd.ios.price-sale:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}

					.dialog-buy-cap dd.gold:before {
						background-position: -244px -128px;
					}

					.dialog-buy-cap dd.android.price:before,
					.dialog-buy-cap dd.android.price-sale:before {
						background-position: -224px -128px;
					}

					.dialog-buy-cap dd.ios.price:before,
					.dialog-buy-cap dd.ios.price-sale:before {
						background-position: -204px -128px;
					}

		/* item detail */
		.dialog-item-detail {
			padding: 12px 0 8px;
			height: 114px;
			position: relative;
			-webkit-box-sizing: border-box;
			background: #a3a3a3;
		}
		
		.dialog-item-detail .img-t {
			margin: 0 0 0 25px;
			float: left;
		}

		.dialog-item-detail .img-bg { left: 0; }

			.dialog-item-detail-cap {
				width: 304px;
				text-align: center;
				position: absolute;
				top: 88px;
				left: 0;
			}

				.dialog-item-detail-cap dd {
					margin: 0 auto;
					font-size: 1.4rem;
					color: #444444;
					display: inline-block;
				}

				.dialog-item-detail-cap dd.have-num {
					margin: 0 0 4px;
					padding: 0 0 0 20px;
					height: 20px;
					line-height: 20px;
					font-weight: bold;
					position: relative;
				}

					.dialog-item-detail-cap dd.have-num:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						background-position: -264px -128px;
						-webkit-background-size: 320px 388px;
					}
			
			.dialog-item-detail-cap2 {
				position: absolute;
				top: 14px;
				left: 120px;
			}
			
				.dialog-item-detail-cap2 p {
					font-size: 1.4rem;
					color: #444444;
					font-weight: bold;
				}
			
		/* dialog menu */
		.dialog-menu {
			margin: 2px 0 0 3px;
			width: 297px;
			height: 261px;
		}

			.dialog-menu-col {
				height: 90px;
				display: -webkit-box;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/line_dotg.png");
				background-repeat: repeat-x;
				background-position: left bottom;
				-webkit-background-size: 10px 3px;
			}

			.dialog-menu-col:nth-last-of-type(1) {
				height: 87px;
				background: none;
			}

			.dialog-menu-cell {
				padding: 6px 0 0;
				width: 100px;
				height: 90px;
				position: relative;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/line_dotgv.png");
				background-repeat: repeat-y;
				background-position: right top;
				-webkit-background-size: 3px 10px;
			}

			.dialog-menu-cell:nth-last-of-type(1) {
				width: 97px;
				height: 87px;
				background: none;
			}

			.dialog-menu-cell:nth-last-of-type(2) {
				height: 87px;
			}

			.dialog-menu-cell:nth-last-of-type(3) {
				height: 87px;
			}

				.dialog-menu-cell a {
					margin: 0 0 0 15px;
					width: 66px;
					height: 58px;
					font-size: 1.2rem;
					color: #444444!important;
					text-decoration: none;
					text-align: center;
					vertical-align: middle;
					display: block;
					-webkit-box-sizing: border-box;
				}

					.dialog-menu-cell a.mbgaui-widget-anchors,
					.dialog-menu-cell a.mbgaui-active {
						background-position: 0 0;
						background-repeat: no-repeat;
						-webkit-background-size: 66px 58px;
					}
				
				.dialog-menu-cell .mbgaui-disabled {
					margin: 0 0 0 15px;
					width: 66px;
					height: 58px;
					font-size: 1.2rem;
					color: #444444!important;
					text-decoration: none;
					text-align: center;
					vertical-align: middle;
					display: block;
					-webkit-box-sizing: border-box;
					background-position: 0 0;
					background-repeat: no-repeat;
					-webkit-background-size: 66px 58px;
					opacity: 0.3;
				}
/* MENU BUTTONS */
					.dialog-menu-cell a.mbgaui-widget-anchors.premium { background-image: url("Game_Images/menu_store_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.premium:active { background-image: url("Game_Images/menu_store_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.zeny { background-image: url("Game_Images/menu_txstore_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.zeny:active { background-image: url("Game_Images/menu_txstore_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.goods { background-image: url("Game_Images/menu_goods_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.goods:active { background-image: url("Game_Images/menu_goods_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.inventory { background-image: url("Game_Images/menu_inventory_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.inventory:active { background-image: url("Game_Images/menu_inventory_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.friends { background-image: url("Game_Images/menu_friends_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.friends:active { background-image: url("Game_Images/menu_friends_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.catalog { background-image: url("Game_Images/menu_catalog_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.catalog:active { background-image: url("Game_Images/menu_catalog_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.history { background-image: url("Game_Images/menu_history_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.history:active { background-image: url("Game_Images/menu_history_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.help { background-image: url("Game_Images/menu_help_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.help:active { background-image: url("Game_Images/menu_help_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.setting { background-image: url("Game_Images/menu_setting_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.setting:active { background-image: url("Game_Images/menu_setting_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.invite { background-image: url("Game_Images/menu_invite_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.invite:active { background-image: url("Game_Images/menu_invite_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.trade { background-image: url("Game_Images/menu_trade_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.trade:active { background-image: url("Game_Images/menu_trade_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.anniversary { background-image: url("Game_Images/menu_anniversary_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.anniversary:active { background-image: url("Game_Images/menu_anniversary_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.special-campaign { background-image: url("Game_Images/menu_special_campaign_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.special-campaign:active { background-image: url("Game_Images/menu_special_campaign_p.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.loyalty-campaign { background-image: url("Game_Images/menu_loyalty_campaign.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.loyalty-campaign:active { background-image: url("Game_Images/menu_loyalty_campaign.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.monthly-campaign { background-image: url("Game_Images/menu_special_christmans_n.png"); }
					.dialog-menu-cell a.mbgaui-widget-anchors.monthly-campaign:active { background-image: url("Game_Images/menu_special_christmans_p.png"); }

					.dialog-menu-cell a.mbgaui-active.premium { background-image: url("Game_Images/menu_store_p.png"); }
					.dialog-menu-cell a.mbgaui-active.zeny { background-image: url("Game_Images/menu_txstore_p.png"); }
					.dialog-menu-cell a.mbgaui-active.goods {  background-image: url("Game_Images/menu_goods_p.png"); }
					.dialog-menu-cell a.mbgaui-active.inventory { background-image: url("Game_Images/menu_inventory_p.png"); }
					.dialog-menu-cell a.mbgaui-active.friends { background-image: url("Game_Images/menu_friends_p.png"); }
					.dialog-menu-cell a.mbgaui-active.catalog { background-image: url("Game_Images/menu_catalog_p.png"); }
					.dialog-menu-cell a.mbgaui-active.history { background-image: url("Game_Images/menu_history_p.png"); }
					.dialog-menu-cell a.mbgaui-active.help { background-image: url("Game_Images/menu_help_p.png"); }
					.dialog-menu-cell a.mbgaui-active.setting { background-image: url("Game_Images/menu_setting_p.png"); }
					.dialog-menu-cell a.mbgaui-active.invite { background-image: url("Game_Images/menu_invite_p.png"); }
					.dialog-menu-cell a.mbgaui-active.trade { background-image: url("Game_Images/menu_trade_p.png"); }
					.dialog-menu-cell a.mbgaui-active.anniversary { background-image: url("Game_Images/menu_anniversary_p.png"); }
					.dialog-menu-cell a.mbgaui-active.special-campaign { background-image: url("Game_Images/menu_special_campaign_p.png"); }
					.dialog-menu-cell a.mbgaui-active.loyalty-campaign { background-image: url("Game_Images/menu_loyalty_campaign.png"); opacity: 0.5;}
					.dialog-menu-cell a.mbgaui-active.monthly-campaign { background-image: url("Game_Images/menu_special_christmans_p.png"); }

					.dialog-menu-cell .mbgaui-disabled.premium { background-image: url("Game_Images/menu_store_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.zeny { background-image: url("Game_Images/menu_txstore_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.goods {  background-image: url("Game_Images/menu_goods_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.inventory { background-image: url("Game_Images/menu_inventory_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.friends { background-image: url("Game_Images/menu_friends_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.catalog { background-image: url("Game_Images/menu_catalog_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.history { background-image: url("Game_Images/menu_history_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.help { background-image: url("Game_Images/menu_help_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.setting { background-image: url("Game_Images/menu_setting_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.invite { background-image: url("Game_Images/menu_invite_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.trade { background-image: url("Game_Images/menu_trade_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.anniversary { background-image: url("Game_Images/menu_anniversary_n.png"); }
					.dialog-menu-cell .mbgaui-disabled.monthly-campaign { background-image: url("Game_Images/menu_special_christmans_n.png"); }

				.menu-lock-mark {
					width: 24px;
					height: 32px;
					position: absolute;
					top: 16px;
					left: 35px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -176px -280px;
					-webkit-background-size: 320px 1550px;
					z-index: 65;
				}
				
				.menu-lock-lv {
					width: 74px;
					height: 15px;
					font-size: 1.3rem;
					color: #d8d8d8;
					line-height: 15px;
					font-weight: bold;
					text-align: center;
					position: absolute;
					top: 50px;
					left: 12px;
					-webkit-border-radius: 3px;
					background: rgba(0,0,0,0.5);
				}
				
				.dialog-menu-cell a.comeback,
				.dialog-menu-cell a.event {
					margin: 0 0 0 7px;
					width: 87px;
					height: 70px;
					font-size: 1.2rem;
					color: #444444!important;
					text-decoration: none;
					text-align: center;
					vertical-align: middle;
					display: block;
					position: relative;
					top: -5px;
					-webkit-box-sizing: border-box;
				}
				
				.dialog-menu-cell a.event { font-weight: bold; }
				
					.dialog-menu-cell a.mbgaui-widget-anchors.comeback,
					.dialog-menu-cell a.mbgaui-active.comeback {
						background-image: url("Game_Images/menu_event1.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 87px 70px;
					}

					.dialog-menu-cell a.mbgaui-widget-anchors.comeback { opacity: 1.0; }
					.dialog-menu-cell a.mbgaui-active.comeback { opacity: 0.5; }
					
					.dialog-menu-cell a.mbgaui-widget-anchors.event,
					.dialog-menu-cell a.mbgaui-active.event {
						background-image: url("Game_Images/menu_event2.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 87px 70px;
					}

					.dialog-menu-cell a.mbgaui-widget-anchors.event { opacity: 1.0; }
					.dialog-menu-cell a.mbgaui-active.event { opacity: 0.5; }

				.dialog-menu-cell p {
					font-size: 1.2rem;
					color: #444444;
					line-height: 20px;
					text-align: center;
				}
				
				.dialog-menu-cell p.bottomup {
					color: #a95400;
					font-weight: bold;
					position: relative;
					top: -13px;
				}

		.dialog-menu-fb.mbgaui-widget-anchors,
		.dialog-menu-fb.mbgaui-active,
		.dialog-menu-wall.mbgaui-widget-anchors,
		.dialog-menu-wall.mbgaui-active {
			width: 147px;
			height: 57px;
			font-size: 1.2rem;
			color: #8a8a8a;
			display: block;
			position: absolute;
			top: 406px;
			-webkit-box-sizing: border-box;
		}

		.dialog-menu-fb.mbgaui-widget-anchors,
		.dialog-menu-fb.mbgaui-active {
			left: 0;
		}

		.dialog-menu-wall.mbgaui-widget-anchors,
		.dialog-menu-wall.mbgaui-active {
			left: 155px;
		}

			.dialog-menu-fb.mbgaui-widget-anchors p,
			.dialog-menu-fb.mbgaui-active p,
			.dialog-menu-wall.mbgaui-widget-anchors p,
			.dialog-menu-wall.mbgaui-active p {
				padding: 0 0 0 53px;
				height: 54px;
				line-height: 16px;
				vertical-align: middle;
				display: table-cell;
				-webkit-box-sizing: border-box;
			}

			.dialog-menu-fb.mbgaui-widget-anchors p span,
			.dialog-menu-fb.mbgaui-active p span,
			.dialog-menu-wall.mbgaui-widget-anchors p span,
			.dialog-menu-wall.mbgaui-active p span {
				font-weight: bold;
			}

			.dialog-menu-fb.mbgaui-widget-anchors:before,
			.dialog-menu-fb.mbgaui-active:before,
			.dialog-menu-wall.mbgaui-widget-anchors:before,
			.dialog-menu-wall.mbgaui-active:before {
				width: 44px;
				height: 43px;
				content: "";
				display: block;
				position: absolute;
				top: 6px;
				left: 5px;
				-webkit-box-sizing: border-box;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 44px 43px;
			}

			.dialog-menu-fb.mbgaui-widget-anchors:before,
			.dialog-menu-fb.mbgaui-active:before {
				background-image: url("Game_Images/btn_discord.png");
			}

			.dialog-menu-wall.mbgaui-widget-anchors:before,
			.dialog-menu-wall.mbgaui-active:before {
				background-image: url("Game_Images/btn_allwall.png");
			}

			.dialog-menu-fb.mbgaui-widget-anchors:after,
			.dialog-menu-fb.mbgaui-active:after,
			.dialog-menu-wall.mbgaui-widget-anchors:after,
			.dialog-menu-wall.mbgaui-active:after {
				width: 9px;
				height: 9px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -232px -24px;
				-webkit-background-size: 320px 1550px;
				opacity: 0.6;
			}

		.dialog-menu-fb.mbgaui-widget-anchors,
		.dialog-menu-wall.mbgaui-widget-anchors {
			border: #2d2d2d solid 2px;
			background: #383838;
		}

		.dialog-menu-fb.mbgaui-active,
		.dialog-menu-wall.mbgaui-active {
			border: #2d2d2d solid 2px;
			background: #191919;
		}

		/* dialog btn */
		.dialog-btn-area1,
		.dialog-btn-area2 {
			padding: 0 20px;
			width: 100%;
			position: absolute;
			bottom: 8px;
			-webkit-box-sizing: border-box;
			z-index: 1250;
		}

		.dialog-btn-area1 { left: 0; }
		.dialog-btn-area2 { left: -5px; }

			.dialog-bottom-btn {
				width: 100%;
				height: 100%;
                display: -webkit-box;
				border-spacing: 20px 0;
				-webkit-box-sizing: border-box;
				-webkit-box-pack: center;
			}

				.dialog-bottom-btn li {
					margin: 0 5px;
					padding: 0 8px;
					width: 47.5%;
					height: 34px;
					-webkit-box-sizing: border-box;
				}

					.dialog-bottom-btn li.yellow-btn a.mbgaui-disabled {
						opacity: 0.5;
					}

/* facebook invite */
.dialog-prize-light {
	background: url("Game_Images/dialog_prizes.png") no-repeat;
	background-size:250px 170px;
	background-position:center;
	min-height:150px;
	padding:10px 0;
}

.dialog-bio-title {
	padding-top: 4px;
	margin-top: -19px;
	font-weight: bold;
	font-size: medium;
	color: white;
	height: 17px;
	text-align: center;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: -webkit-gradient(linear, left top, left bottom, from(#131111), to(#131111));
}

.character-detail-skill.bio {
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        height: 87px;
       /* border: rgba(255,255,255,0.1) solid 3px;*/
}

/* dialog-bp-recover */
.dialog-bp-recover-area {

}
.dialog-bp-recover-area img {
	vertical-align:bottom;
}
	.dialog-bp-recover-area > .dialog-bp-recover-table {
		display: table;
		position:relative;
		padding:10px 18px;
		border-radius: 3px;
		margin:0 10px 11px;
		min-height:100px;
		width: 300px;
		background: rgba(0,0,0,0.3);
		-webkit-box-sizing: border-box;
	}
	
		.dialog-bp-recover-area > .dialog-bp-recover-table p {
			display: table-cell;
			vertical-align: middle;
			color:#ffb400;
			position:relative;
			font-size:1.2rem;
			line-height: 16px;
			font-weight:bold;
		}
		
		.dialog-bp-recover-area > .dialog-bp-recover-table:before {
			content: "";
			position: absolute;
			bottom: -9px;
			left: 50%;
			margin-left: -8px;
			border-style: solid;
			border-width: 9px 6px 0;
			border-color: rgba(0,0,0,0.3) transparent transparent;
		}


/* Character detail
----------------------------------------------------------------*/
.character-detail-body {
	width: 320px;
	height: 440px;
	position: relative;
	top: 40px;
	background-image: url("Game_Images/character_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 320px 480px;
}

	.character-detail-back,
	.character-detail-a-back {
		width: 320px;
		display: -webkit-box;
		background-image: url("Game_Images/back_light.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 141px 203px;
		z-index: 2;
	}

	.character-detail-back { height: 229px; }
	.character-detail-a-back { height: 186px; }

	.character-detail-stage,
	.character-detail-a-stage {
		width: 118px;
		height: 90px;
		position: absolute;
		left: 20px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 118px 90px;
		z-index: 1;
	}

	.character-detail-stage { top: 96px; }
	.character-detail-a-stage { top: 67px; }

		.character-detail-a-stage:before {
			width: 73px;
			height: 31px;
			content: "";
			display: block;
			position: absolute;
			top: 29px;
			left: 20px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -88px -776px;
			-webkit-background-size: 320px 1550px;
		}

	.stage-b-b { background-image: url("Game_Images/pedestal_basic.png"); }
	.stage-1-1 { background-image: url("Game_Images/pedestal_xana_c.png"); }
	.stage-1-2 { background-image: url("Game_Images/pedestal_xana_u.png"); }
	.stage-1-3 { background-image: url("Game_Images/pedestal_xana_r.png"); }
	.stage-1-4 { background-image: url("Game_Images/pedestal_xana_e.png"); }
	.stage-1-5 { background-image: url("Game_Images/pedestal_xana_l.png"); }
	.stage-2-1 { background-image: url("Game_Images/pedestal_hemi_c.png"); }
	.stage-2-2 { background-image: url("Game_Images/pedestal_hemi_u.png"); }
	.stage-2-3 { background-image: url("Game_Images/pedestal_hemi_r.png"); }
	.stage-2-4 { background-image: url("Game_Images/pedestal_hemi_e.png"); }
	.stage-2-5 { background-image: url("Game_Images/pedestal_hemi_l.png"); }
	.stage-3-1 { background-image: url("Game_Images/pedestal_theri_c.png"); }
	.stage-3-2 { background-image: url("Game_Images/pedestal_theri_u.png"); }
	.stage-3-3 { background-image: url("Game_Images/pedestal_theri_r.png"); }
	.stage-3-4 { background-image: url("Game_Images/pedestal_theri_e.png"); }
	.stage-3-5 { background-image: url("Game_Images/pedestal_theri_l.png"); }

	.stage-accy-1 { background-image: url("Game_Images/weapon_c.png"); }
	.stage-accy-2 { background-image: url("Game_Images/weapon_u.png"); }
	.stage-accy-3 { background-image: url("Game_Images/weapon_r.png"); }
	.stage-accy-4 { background-image: url("Game_Images/weapon_e.png"); }
	.stage-accy-5 { background-image: url("Game_Images/weapon_l.png"); }

		.character-detail-box {
			width: 320px;
			display: -webkit-box;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 230px 216px;
		}

		.character-detail-img,
		.character-detail-a-img {
			width: 152px;
			position: relative;
			-webkit-box-sizing: border-box;
			z-index: 3;
		}

		.character-detail-img { height: 229px; }
		.character-detail-a-img { height: 186px; }

			.character-detail-a-img img {
				position: absolute;
				top: 20px;
				left: 25px;
			}

			.character-detail-equip-shadow {
				width: 33px;
				height: 33px;
				position: absolute;
				top: 186px;
				left: 11px;
				-webkit-box-sizing: border-box;
				background: #3b2f24;
				z-index: 1;
			}

				.character-detail-equip-shadow:before {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -32px;
					-webkit-background-size: 320px 1550px;
				}

				.character-detail-equip-shadow:after {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					bottom: 0;
					left: -2px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -312px -32px;
					-webkit-background-size: 320px 1550px;
				}

			.character-detail-equip {
				width: 33px;
				height: 33px;
				position: absolute;
				top: 184px;
				left: 9px;
				-webkit-box-sizing: border-box;
				border: #6a5440 solid 1px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -240px -328px;
				-webkit-background-size: 320px 1550px;
				z-index: 2;
			}

			.character-hero-icon {
				width: 26px;
				height: 26px;
				position: absolute;
				top: 192px;
				left: 78px;
				background-image: url("Game_Images/hero_gear.png");
				background-repeat: no-repeat;
				background-position: 0px 0px;
				-webkit-background-size: 26px 26px;
				z-index: 2;
			}
			.character-hero-heal-icon {
				top: 131px;
				left: 73px;
			}

			.character-detail-equip-btn {
				width: 32px;
				height: 28px;
				position: absolute;
				top: 191px;
				left: 44px;
			}

				.character-detail-equip-btn a.mbgaui-widget-anchors,
				.character-detail-equip-btn a.mbgaui-active {
					width: 32px;
					height: 28px;
					display: block;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
					z-index: 2;
				}

				.character-detail-equip-btn a.mbgaui-widget-anchors { background-position: -256px -48px; }
				.character-detail-equip-btn a.mbgaui-active { background-position: -256px -80px; }

		.character-detail-status {
			margin: 10px 0 0;
			width: 159px;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.character-detail-a-status {
			margin: 21px 0 0;
			width: 158px;
			position: relative;
			-webkit-box-sizing: border-box;
		}

			.character-detail-lock.mbgaui-widget-anchors,
			.character-detail-lock.mbgaui-active,
			.character-detail-unlock.mbgaui-widget-anchors,
			.character-detail-unlock.mbgaui-active,
			.gear-detail-lock.mbgaui-widget-anchors,
			.gear-detail-lock.mbgaui-active,
			.gear-detail-unlock.mbgaui-widget-anchors,
			.gear-detail-unlock.mbgaui-active {
				width: 39px;
				height: 40px;
				display: block;
				position: absolute;
				top: -7px;
				left: 112px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
				z-index: 10;
			}

			.character-detail-lock.mbgaui-widget-anchors,
			.character-detail-lock.mbgaui-active,
			.character-detail-unlock.mbgaui-widget-anchors,
			.character-detail-unlock.mbgaui-active {
				top: -7px;
			}

			.gear-detail-lock.mbgaui-widget-anchors,
			.gear-detail-lock.mbgaui-active,
			.gear-detail-unlock.mbgaui-widget-anchors,
			.gear-detail-unlock.mbgaui-active {
				top: -12px;
			}

			.character-detail-lock.mbgaui-widget-anchors { background-position: -144px -728px; }
			.character-detail-lock.mbgaui-active { background-position: -184px -728px; }
			.character-detail-unlock.mbgaui-widget-anchors { background-position: -224px -728px; }
			.character-detail-unlock.mbgaui-active { background-position: -264px -728px; }
			.gear-detail-lock.mbgaui-widget-anchors { background-position: -144px -728px; }
			.gear-detail-lock.mbgaui-active { background-position: -184px -728px; }
			.gear-detail-unlock.mbgaui-widget-anchors { background-position: -224px -728px; }
			.gear-detail-unlock.mbgaui-active { background-position: -264px -728px; }

			.character-detail-gauge,
			.character-detail-accessory {
				margin: 0 0 5px;
				width: 159px;
				border: rgba(255,255,255,0.1) solid 2px;
				background: rgba(0,0,0,0.2);
				-webkit-box-sizing: border-box;
				-webkit-box-shadow: 0 0 2px #000000;
			}

			.character-detail-property {
				margin: 0 0 5px;
				width: 159px;
				height: 81px;
				border: rgba(255,255,255,0.1) solid 2px;
				background: rgba(0,0,0,0.4);
				-webkit-box-sizing: border-box;
				-webkit-box-shadow: 0 0 2px #000000;
			}
			
			.character-detail-a-property {
				margin: 0 0 5px;
				width: 159px;
				height: 54px;
				border: rgba(255,255,255,0.1) solid 2px;
				background: rgba(0,0,0,0.4);
				-webkit-box-sizing: border-box;
				-webkit-box-shadow: 0 0 2px #000000;
			}
			
			.character-detail-gauge {
				height: 128px;
			}

				.character-detail-gauge-wrap {
					margin: 0 0 0 10px;
					width: 100px;
					position: relative;
					top: 6px;
				}

				.character-detail-status-point {
					width: 70px;
					font-size: 1.1rem;
					color: #b05b00;
					text-align: right;
					position: absolute;
					top: 5px;
					right: -22px;
					z-index: 10;
				}

					.character-detail-status-point span {
						font-weight: bold;
					}

				.character-hp-gauge-wrap {
					width: 100px;
					position: absolute;
					top: 160px;
					left: 0px;
				}

				.character-hp-status-point {
					width: 120px;
					font-size: 1.1rem;
					color: #ffffff;
					text-align: right;
					position: absolute;
					top: 5px;
					right: -20px;
					z-index: 13;
				}

					.character-hp-status-point span {
						font-weight: bold;
					}
					
				.character-detail-sef {
					margin: 0 6px 0 11px;
					padding: 7px 0 0;
					width: 138px;
					height: 30px;
					display: -webkit-box;
					-webkit-box-sizing: border-box;
				}
				
					.character-detail-sef dl {
						height: 23px;
						display: -webkit-box;
					}
					
						.character-detail-sef dl dt {
							width: 35px;
							height: 23px;
							font-size: 1.2rem;
							line-height: 20px;
							font-weight: bold;
						}
						
						.character-detail-sef dl dd.num {
							width: 63px;
							height: 23px;
							font-size: 1.2rem;
							line-height: 20px;
							position: relative;
						}
						
							.character-detail-evo-icon {
								width: 16px;
								height: 16px;
								display: inline-block;
								position: relative;
								top: 2px;
								left: 3px;
								background-image: url("Game_Images/sprite_retina.png");
								background-repeat: no-repeat;
								background-position: -228px -76px;
								-webkit-background-size: 320px 388px;
							}
							
						.character-detail-sef dl dd.btn {
							padding: 3px 0 0 3px;
							width: 40px;
							height: 23px;
							font-size: 1.2rem;
							line-height: 20px;
							position: relative;
							-webkit-box-sizing: border-box;
						}
						
							.character-detail-help-btn {
								width: 37px;
								height: 16px;
								color: #5b5b5b;
								line-height: 14px;
								font-family: DotFont;
								text-align: center;
								background-image: url("Game_Images/sprite.png");
								background-repeat: no-repeat;
								background-position: -112px -320px;
								-webkit-background-size: 320px 1550px;
							}
							
							.character-detail-help-btn.mbgaui-widget-anchors { opacity: 1.0; }
							.character-detail-help-btn.mbgaui-active { opacity: 0.5; }

				.character-detail-status-atdf {
					margin: 0 6px 6px;
					padding: 2px;
					width: 143px;
					height: 64px;
					-webkit-box-sizing: border-box;
					background: rgba(0,0,0,0.5);
				}

				.character-detail-status-atdf-nomargin {
					margin: 0 5px!important;
				}

					.character-detail-status-atdf li {
						padding: 0 0 0 20px;
						width: 67px;
						height: 20px;
						font-size: 1.2rem;
						line-height: 20px;
						position: relative;
						float: left;
						-webkit-box-sizing: border-box;
					}

					.character-detail-status-atdf li.hp2 { width: 124px; }
					.character-detail-status-atdf li.ed { color: #ff0000; }
					.character-detail-status-atdf li.up { color: #23f507; }
					.character-detail-status-atdf li.down { color: #ff0000; }

						.character-detail-status-atdf li.hp:before,
						.character-detail-status-atdf li.hp2:before,
						.character-detail-status-atdf li.at:before,
						.character-detail-status-atdf li.df:before,
						.character-detail-status-atdf li.iq:before,
						.character-detail-status-atdf li.sp:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							background-image: url("Game_Images/sprite_retina.png");
							background-repeat: no-repeat;
							-webkit-background-size: 320px 388px;
						}
						
						.character-detail-status-atdf li.ed:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							background-image: url("Game_Images/edge_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.character-detail-status-atdf li.up:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							background-image: url("Game_Images/arrow_up_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.character-detail-status-atdf li.down:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							background-image: url("Game_Images/arrow_down_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

					.character-detail-status-atdf li.hp:before { background-position: -44px -171px; }
					.character-detail-status-atdf li.hp2:before { background-position: -44px -171px; }
					.character-detail-status-atdf li.at:before { background-position: -64px -171px; }
					.character-detail-status-atdf li.df:before { background-position: -84px -171px; }
					.character-detail-status-atdf li.iq:before { background-position: -104px -171px; }
					.character-detail-status-atdf li.sp:before { background-position: -124px -171px; }

			.character-detail-property-list {
				padding: 1px 0 1px 40px;
				width: 155px;
				height: 77px;
				-webkit-box-sizing: border-box;
			}
			
				.character-detail-property-list li {
					width: 115px;
					height: 25px;
					line-height: 25px;
					font-weight: bold;
					position: relative;
				}
				
			.character-detail-property-list2 {
				padding: 1px 0 1px 40px;
				width: 140px;
				height: 70px;
				-webkit-box-sizing: border-box;
			}
			
				.character-detail-property-list2 li {
					width: 100px;
					height: 23px;
					font-size: 1.3rem;
					line-height: 23px;
					font-weight: bold;
					position: relative;
				}
				
					.character-detail-property-list li .btn {
						width: 37px;
						height: 16px;
						font-size: 1.2rem;
						line-height: 20px;
						position: absolute;
						top: 6px;
						right: 6px;
						-webkit-box-sizing: border-box;
					}
					
			.character-detail-a-property-list {
				padding: 0 0 0 40px;
				width: 155px;
				height: 50px;
				-webkit-box-sizing: border-box;
			}
			
				.character-detail-a-property-list li {
					width: 115px;
					height: 25px;
					line-height: 25px;
					font-weight: bold;
					position: relative;
				}
					
					.character-detail-group.group1 { color: #64d2e6; }
					.character-detail-group.group2 { color: #ff6833; }
					.character-detail-group.group3 { color: #b3cd4e; }
					
					.character-detail-group.group1:before,
					.character-detail-group.group2:before,
					.character-detail-group.group3:before {
						width: 23px;
						height: 23px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: -32px;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}
					
					.character-detail-group.group1:before { background-position: -204px -100px; }
					.character-detail-group.group2:before { background-position: -228px -100px; }
					.character-detail-group.group3:before { background-position: -252px -100px; }
					
					.group1 { color: #64d2e6; }
					.group2 { color: #ff6833; }
					.group3 { color: #b3cd4e; }

					.group1-2 { color: #6998a1; }
					.group2-2 { color: #9e573e; }
					.group3-2 { color: #677c18; }

				.character-detail-attr.attr0 {
					padding: 0;
					color: #444444;
				}

				.character-detail-attr.attr1 { color: #ff2a00; }
				.character-detail-attr.attr2 { color: #7692dd; }
				.character-detail-attr.attr3 { color: #8abe14; }
				.character-detail-attr.attr4 { color: #f3ea00; }
				.character-detail-attr.attr5 { color: #a4c4c3; }

					.character-detail-attr.attr1:before,
					.character-detail-attr.attr2:before,
					.character-detail-attr.attr3:before,
					.character-detail-attr.attr4:before,
					.character-detail-attr.attr5:before {
						width: 23px;
						height: 23px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: -32px;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}

					.character-detail-attr.attr1:before { background-position: -84px -100px;  }
					.character-detail-attr.attr2:before { background-position: -108px -100px; }
					.character-detail-attr.attr3:before { background-position: -132px -100px; }
					.character-detail-attr.attr4:before { background-position: -156px -100px; }
					.character-detail-attr.attr5:before { background-position: -180px -100px; }
					
				.character-detail-job.job1 { color: #ababab; }
				.character-detail-job.job2 { color: #ababab; }
				.character-detail-job.job3 { color: #ababab; }
				.character-detail-job.job4 { color: #ababab; }
				.character-detail-job.job5 { color: #ababab; }

					.character-detail-job.job1:before,
					.character-detail-job.job2:before,
					.character-detail-job.job3:before,
					.character-detail-job.job4:before,
					.character-detail-job.job5:before {
						width: 23px;
						height: 23px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: -32px;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}

					.character-detail-job.job1:before { background-position: -44px -148px; }
					.character-detail-job.job2:before { background-position: -68px -148px; }
					.character-detail-job.job3:before { background-position: -92px -148px; }
					.character-detail-job.job4:before { background-position: -116px -148px; }
					.character-detail-job.job5:before { background-position: -140px -148px; }

				.hero-accessory { color: #ff2a00; }
					.hero-accessory:before {
						width: 24px;
						height: 24px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: -32px;
						background-image: url("Game_Images/hero_gear.png");
						background-repeat: no-repeat;
						background-position: 0px 0px;
						-webkit-background-size: 24px 24px;
					}

		.character-detail-accessory {
			width: 158px;
			height: 100px;
			-webkit-box-sizing: border-box;
		}

		.character-detail-skill,
		.character-detail-cap,
		.character-detail-cap2 {
			border: rgba(255,255,255,0.1) solid 2px;
			background: rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 0 2px #000000;
		}

		.character-detail-skill {
			margin: 0 9px 5px;
			padding: 4px;
			width: 302px;
			height: 70px;
			position: relative;
			-webkit-box-sizing: border-box;
		}

			.character-detail-skill dt {
				padding: 0 0 0 40px;
				height: 18px;
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 18px;
				font-weight: bold;
				display: inline-block;
				position: relative;
			}

				.character-detail-skill dt:before {
					width: 18px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -216px 0;
					-webkit-background-size: 320px 1550px;
				}

			.character-detail-skill dd {
				font-size: 1.2rem;
				color: #6f6f6f;
			}

			.character-detail-skill dd.cap {
				width: 290px;
				height: 40px;
				display: table;
			}

				.character-detail-skill dd.cap p {
					padding: 0 8px;
					font-size: 1.2rem;
					line-height: 18px;
					vertical-align: middle;
					display: table-cell;
				}

			.character-detail-skill dd.proc {
				width: 100px;
				height: 20px;
				font-size: 1.2rem;
				color: #0091ce;
				line-height: 20px;
				text-align: center;
				position: absolute;
				top: 4px;
				right: -8px;
			}

				.character-detail-skill dd.proc .num {
					padding: 0 3px;
					width: 44px;
					height: 16px;
					color: #cff6f4;
					line-height: 15px;
					display: inline-block;
					-webkit-border-radius: 3px;
					background: #0091ce;
				}
				
				.character-detail-skill dd.proc .num span.numleft {
					font-weight: bold;
				}
				
				.character-detail-skill dd.proc .num span.numright {
					font-weight: normal;
				}
		.passive_skill_name_text {
			font-size: 1.3rem;
			color: #FDFDFD;
		}

		.character-detail-passive-skill {
			margin: -4px 0 0 -1px;
			padding: 0px;
			width: 302px;
			height: 55px;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.character-detail-passive-skill dt {
			padding: 0 0 0 40px;
			height: 18px;
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 18px;
			font-weight: bold;
			display: inline-block;
			position: relative;
		}

		.character-detail-passive-skill dt:before {
			width: 19px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -144px -1003px;
			-webkit-background-size: 320px 1550px;
		}

		.character-detail-passive-skill dd {
			font-size: 1.2rem;
			color: #6f6f6f;
		}

		.character-detail-passive-skill dd.cap {
			width: 290px;
			height: 40px;
			display: table;
		}

		.character-detail-passive-skill dd.cap p {
			padding: 0 8px;
			font-size: 1.2rem;
			line-height: 18px;
			vertical-align: middle;
			display: table-cell;
		}

		.character-detail-cap {
			margin: 0 9px;
			width: 298px;
			height: 70px;
			display: table;
			-webkit-box-sizing: border-box;
		}
		
		.character-detail-cap2 {
			margin: 0 9px;
			width: 298px;
			height: 56px;
			display: table;
			-webkit-box-sizing: border-box;
		}

			.character-detail-cap p,
			.character-detail-cap2 p {
				padding: 0 8px;
				font-size: 1.2rem;
				color: #6f6f6f;
				line-height: 18px;
				vertical-align: middle;
				display: table-cell;
			}
			
				.character-detail-cap2 p span { font-weight: bold; }
				
				.character-detail-cap2 p.attr1 span { color: #ff2a00; }
				.character-detail-cap2 p.attr2 span { color: #7692dd; }
				.character-detail-cap2 p.attr3 span { color: #8abe14; }
				.character-detail-cap2 p.attr4 span { color: #f3ea00; }
				.character-detail-cap2 p.attr5 span { color: #a4c4c3; }

		.character-upgrade-footer {
			width: 100%;
			height: 50px;
			position: absolute;
			bottom: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 0 -2px 4px rgba(0,0,0,0.3);
			border-top: #606060 solid 2px;
			background-image: url("Game_Images/detail_footer.png");
			background-repeat: repeat;
			background-position: 0 0;
			-webkit-background-size: 4px 4px;
		}

			.character-upgrade-footer .lv-text {
				color: #979797;
				text-align: center;
			}

				.character-upgrade-footer .lv-text span {
					color: #ffffff;
					font-weight: bold;
				}

			.character-upgrade-footer .lv-percent {
				color: #979797;
				position: absolute;
				top: 20px;
				right: 0;
			}

				.character-upgrade-footer .lv-percent span {
					color: #ffffff;
					font-weight: bold;
				}

/* mission header
----------------------------------------------------------------*/
.mission-header {
	padding: 0 37px 0 44px;
	width: 320px;
	height: 40px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #222222 solid 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#656565),color-stop(0.5, #424242),color-stop(0.5, #363636),to(#2d2d2d));
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	z-index: 120;
}

	.mission-header a.home.mbgaui-widget-anchors,
	.mission-header a.home.mbgaui-active {
		margin: 0;
		padding: 0;
		width: 42px;
		height: 40px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border-right: #222222 solid 2px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
		z-index:125;
	}

	.mission-header a.home.mbgaui-widget-anchors { background-position: 0 -72px; }
	.mission-header a.home.mbgaui-active { background-position: 0 -112px; }

	.mission-header-gauge {
		padding: 12px 0 0;
		width: 78px;
		height: 40px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.mission-header-recover-time1,
		.mission-header-recover-time2 {
			font-size: 1.0rem;
			color: #181818;
			font-weight: bold;
			text-align: right;
			position: absolute;
			top: -1px;
		}

		.mission-header-recover-time1 { right: 4px; }
		.mission-header-recover-time2 { right: -1px; }

.mission-header-cap-shadow {
	width: 320px;
	height: 44px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #373737 solid 2px;
}

.mission-header-cap-shadow2 {
	width: 320px;
	height: 42px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #606060 solid 2px;
}

.mission-header-cap {
	padding: 0;
	width: 320px;
	height: 40px;
	display: table;
	position: relative;
	background-image: url("Game_Images/detail_footer.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
	z-index: 100;
}

	.cap-area {
		padding: 0 6px;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}

	.cap-area2 {
		padding: 0 44px 0 36px;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}

		.cap-area2:before {
			width: 23px;
			height: 22px;
			content: "";
			display: block;
			position: absolute;
			top: 10px;
			left: 6px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -264px 0;
			-webkit-background-size: 320px 1550px;
		}
		
	.cap-area3 {
		padding: 0;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}

		.cap-area p,
		.cap-area2 p {
			font-size: 1.2rem;
			color: #8ed6ec;
			line-height: 13px;
		}

		.cap-area-arrow {
			width: 12px;
			height: 21px;
			position: absolute;
			top: 12px;
			right: 10px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px 0;
			-webkit-background-size: 320px 1550px;
		}
		
	.cap-area-sd {
		width: 240px;
		padding: 0 30px 0 50px;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}

		.cap-area-sd1:before,
		.cap-area-sd2:before,
		.cap-area-sd3:before,
		.cap-area-sd4:before {
			width: 50px;
			height: 42px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-position: 0 0;
			background-repeat: no-repeat;
			-webkit-background-size: 50px 42px;
		}
		
		.cap-area-sd1:before { background-image: url("../i/growl/growl_icon_01.png"); }
		.cap-area-sd2:before { background-image: url("../i/growl/growl_icon_02.png"); }
		.cap-area-sd3:before { background-image: url("../i/growl/growl_icon_03.png"); }
		
		.cap-area-sd p {
			font-size: 1.2rem;
			color: #f6ff00;
			line-height: 13px;
			text-align: center;
		}

/* mission header team gauge
----------------------------------------------------------------*/
	.cap-area-gauge {
		padding: 0;
		width: 320px;
		height: 42px;
		display: -webkit-box;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.cap-area-gauge2 {
		padding: 0;
		width: 320px;
		height: 42px;
		display: -webkit-box;
		position: absolute;
		top: 0;
		left: 0;
	}
	
		.cap-area-salvo-left {
			width: 134px;
			height: 42px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.cap-area-salvo-left-block {
				padding: 0 5px 0 0;
				width: 130px;
				height: 36px;
				position: absolute;
				top: 3px;
				left: 3px;
				-webkit-box-sizing: border-box;
				background-position: 0 0;
				background-repeat: no-repeat;
				-webkit-background-size: 130px 36px;
			}
			
			.cap-area-salvo-left-block.on { background-image: url("../i/event_common/boost_1_1.png"); }
			.cap-area-salvo-left-block.off { background-image: url("../i/event_common/boost_1_2.png"); }
		
		.cap-area-salvo-left-upper {
			width: 125px;
			height: 24px;
			display: -webkit-box;
		}
		
			.on .cap-area-salvo-left-upper li.left {
				padding: 0 20px 0 0;
				width: 62px;
				height: 24px;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
				.on .cap-area-salvo-left-upper li.left .top {
					font-size: 0.7rem;
					color: #592400;
					line-height: 10px;
				}
				
				.on .cap-area-salvo-left-upper li.left .bottom {
					font-size: 1.2rem;
					color: #a13100;
					line-height: 12px;
					font-weight: bold;
				}
			
				.on .cap-area-salvo-left-upper li.left:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 3px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.on .cap-area-salvo-left-upper li.left:before { background-position: -64px -312px; }
		
		.on .cap-area-salvo-left-upper li.right {
			width: 63px;
			height: 24px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.on .cap-area-salvo-left-upper li.right .top {
				font-size: 0.7rem;
				color: #592400;
				line-height: 10px;
				letter-spacing: -1px;
			}
			
			.on .cap-area-salvo-left-upper li.right .bottom {
				font-size: 1.2rem;
				color: #ff4e00;
				line-height: 12px;
				font-weight: bold;
			}
		
		.on .cap-area-salvo-left-lower {
			margin: 0 auto;
			width: 77px;
			height: 10px;
			font-size: 0.9rem;
			color: #fffd00;
			line-height: 10px;
			font-weight: bold;
			text-align: center;
			-webkit-border-radius: 3px;
			background: #a13100;
		}
		
			.off .cap-area-salvo-left-upper li.left {
				padding: 0 20px 0 0;
				width: 62px;
				height: 24px;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
				.off .cap-area-salvo-left-upper li.left .top {
					font-size: 0.7rem;
					color: #939393;
					line-height: 10px;
				}
				
				.off .cap-area-salvo-left-upper li.left .bottom {
					font-size: 1.2rem;
					color: #33aed0;
					line-height: 12px;
					font-weight: bold;
				}
			
				.off .cap-area-salvo-left-upper li.left:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 3px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.off .cap-area-salvo-left-upper li.left:before { background-position: -88px -312px; }
		
		.off .cap-area-salvo-left-upper li.right {
			width: 63px;
			height: 24px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.off .cap-area-salvo-left-upper li.right .top {
				font-size: 0.7rem;
				color: #939393;
				line-height: 10px;
			}
			
			.off .cap-area-salvo-left-upper li.right .bottom {
				font-size: 1.2rem;
				color: #33aed0;
				line-height: 12px;
				font-weight: bold;
			}
		
		.off .cap-area-salvo-left-lower {
			margin: 0 auto;
			width: 77px;
			height: 10px;
			font-size: 0.9rem;
			color: #888888;
			line-height: 10px;
			font-weight: bold;
			text-align: center;
			-webkit-border-radius: 3px;
			background: #282828;
		}

		.cap-area-salvo-center {
			width: 140px;
			height: 42px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.cap-area-salvo-center-q {
				margin: 0 0 0 2px;
				width: 140px;
				height: 14px;
				font-size: 1.1rem;
				color: #ffefb8;
				line-height: 14px;
				font-family: DotFont;
				text-align: center;
				position: absolute;
				top: 0;
				left: 0;
				text-shadow: 0 1px 1px #ffba00;
			}
			
			.cap-area-salvo-center-q2 {
				margin: 0 0 0 2px;
				width: 140px;
				height: 14px;
				font-size: 1.6rem;
				color: #ffefb8;
				line-height: 14px;
				font-family: DotFont;
				text-align: center;
				position: absolute;
				top: -17px;
				left: 15px;
				text-shadow: 0 1px 1px #ffba00;
			}
			
			.cap-area-salvo-center-q3 {
				margin: 0 0 0 2px;
				width: 140px;
				height: 14px;
				font-size: 1.1rem;
				color: #ffefb8;
				line-height: 14px;
				font-family: DotFont;
				text-align: center;
				position: absolute;
				top: 23px;
				left: 16px;
				text-shadow: 0 1px 1px #ffba00;
			}
			
			.cap-area-salvo-center-time {
				width: 96px;
				height: 10px;
				font-size: 0.8rem;
				color: #ffffff;
				line-height: 10px;
				font-weight: bold;
				text-align: center;
				position: absolute;
				bottom: 2px;
				left: 23px;
				-webkit-box-sizing: border-box;
				-webkit-border-radius: 3px;
				background: #373737;
			}
		
		.cap-area-salvo-right {
			width: 46px;
			height: 42px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.cap-area-salvo-right-block {
				width: 43px;
				height: 36px;
				display: table;
				position: absolute;
				top: 3px;
				left: 0;
				-webkit-box-sizing: border-box;
				background-position: 0 0;
				background-repeat: no-repeat;
				-webkit-background-size: 43px 36px;
			}
			
			.cap-area-salvo-right-block.on { background-image: url("../i/event_common/boost_2_1.png"); }
			.cap-area-salvo-right-block.off { background-image: url("../i/event_common/boost_2_2.png"); }

				.cap-area-salvo-right-block p {
					padding: 0 0 0 5px;
					font-size: 0.9rem;
					line-height: 12px;
					text-align: center;
					font-weight: bold;
					vertical-align: middle;
					display: table-cell;
				}
			
				.cap-area-salvo-right-block.on p { color: #a13100; }
				.cap-area-salvo-right-block.off p { color: #696969; }

			.on {
				-webkit-animation-name: on;
				-webkit-animation-duration: 1s;
				-webkit-animation-timing-function: ease-in;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-direction: alternate;
				-webkit-animation-play-state: running;
				-webkit-animation-delay: 0s;
			}

			@-webkit-keyframes on {
				from {
					opacity: 1.0;
				}
				45%{
					opacity: 0.5;
				}
				99.9%,to {
					opacity: 1.0;
				}
			}
			
			.off .num-blink {
				-webkit-animation-name: on;
				-webkit-animation-duration: 1s;
				-webkit-animation-timing-function: ease-in;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-direction: alternate;
				-webkit-animation-play-state: running;
				-webkit-animation-delay: 0s;
			}

			@-webkit-keyframes on {
				from {
					opacity: 1.0;
				}
				45%{
					opacity: 0.5;
				}
				99.9%,to {
					opacity: 1.0;
				}
			}

		.cap-area-gauge-left,
		.cap-area-gauge-right {
			width: 19px;
			height: 42px;
			position: relative;
		}
		
		.cap-area-gauge-left { margin: 0 0 0 13px; }
		.cap-area-gauge-right { margin: 0 13px 0 0; }
		
		.cap-area-gauge-active,
		.cap-area-gauge-noactive {
			padding: 28px 0 0;
			width: 19px;
			height: 42px;
			font-size: 0.9rem;
			line-height: 12px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
		}
		
		.cap-area-gauge-active { color: #74d328; }
		.cap-area-gauge-noactive { color: #b7b7b7; }
		
			.cap-area-gauge-active:before,
			.cap-area-gauge-noactive:before {
				width: 19px;
				height: 29px;
				content: "";
				display: block;
				position: absolute;
				top: 3px;
				left: 1px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}
			
			.cap-area-gauge-active:before { background-position: -96px -236px; }
			.cap-area-gauge-noactive:before { background-position: -136px -236px; }
		
		.cap-area-gauge-center {
			width: 256px;
			height: 42px;
			position: relative;
		}
		
			.cap-area-gauge-score-block1,
			.cap-area-gauge-score-block2 {
				width: 23px;
				height: 23px;
				position: absolute;
				top: 7px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
				z-index: 14;
			}
			
			.cap-area-gauge-score-block1 {
				left: -1px;
				background-position: -96px -552px;
			}
			
			.cap-area-gauge-score-block2 {
				right: -4px;
				background-position: -120px -552px;
			}
			
			.cap-area-gauge-score-block1.fix,
			.cap-area-gauge-score-block2.fix {
				top: 11px!important;
			}
			
			.cap-area-gauge-score-block2.fix {
				right: -2px;
			}
			
			.cap-area-gauge-score-num {
				width: 212px;
				height: 10px;
				display: -webkit-box;
				position: absolute;
				top: 0;
				left: 23px;
			}
			
				.cap-area-gauge-score-num-left,
				.cap-area-gauge-score-num-right {
					width: 106px;
					height: 10px;
					font-size: 0.9rem;
					color: #b2b2b2;
					line-height: 10px;
				}
				
				.cap-area-gauge-score-num-right { text-align: right; }
				
					.cap-area-gauge-score-num-left span {
						margin: 0 2px;
						color: #ffb500;
						font-weight: bold;
					}
					
					.cap-area-gauge-score-num-right span {
						margin: 0 2px;
						color: #ff6c00;
						font-weight: bold;
					}
					
			.cap-area-gauge-score-time {
				width: 102px;
				height: 12px;
				font-size: 1.0rem;
				color: #ffffff;
				line-height: 10px;
				font-weight: bold;
				text-align: center;
				position: absolute;
				bottom: 2px;
				left: 77px;
				-webkit-border-radius: 3px;
				border-top: #2b2b2b solid 2px;
				background: #373737;
			}
	
		.cap-area-gauge:before {
			width: 6px;
			height: 12px;
			content: "";
			display: block;
			position: absolute;
			top: 15px;
			right: 6px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -208px -88px;
			-webkit-background-size: 320px 1550px;
		}

/* mission area
----------------------------------------------------------------*/
.mission-area {
	width: 100%;
	height: 271px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #373737 solid 2px;
	background: #000000;
	/*background-image: url("Game_Images/insen_bg.png");*/
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-position: 0% 44%;
}

#missionbg {
	width: 300%;
	height: 600px;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	border-bottom: #373737 solid 2px;
	background-repeat: repeat-x;
	background-position: 0% 10%;
	
	
}

/* mission info area
----------------------------------------------------------------*/
.mission-info-area {
	width: 320px;
	height: 61px;
	display: -webkit-box;
	position: relative;
	background: rgba(0,0,0,0.3);
}

	.mission-info-left,
	.mission-info-right {
		height: 61px;
		-webkit-box-sizing: border-box;
		position: relative;
	}

	.mission-info-left {
		padding: 27px 0 0;
		width: 160px;
	}
	
		.mission-info-left-count {
			width: 105px;
			height: 23px;
			display: -webkit-box;
			position: absolute;
			bottom: 2px;
			right: -5px;
			background-image: url("Game_Images/mission_cleared_balloon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 105px 23px;
		}
		
			.mission-info-left-count-left {
				padding: 0 0 0 4px;
				width: 60px;
				height: 23px;
				font-size: 0.9rem;
				color: #202020;
				line-height: 27px;
				-webkit-box-sizing: border-box;
			}
			
			.mission-info-left-count-right {
				width: 45px;
				height: 23px;
				font-size: 0.9rem;
				color: #ed4e00;
				line-height: 27px;
				font-weight: bold;
				text-align: center;
				-webkit-box-sizing: border-box;
			}

		.mission-info-text {
			display: -webkit-box;
		}

			.mission-info-text .text-left {
				margin: 0 0 0 10px;
				font-size: 1.0rem;
				color: #ffffff;
				-webkit-box-flex: 1;
			}

			.mission-info-text .text-right {
				margin: 0 10px 0 0;
				font-size: 1.0rem;
				color: #000000;
				text-align: right;
				-webkit-box-flex: 1;
			}


/* mission footer
----------------------------------------------------------------*/
.mission-footer {
	width: 320px;
	height: 125px;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	border-top: #606060 solid 2px;
	background-image: url("Game_Images/detail_footer.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
}

/* mission event popup
----------------------------------------------------------------*/
.mission-event-popup {
	padding: 4px;
	width: 200px;
	height: 60px;
	font-size: 1.0rem;
	color: #ffffff;
	display: -webkit-box;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	z-index: 500;
}

	.mission-event-popup:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -10px;
		right: 22px;
		border-top: 10px solid rgba(0,0,0,0.5);
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
	}

/* mission text popup
----------------------------------------------------------------*/
.mission-chara-text-filter {
	width: 305px;
	height: 112px;
	position: absolute;
	bottom: 6px;
	left: 7px;
	z-index: 1002;
}

.mission-chara-text-shadow {
	width: 295px;
	height: 102px;
	position: absolute;
	bottom: 11px;
	left: 12px;
	background: rgba(255,241,229,0.5);
	-webkit-box-shadow: 8px 0 8px rgba(0,0,0,0.7),-8px 0 8px rgba(0,0,0,0.7),0 8px 8px rgba(0,0,0,0.7),0 -8px 8px rgba(0,0,0,0.7);
	z-index: 1001;
}

	.mission-chara-text-shadow:before {
		width: 285px;
		height: 112px;
		content: "";
		display: block;
		position: absolute;
		top: -5px;
		left: 5px;
		background: rgba(255,241,229,0.5);
	}

	.mission-chara-text {
		width: 305px;
		height: 92px;
		display: table;
		position: absolute;
		bottom: 5px;
		left: -5px;
		background: rgba(255,241,229,0.5);
		z-index: 900;
	}

		.mission-chara-text p {
			padding: 0 8px 0 88px;
			font-size: 1.4rem;
			color: #814f00;
			line-height: 20px;
			font-weight: bold;
			vertical-align: middle;
			display: table-cell;
		}

		.mission-chara-text-img {
			width: 95px;
			height: 101px;
			position: absolute;
			top: 6px;
			left: -7px;
		}

		.mission-chara-text-arrow {
			width: 11px;
			height: 17px;
			content: "";
			display: block;
			position: absolute;
			bottom: -1px;
			right: 5px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -24px;
			-webkit-background-size: 320px 1550px;
		}

.mission-sys-text-click-area {
	width: 320px;
	height: 480px;
	position: relative;
	z-index: 1001;
}

.mission-sys-text-shadow {
	width: 303px;
	height: 114px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-right: #000000 solid 2px;
	border-bottom: #000000 solid 2px;
	z-index: 1001;
}

	.mission-sys-text-shadow:before {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		top: -2px;
		right: -2px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -40px;
		-webkit-background-size: 320px 1550px;
	}

	.mission-sys-text-shadow:after {
		width: 2px;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: -2px;
		left: -2px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -312px -40px;
		-webkit-background-size: 320px 1550px;
	}

.mission-sys-text {
	width: 304px;
	height: 115px;
	display: table;
	position: relative;
	top: -3px;
	left: -3px;
	-webkit-box-sizing: border-box;
	border: #0a0a0a solid 1px;
	background-color: rgba(0,0,0,0.8);
	background-image: url("Game_Images/quest_rank_bg.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 298px 48px;
	z-index: 901;
}

	.mission-sys-text p {
		padding: 0 15px;
		font-size: 1.4rem;
		color: #e9d4b2;
		line-height: 20px;
		font-weight: bold;
		vertical-align: middle;
		display: table-cell;
	}

	.mission-sys-text-arrow {
		width: 11px;
		height: 17px;
		content: "";
		display: block;
		position: absolute;
		bottom: 7px;
		right: 3px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -288px -24px;
		-webkit-background-size: 320px 1550px;
	}


/* Mypage header
----------------------------------------------------------------*/
.mypage-body {
	width: 320px;
	height: 440px;
	position: relative;
	background: #000000;
	overflow: hidden;
}

	.mypage-body > img {
		width: 320px;
		height: 440px;
		display: block;
		position: absolute;
		top: 23px;
		left: 0;
		z-index: 0;
	}

	.mypage-header {
		width: 100%;
		height: 73px;
		position: relative;
		-webkit-box-sizing: border-box;
		border-bottom: #393939 solid 2px;
		background-image: url("Game_Images/detail_footer.png");
		background-repeat: repeat;
		background-position: 0 0;
		-webkit-background-size: 4px 4px;
		z-index: 2;
	}

		.mypage-header-table {
			width: 320px;
			display: table;
		}

			.assign-info {
				padding: 0 10px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}

/* invited icon
----------------------------------------------------------------*/
.invited-icon {
	margin: 0 0 0 4px;
	width: 100px;
	height: 17px;
	display: -webkit-box;
	-webkit-box-pack: start;
	position: absolute;
	top: 1px;
	left: 0;
}

	.invited-icon li {
		margin: 0 0 0 4px;
		padding: 0 0 0 18px;
		height: 17px;
		font-size: 1.1rem;
		color: #876d64;
		line-height: 18px;
		display: inline-block;
		position: relative;
	}
	
	.invited-icon li.icon1:before,
	.invited-icon li.icon2:before {
		width: 16px;
		height: 16px;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
	}
	
	.invited-icon li.icon1:before { background-position: -288px -304px; }
	.invited-icon li.icon2:before { background-position: -272px -304px; }
	
	.invited-icon li.icon3:before {
		width: 16px;
		height: 16px;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		background-image: url("Game_Images/invite_icon_3.png");
		background-repeat: no-repeat;
		-webkit-background-size: 16px 16px;
	}


/* crown
----------------------------------------------------------------*/
.crown-area {
	padding: 0 0 0 90px;
	width: 258px;
	height: 17px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	background: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.3)),color-stop(0.7,rgba(0,0,0,0.3)),color-stop(0.9,rgba(0,0,0,0)),to(rgba(0,0,0,0)));
}

.crown-area.deck-crown {
	padding: 0 0 0 105px!important;
	width: 273px!important;
}

	.crown-area .g,
	.crown-area .s,
	.crown-area .b,
	.crown-area .n {
		width: 56px;
		height: 17px;
		padding: 0 0 0 25px;
		font-size: 1.2rem;
		line-height: 17px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.crown-area .g { color: #f5c02f; }
	.crown-area .s { color: #ffffff; }
	.crown-area .b { color: #b07800; }

		.crown-area .g:before,
		.crown-area .s:before,
		.crown-area .b:before,
		.crown-area .n:before {
			width: 24px;
			height: 15px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}
/* was -84px before */
		.crown-area .g:before { background-position: -83px -52px; }
		.crown-area .s:before { background-position: -83px -68px; }
		.crown-area .b:before { background-position: -83px -84px; }
		.crown-area .n:before { background-position: -83px -36px; }

/* mypage header info
----------------------------------------------------------------*/
.mypage-header-info {
	display: -webkit-box;
	height: 71px;
	-webkit-box-sizing: border-box;
	border-bottom: #5e5e5e solid 1px;
}

	.mypage-header-user {
		width: 62px;
		height: 70px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.mypage-header-user:after {
			width: 9px;
			height: 68px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			right: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -276px 0;
			-webkit-background-size: 320px 388px;
		}

		.mypage-user-img-shadow {
			width: 42px;
			height: 42px;
			position: absolute;
			top: 17px;
			left: 8px;
			z-index: 53;
		}

			.mypage-user-img-shadow:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.mypage-user-img-shadow:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: 2px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

		.mypage-user-img {
			width: 42px;
			height: 42px;
			position: relative;
			top: -2px;
			left: 2px;
			background: #113757;
			z-index: 53;
		}

			.mypage-user-img a {
				width: 42px;
				height: 42px;
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				-webkit-box-sizing: border-box;
				border: #2b5c85 solid 2px;
			}
			
			.mypage-user-img:after {
				width: 19px;
				height: 10px;
				content: "";
				display: block;
				position: absolute;
				top: 40px;
				left: 10px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -44px -116px;
				-webkit-background-size: 320px 388px;
			}
			
		.mypage-user-img2 {
			width: 42px;
			height: 42px;
			position: relative;
			top: -2px;
			left: 2px;
			background: #113757;
			z-index: 53;
		}

			.mypage-user-img2 a {
				width: 42px;
				height: 42px;
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				-webkit-box-sizing: border-box;
				border: #2b5c85 solid 2px;
			}
		
			.mypage-user-img2:after {
				width: 19px;
				height: 10px;
				content: "";
				display: block;
				position: absolute;
				top: 40px;
				left: 10px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -64px -116px;
				-webkit-background-size: 320px 388px;
			}

	.mypage-header-cap {
		width: 258px;
		height: 70px;
		position: relative;
		-webkit-box-sizing: border-box;
		-webkit-box-flex: 1;
	}

		.mypage-header-cap .user-name {
			margin: 0 0 0 9px;
			height: 24px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 24px;
			font-weight: bold;
		}

		.mypage-header-cap .user-lv {
			font-size: 1.0rem;
			color: #ffffff;
			line-height: 18px;
			position: absolute;
			top: 0;
			left: 9px;
		}

			.mypage-header-cap .user-lv span {
				color: #53a0e0;
				font-weight: bold;
			}

		.mypage-header-cap .mypage-gauge {
			display: -webkit-box;
		}

			.mypage-header-cap .mypage-gauge-parts {
				width: 79px;
				height: 30px;
				-webkit-box-sizing: border-box;
			}

		.header-btn {
			padding: 0 0 0 15px;
			display: -webkit-box;
		}
		
		.deck-header-btn {
			padding: 5px 0 0 1px!important;
		}

		.deck-header-btn2 {
			padding: 5px 0 0 10px!important;
		}

			.header-btn li,
			.header-btn li.nobtn {
				margin: 0 1px 0 0;
				width: 79px;
				height: 28px;
				-webkit-box-sizing: border-box;
				position: relative;
				border: #333333 solid 1px;
			}

			.header-btn li.nobtn {
				border: none;
			}

			.header-btn li a.mbgaui-widget-anchors,
			.header-btn li a.mbgaui-active {
				padding: 0 0 0 17px;
				width: 77px;
				height: 26px;
				font-size: 1.2rem;
				color: #000000;
				line-height: 24px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: relative;
				-webkit-box-sizing: border-box;
				border: #4c4843 solid 1px;
			}

			.header-btn li a.friendp.mbgaui-widget-anchors,
			.header-btn li a.friendm.mbgaui-widget-anchors,
			.header-btn li a.history.mbgaui-widget-anchors,
			.header-btn li a.challenges.mbgaui-widget-anchors {
				font-size: 1.0rem;
			}

			.header-btn li a.inventory.mbgaui-widget-anchors {
				font-size: 0.9rem;
			}

			.header-btn li a.mbgaui-widget-anchors { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.1))); }
			.header-btn li a.mbgaui-active { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.4))); }

			.header-btn li a.friendp:before,
			.header-btn li a.friendm:before,
			.header-btn li a.challenges:before,
			.header-btn li a.inventory:before,
			.header-btn li a.character:before,
			.header-btn li a.weapon:before,
			.header-btn li a.history:before,
			.header-btn li a.info:before,
			.header-btn li a.wall:before {
				width: 18px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 3px;
				left: 2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.header-btn li a.friendp:before { background-position: 0 -40px; }
			.header-btn li a.friendm:before { background-position: -24px -40px; }
			.header-btn li a.challenges:before { background-position: -48px -40px; }
			.header-btn li a.inventory:before { background-position: -72px -40px; }
			.header-btn li a.character:before { background-position: -96px -40px; }
			.header-btn li a.weapon:before { background-position: -120px -40px; }
			.header-btn li a.history:before { background-position: -144px -40px; }
			.header-btn li a.info:before { background-position: -168px -40px; }
			.header-btn li a.wall:before { background-position: -192px -40px; }
		
		.mission-header-sd-left {
			width: 136px;
			height: 45px;
			display: -webkit-box;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.3);
		}
		
		.mission-header-sd-left.mbgaui-widget-anchors { opacity: 1.0; }
		.mission-header-sd-left.mbgaui-active { opacity: 0.7; }
		
			.mission-header-sd-left-img {
				padding: 4px 0 0 4px;
				width: 45px;
				height: 45px;
			}
			
			.mission-header-sd-left-cap {
				width: 150px;
				height: 42px;
				display: table;
				position: absolute;
				left: 0;
				top: 0;
			}
			
			.mission-header-sd-left-cap.mbgaui-widget-anchors { background: rgba(0,0,0,0.2) }
			.mission-header-sd-left-cap.mbgaui-active { background: rgba(0,0,0,0.5) }
		
				.mission-header-sd-left-cap p {
					padding: 0 4px;
					font-size: 1.1rem;
					color: #ffffff;
					line-height: 14px;
					font-weight: bold;
					vertical-align: middle;
					display: table-cell;
				}
				
				.mission-header-sd-left-cap:before {
					width: 6px;
					height: 12px;
					content: "";
					display: block;
					position: absolute;
					top: 16px;
					right: 9px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -208px -88px;
					-webkit-background-size: 320px 1550px;
				}
		
	.mission-header-btn-wrap {
		padding: 8px 0 0 0; 
		width: 200px;
		height: 40px;
		display: -webkit-box;
		-webkit-box-pack: end;
		-webkit-box-sizing: border-box;
		position: absolute;
		left: 120px;
		top: 0;
		
	}
	
	.mission-header-btn-wrap2 {
		padding: 8px 0 0 0; 
		width: 200px;
		height: 40px;
		display: -webkit-box;
		-webkit-box-pack: end;
		-webkit-box-sizing: border-box;
		position: absolute;
		left: 86px;
		top: 0;
		
	}
		
		.mission-header-btn {
			width: 79px;
			height: 28px;
			margin: 0 4px 0 0;
			background-image: url("Game_Images/detail_footer.png");
			background-repeat: repeat;
			background-position: 0 0;
			-webkit-background-size: 4px 4px;
		}
		
			.mission-header-btn li {
				margin: 0 1px 0 0;
				width: 79px;
				height: 28px;
				-webkit-box-sizing: border-box;
				position: relative;
				border: #333333 solid 1px;
			}
			
			.mission-header-btn li a.mbgaui-widget-anchors,
			.mission-header-btn li a.mbgaui-active,
			.mission-header2-btn li a.mbgaui-widget-anchors,
			.mission-header2-btn li a.mbgaui-active {
				padding: 0 0 0 20px;
				width: 77px;
				height: 26px;
				font-size: 1.1rem;
				color: #000000;
				line-height: 24px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				display: block;
				position: relative;
				-webkit-box-sizing: border-box;
				border: #4c4843 solid 1px;
			}
			
			.mission-header-btn-num,
			.mission-header2-btn-num {
				padding: 0 1px 0 0;
				width: 25px;
				height: 24px;
				font-size: 1.0rem;
				color: #000000;
				line-height: 24px;
				text-align: center;
				position: absolute;
				letter-spacing: -1px;
				top: 0;
				left: 0;
				-webkit-box-sizing: border-box;
			}
			
				.mission-header-btn-num span,
				.mission-header2-btn-num span {
					position: relative;
					z-index: 2;
				}
			
				.mission-header-btn-num:before {
					width: 25px;
					height: 24px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -210px -200px;
					-webkit-background-size: 320px 1550px;
					z-index: 0;
				}
				
				.mission-header2-btn-num:before {
					width: 28px;
					height: 28px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -56px -216px;
					-webkit-background-size: 320px 1550px;
					z-index: 0;
				}
			
				.mission-header-btn-num2 {
					width: 25px;
					height: 24px;
					font-size: 1.0rem;
					color: #004c82;
					line-height: 24px;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -240px -200px;
					-webkit-background-size: 320px 1550px;
					z-index: 1;
				}
				
				.mission-header2-btn-num2 {
					width: 28px;
					height: 28px;
					font-size: 1.0rem;
					color: #004c82;
					line-height: 24px;
					position: absolute;
					top: -2px;
					left: -2px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -88px -216px;
					-webkit-background-size: 320px 1550px;
					z-index: 1;
				}
			
				.blink {
					-webkit-animation-name: blink;
					-webkit-animation-duration: 1.5s;
					-webkit-animation-timing-function: ease-in;
					-webkit-animation-iteration-count: infinite;
					-webkit-animation-direction: alternate;
					-webkit-animation-play-state: running;
					-webkit-animation-delay: 0s;
				}

				@-webkit-keyframes blink {
					from {
						opacity: 0;
					}
					50%{
						opacity: 1.0;
					}
					99.9%,to {
						opacity: 0;
					}
				}
				
				.blink2 {
					-webkit-animation-name: blink2;
					-webkit-animation-duration: 1.2s;
					-webkit-animation-timing-function: ease-in;
					-webkit-animation-iteration-count: infinite;
					-webkit-animation-direction: alternate;
					-webkit-animation-play-state: running;
					-webkit-animation-delay: 0s;
				}

				@-webkit-keyframes blink2 {
					from {
						opacity: 1.0;
					}
					50%{
						opacity: 0.3;
					}
					99.9%,to {
						opacity: 1.0;
					}
				}
				
				.blink3 {
					-webkit-animation-name: blink3;
					-webkit-animation-duration: 1.2s;
					-webkit-animation-timing-function: ease-in;
					-webkit-animation-iteration-count: infinite;
					-webkit-animation-direction: alternate;
					-webkit-animation-play-state: running;
					-webkit-animation-delay: 1s;
				}

				@-webkit-keyframes blink3 {
					from {
						opacity: 1.0;
					}
					50%{
						opacity: 0.3;
					}
					99.9%,to {
						opacity: 1.0;
					}
				}
				
				.blink4 {
					-webkit-animation-name: blink4;
					-webkit-animation-duration: 1.0s;
					-webkit-animation-timing-function: ease-in;
					-webkit-animation-iteration-count: infinite;
					-webkit-animation-direction: alternate;
					-webkit-animation-play-state: running;
					-webkit-animation-delay: 1s;
				}

				@-webkit-keyframes blink4 {
					from {
						opacity: 1.0;
					}
					50%{
						opacity: 0.3;
					}
					99.9%,to {
						opacity: 1.0;
					}
				}
				
				.blink5 {
					-webkit-animation-name: blink5;
					-webkit-animation-duration: 0.8s;
					-webkit-animation-timing-function: ease-in;
					-webkit-animation-iteration-count: infinite;
					-webkit-animation-direction: normal;
					-webkit-animation-play-state: running;
					-webkit-animation-delay: 1s;
				}

				@-webkit-keyframes blink5 {
					from {
						opacity: 1.0;
					}
					15% {
						opacity: 0.4;
					}
					60% {
						opacity: 1.0;
					}
					99.9%,to {
						opacity: 1.0;
					}
				}
				
				.blink6 {
					-webkit-animation-name: blink6;
					-webkit-animation-duration: 1.0s;
					-webkit-animation-timing-function: ease-in;
					-webkit-animation-iteration-count: infinite;
					-webkit-animation-direction: alternate;
					-webkit-animation-play-state: running;
					-webkit-animation-delay: 1s;
				}

				@-webkit-keyframes blink6 {
					from {
						opacity: 1.0;
					}
					50%{
						opacity: 0.7;
					}
					99.9%,to {
						opacity: 1.0;
					}
				}
			
			.mission-header-btn li a.mbgaui-widget-anchors { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.1))); }
			.mission-header-btn li a.mbgaui-active { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.4))); }
			.mission-header-btn2 li a.mbgaui-widget-anchors { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.1))); }
			.mission-header-btn2 li a.mbgaui-active { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.4))); }
			
			.mission-header2-btn li a.mbgaui-widget-anchors { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.1))); }
			.mission-header2-btn li a.mbgaui-active { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.4))); }
			.mission-header2-btn2 li a.mbgaui-widget-anchors { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.3)),color-stop(0.5,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.1))); }
			.mission-header2-btn2 li a.mbgaui-active { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.6)),color-stop(0.5,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.4))); }


/* mypage banner area
----------------------------------------------------------------*/
.mypage-banner-area {
	padding: 6px 0 0;
	height: 56px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	z-index: 1;
}

	.mypage-banner-area li {
		margin: 0 0 0 5px;
		width: 100px;
		height: 45px;
		position: relative;
	}
	
	.mypage-banner-area li.mbgaui-widget-anchors { opacity: 1.0; }
	.mypage-banner-area li.mbgaui-active { opacity: 0.7; }
	.mypage-banner-area li.mbgaui-widget-anchors:active { opacity: 0.7; }

		.mypage-banner-area li img {
			margin: 0 auto;
			vertical-align: middle;
			-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
		}

		.mypage-banner-area li img {
			margin: 0 auto;
			vertical-align: middle;
			-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
		}
		
		.mypage-banner-area li .home-limit {
			width: 100px;
			height: 16px;
			font-size: 1.0rem;
			font-weight: bold;
			text-align: center;
			position: absolute;
			left: 0;
			bottom: -3px;
			z-index: 1;
		}
			
		.mypage-banner-area li .home-limit.event5001 { color: #fafe8f; }
		.mypage-banner-area li .home-limit.sd603 { color: #db4734; }
		.mypage-banner-area li .home-limit.invite001 { color: #a13500; }
		.mypage-banner-area li .home-limit.event5002 { color: #e79800; }
		.mypage-banner-area li .home-limit.sd605 { color: #ffe597; }
		.mypage-banner-area li .home-limit.event2003 { color: #a1f3ff; }
		.mypage-banner-area li .home-limit.sd606 { color: #e9fafe; }
		.mypage-banner-area li .home-limit.event5003 { color: #fee880; }
		.mypage-banner-area li .home-limit.sd607 { color: #ededed; }
		.mypage-banner-area li .home-limit.event2004 { color: #ffffff; }
		.mypage-banner-area li .home-limit.event5004 { color: #ffd200; }
		.mypage-banner-area li .home-limit.sd609 { color: #291c00; }
		.mypage-banner-area li .home-limit.event2005 { color: #ffffff; }
		.mypage-banner-area li .home-limit.sd610 { color: #ffffff; }
		.mypage-banner-area li .home-limit.event5005 { color: #fffb8b; }
		.mypage-banner-area li .home-limit.sd611 { color: #ffffff; }
		.mypage-banner-area li .home-limit.sd612 { color: #deff00; }
		.mypage-banner-area li .home-limit.event5007 { color: #fff075; }
		.mypage-banner-area li .home-limit.event2009 { color: #ffffff; }
		.mypage-banner-area li .home-limit.event9001 { color: #ffffff; }
		.mypage-banner-area li .home-limit.sd618 { color: #00407b; }

/* mypage animation area
----------------------------------------------------------------*/
.mypage-animation-area {
	width: 320px;
	height: 238px;
	position: relative;
	z-index: 1;
}

.backrow {
	width: 100%;
	height: auto;
	position: relative;
	left: -5%;
	
	
}

.floatingback{

    -webkit-animation-name: Floatingback;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.2s;

}

@-webkit-keyframes Floatingback{
    from {-webkit-transform:translate(0, 0px);}
    0.001% {-webkit-transform:translate(0, -3px);}
	50% {-webkit-transform:translate(0, -3px);}
    50.001% {-webkit-transform: translate(0, 0px);}      
}
    
.middlerow {
	width: 125%;
	height: auto;
	position: relative;
	left: -15%;

	

}

.floatingmid{

    -webkit-animation-name: Floatingmid;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;

}

@-webkit-keyframes Floatingmid{
    from {-webkit-transform:translate(0, 0px);}
    0.001% {-webkit-transform:translate(0, -3px);}
	50% {-webkit-transform:translate(0, -3px);}
    50.001% {-webkit-transform: translate(0, 0px);}     
}

.frontrow {
	width: 150%;
	height: auto;
	position: relative;
	left: -25%;
	
}

.floatingfront{

    -webkit-animation-name: Floatingfront;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;

}

@-webkit-keyframes Floatingfront{
    from {-webkit-transform:translate(0, 0px);}
    0.001% {-webkit-transform:translate(0, -3px);}
	50% {-webkit-transform:translate(0, -3px);}
    50.001% {-webkit-transform: translate(0, 0px);}    
}

.floatingfour{

    -webkit-animation-name: Floatingfour;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.3s;

}

@-webkit-keyframes Floatingfour{
    from {-webkit-transform:translate(0, 0px);}
    0.001% {-webkit-transform:translate(0, -3px);}
	50% {-webkit-transform:translate(0, -3px);}
    50.001% {-webkit-transform: translate(0, 0px);}    
}

.floatingfive{

    -webkit-animation-name: Floatingfive;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.4s;

}

@-webkit-keyframes Floatingfive{
    from {-webkit-transform:translate(0, 0px);}
    0.001% {-webkit-transform:translate(0, -3px);}
	50% {-webkit-transform:translate(0, -3px);}
    50.001% {-webkit-transform: translate(0, 0px);}    
}


#table1 {
	position: relative;
	top: -5%;
	width: 85%;
	margin: 0 auto;
}

#table2 {
	position: relative;
	top: -13%;
	width: 95%;
	margin: 0 auto;
}

#table3 {
	position: relative;
	top: -23%;
}

.missionfighter {
	position: absolute;
	top: 25%;
	left: 1%;
	zoom: 80%;
	z-index: 99;
}

.missionfighter2 {
	position: absolute;
	top: 25%;
	left: 1%;
	zoom: 80%;
	z-index: 99;
	float: left;
    -webkit-animation-name: missionleave;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes missionleave{
        from {-webkit-transform: translate(0px,0);}
        to {-webkit-transform: translate(500px,0);};   
	
    }

.battleicon {
	float: left;
    -webkit-animation-name: battleicon;
    -webkit-animation-duration:0.25s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes battleicon{
        from {-webkit-transform: translate(100px,0);}
        to {-webkit-transform: translate(-310px,0);};   
	
    }
	
.travelstep{
    float: left;
    -webkit-animation-name: travelstepx;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
}
    
    @-webkit-keyframes travelstepx{
        from {-webkit-transform: translate(0px,0);}
        /*50% {-webkit-transform: translate(-500px,0);}
		50.001% {-webkit-transform: translate(500px,0);}*/
        to {-webkit-transform: translate(-401px,0);};   
	
    }
	
.battleplatewrap {
	width: 100%;
	height:100%;
	float: left;
	position: absolute;
	margin-top: 0px;
	z-index: 1000;
	-webkit-animation-name: battleplatewrap;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
	-webkit-animation-fill-mode: forwards;
}

	@-webkit-keyframes battleplatewrap{
        from {-webkit-transform: scale(2.0); opacity:0;}
		85% {-webkit-transform: scale(0.95); opacity:1.0;}
        to {-webkit-transform: scale(1.0); opacity:1.0;}; 
	
    }	
	
.battleplate {
	width: 100%;
	float: left;
	/*margin-top: 135px;
    -webkit-animation-name: battleresult;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes battleresult{
        from {-webkit-transform: translateY(-200px);}
        to {-webkit-transform: translateY(135px);}; */  
	
    }
	
.battleplate img {
	display: block;
	margin: 0 auto;
}

.battleplate p {
	font-family: DotFont;
	position: absolute;
	z-index: 1001;
	width: 100%;
	text-align: center;
	margin-top: 65px;
	color: red;
	
}
	
.battleplate2 {
	width: 100%;
	float: left;
	/*margin-top: 135px;*/
    -webkit-animation-name: battleplate;
    -webkit-animation-duration:1s;
	-webkit-animation-delay: 0.2s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes battleplate{
        from {-webkit-transform: scale(1.0); opacity:0.7;}
		50% {-webkit-transform: scale(1.5); opacity:0.35;}
        to {-webkit-transform: scale(2.0); opacity:0.0;};  
	
    }
	
.battleplate2 img {
	display: block;
	margin: 0 auto;
}	


.classplatewrap {
	width: 100%;
	height:100%;
	float: left;
	position: absolute;
	margin-top: 0px;
	z-index: 1000;
	-webkit-animation-name: classplatewrap;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
	-webkit-animation-fill-mode: forwards;
}

	@-webkit-keyframes classplatewrap{
        from {-webkit-transform: scale(2.0); opacity:0;}
		85% {-webkit-transform: scale(0.95); opacity:1.0;}
        to {-webkit-transform: scale(1.0); opacity:1.0;}; 
	
    }	
	
.classplate {
	width: 100%;
	float: left;
	/*margin-top: 135px;
    -webkit-animation-name: battleresult;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes battleresult{
        from {-webkit-transform: translateY(-200px);}
        to {-webkit-transform: translateY(135px);}; */  
	
    }
	
.classplate img {
	display: block;
	margin: 0 auto;
}

.classplate p {
	font-family: DotFont;
	position: absolute;
	z-index: 1001;
	width: 100%;
	text-align: center;
	margin-top: 65px;
	color: white;
	font-size: 14px;
	
}
	
.classplate2 {
	width: 100%;
	float: left;
	/*margin-top: 135px;*/
    -webkit-animation-name: classplate;
    -webkit-animation-duration:1s;
	-webkit-animation-delay: 0.2s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes classplate{
        from {-webkit-transform: scale(1.0); opacity:0.7;}
		50% {-webkit-transform: scale(1.5); opacity:0.35;}
        to {-webkit-transform: scale(2.0); opacity:0.0;};  
	
    }
	
.classplate2 img {
	display: block;
	margin: 0 auto;
}	
	
	
.missionresultwrap {
	width: 100%;
	float: left;
	position: absolute;
	margin-top: 50px;
	z-index: 1000;
	-webkit-animation-name: missionresultwrap;
    -webkit-animation-duration:0.7s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
}

	@-webkit-keyframes missionresultwrap{
        from {-webkit-transform: scale(0.7); opacity:0;}
		20% {-webkit-transform: scale(1.0); opacity:0.8;}
		85% {-webkit-transform: scale(1.0); opacity:1.0;}
        to {-webkit-transform: scale(0.95); opacity:1.0;}; 
	
    }
	
.missionresult {
	width: 100%;
	float: left;
}
	
.missionresult img {
	display: block;
	margin: 0 auto;
}
	
.missionresult2 {
	width: 100%;
	float: left;
	/*margin-top: 135px;*/
    -webkit-animation-name: missionresult;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes missionresult{
        from {opacity:0;}
		50% {opacity:0.9;}
        to {opacity:0;};  
	
    }
	
.missionresult2 img {
	display: block;
	margin: 0 auto;
}
	
.battleresultwrap {
	width: 100%;
	float: left;
	position: absolute;
	margin-top: 130px;
	z-index: 1000;
	-webkit-animation-name: battleresultwrap;
    -webkit-animation-duration:0.7s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
}

	@-webkit-keyframes battleresultwrap{
        from {-webkit-transform: scale(0.7); opacity:0;}
		20% {-webkit-transform: scale(1.0); opacity:0.8;}
		85% {-webkit-transform: scale(1.0); opacity:1.0;}
        to {-webkit-transform: scale(0.95); opacity:1.0;}; 
	
    }

	
.battleresult {
	width: 100%;
	float: left;
	/*margin-top: 135px;
    -webkit-animation-name: battleresult;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes battleresult{
        from {-webkit-transform: translateY(-200px);}
        to {-webkit-transform: translateY(135px);}; */  
	
    }
	
.battleresult img {
	display: block;
	margin: 0 auto;
}
	
.battleresult2 {
	width: 100%;
	float: left;
	/*margin-top: 135px;*/
    -webkit-animation-name: battleresult;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode: forwards;
		
}

	@-webkit-keyframes battleresult{
        from {opacity:0;}
		50% {opacity:0.9;}
        to {opacity:0;};  
	
    }
	
.battleresult2 img {
	display: block;
	margin: 0 auto;
}

.battlechest {
	-webkit-animation-name: battlechest;
    -webkit-animation-duration:0.3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	
}

	@-webkit-keyframes battlechest {
        from {-webkit-transform: rotateY(180deg) scale(0.4); opacity:0;}
		20% {-webkit-transform: rotateY(180deg) scale(1.0); opacity:0.8;}
		85% {-webkit-transform: rotateY(180deg) scale(1.0); opacity:1.0;}
        to {-webkit-transform: rotateY(180deg) scale(0.92); opacity:1.0;}; 
	
    }
	
.chesttreasure {
	-webkit-animation-name: chesttreasure;
    -webkit-animation-duration:0.5s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	
}

	@-webkit-keyframes chesttreasure {
        from {-webkit-transform: rotateY(0deg) scale(0.4) translateX(0px) translateY(0px); opacity:0; width: 20%; margin-top:-25%;}
		20% {-webkit-transform: rotateY(0deg) scale(0.92) translateX(-23px) translateY(-5px); opacity:0.8; width: 20%; margin-top:-25%;}
		75% {-webkit-transform: rotateY(0deg) scale(0.92) translateX(-23px) translateY(5px); opacity:1.0; width: 20%; margin-top:-25%;}
        to {-webkit-transform: rotateY(0deg) scale(0.92) translateX(-23px) translateY(5px); opacity:1.0; width: 20%; margin-top:-25%;}; 
	
    }
	
#bossimg {
	-webkit-transform: rotateY(180deg);
	
	
}
	
/* menu buttons */

#Menu_Facebook {
	
	
}

#Menu_Forum {


}

/* make images pixelated instead of blurry */
img { 
	image-rendering: pixelated;
}


/* rarity symbols FOR DECK AND TRADE INSTANCE */
#rarity1 {
	content: url("Rarity/common1.png");
	position: absolute;
	left: 72%;
	top: -2%;
	width: 27%;
	height: auto;
	z-index: 99;
}

#rarity2 { 
	content: url("Rarity/common2.png");
	margin-left: 67%;
	margin-top: 23.5%;
	width: 29%;
	height: auto;
}

#rarity3 {
	content: url("Rarity/uc1.png");
	position: absolute;
	left: 72%;
	top: -2%;
	width: 27%;
	height: auto;
	z-index: 99;
}

#rarity4 {
	content: url("Rarity/uc2.png");
	margin-left: 67%;
	margin-top: 23.5%;
	width: 29%;
	height: auto;
}

#rarity5 {
	content: url("Rarity/rare1.png");
	position: absolute;
	left: 72%;
	top: -2%;
	width: 27%;
	height: auto;
	z-index: 99;
}

#rarity6 {
	content: url("Rarity/rare2.png");
	margin-left: 67%;
	margin-top: 23.5%;
	width: 29%;
	height: auto;
}

#rarity7 {
	content: url("Rarity/epic1.png");
	position: absolute;
	left: 72%;
	top: -2%;
	width: 27%;
	height: auto;
	z-index: 99;
}

#rarity8 {
	content: url("Rarity/epic2.png");
	margin-left: 67%;
	margin-top: 23.5%;
	width: 29%;
	height: auto;
}

#rarity9 {
	content: url("Rarity/legend1.png");
	position: absolute;
	left: 72%;
	top: -2%;
	width: 27%;
	height: auto;
	z-index: 99;
}

#rarity0 {
	content:url("Rarity/legend2.png");
	margin-left: 67%;
	margin-top: 23.5%;
	width: 29%;
	height: auto;
}

/* FOR TRADE MARKET */
.rarityc {
	content: url("Rarity/common1.png");
	position: absolute;
	left: 72%;
	top: 6%;
	width: 27%;
	height: auto;
	z-index: 5;
}

.rarityu {
	content: url("Rarity/uc1.png");
	position: absolute;
	left: 72%;
	top: 6%;
	width: 27%;
	height: auto;
	z-index: 5;
}

.rarityr {
	content: url("Rarity/rare1.png");
	position: absolute;
	left: 72%;
	top: 6%;
	width: 27%;
	height: auto;
	z-index: 5;
}

.raritye {
	content: url("Rarity/epic1.png");
	position: absolute;
	left: 72%;
	top: 6%;
	width: 27%;
	height: auto;
	z-index: 5;
}

.rarityl {
	content: url("Rarity/legend1.png");
	position: absolute;
	left: 72%;
	top: 6%;
	width: 27%;
	height: auto;
	z-index: 5;
}


/* mypage comment popup
----------------------------------------------------------------*/
.mypage-comment-popup {
	padding: 4px;
	width: 114px;
	height: 65px;
	position: absolute;
	bottom: 56px;
	right: 4px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	z-index: 500;
}

	.mypage-comment-popup:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -7px;
		right: 22px;
		border-top: 7px solid rgba(0,0,0,0.5);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

	.mypage-comment-popup dt {
		font-size: 1.2rem;
		color: #ff4800;
	}

	.mypage-comment-popup dd {
		font-size: 1.2rem;
	}

/* Deck growl
----------------------------------------------------------------*/
.deck-header {
	width: 100%;
	height: 42px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #393939 solid 2px;
	z-index: 2;
}

.deck-header-cap {
	padding: 0;
	width: 320px;
	height: 42px;
	display: table;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #606060 solid 2px;
	background-image: url("Game_Images/detail_footer.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
	z-index: 100;
}

.dlgutil-parts-boost-left {
    position: absolute;
    top: 24px;
    left: 30px;
    font-size: 20px;
    color: #66cc00;
    font-family: DotFont;
}

.dlgutil-parts-boost-right {
    position: absolute;
    top: 24px;
    left: 208px;
    font-size: 20px;
    color: #fd0a07;
    font-family: DotFont;
}

.dlgutil-part-message-1 {
    width: 290px;
    height: 112px;
    position: absolute;
    top: 30px;
    left: 6px;
    -webkit-box-sizing: border-box;
    padding: 16px;
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
}

.dlgutil-part-message-2 {
    width: 290px;
    height: 112px;
    position: absolute;
    bottom: 6px;
    left: 6px;
    -webkit-box-sizing: border-box;
    padding: 16px;
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
}

.character-decription {
    width: 290px;
    position: absolute;
    left: 6px;
    -webkit-box-sizing: border-box;
    font-size: 1.2rem;
    text-align: left;
    padding: 12px 0px 0px 7px;
    font-size: 1.2rem;
    line-height: 18px;
    vertical-align: middle;
    display: table-cell;
    color: #6f6f6f;
}

.passive-skill-cap {
    font: inherit;
    vertical-align: baseline;
    font-family: NormalFont;
    font-size: 1.2rem;
    color: #6f6f6f;
}

.passive-skill-cap.pass-skill-name {
    font: inherit;
    vertical-align: baseline;
    font-family: NormalFont;
    font-size: 1.2rem;
    color: #ffffff;
    padding-left: 22px;
    /*line-height: 18px;*/
    font-weight: bold;
    display: inline-block;
}

.passive-skill-name {
    top: 14px;
    position: absolute;
    vertical-align: middle;
    text-align: center;
    font: inherit;
    font-family: NormalFont;
    font-size: 1.1rem;
    color: #ff0054;
    z-index: 4;
}

.passive-skill-bg-active {
    height: 72px;
    width: 72px;
    position: absolute;
    background: rgba(0,0,0,0.5);
    z-index: 3;
}

.character-skill-title {
    border-right: rgba(255,255,255,0.1) solid 2px;
    border-left: rgba(255,255,255,0.1) solid 2px;
    margin-left: 9px;
    height: 17px;
    width: 299px;
    left: 25px;
    font-size: 1.2rem;
    color: #ffffff;
    line-height: 18px;
    font-weight: bold;
    background-image: url("Game_Images/sprite_line.png");
    background-repeat: repeat-x;
    background-position: 0 -300px;
    -webkit-background-size: 100% 1550px;
}

	.character-skill-title a.mbgaui-widget-anchors,
	.character-skill-title a.mbgaui-active {
		margin-left: -1px;
		padding-left: 5px;
		height: 15px;
		width: 301px;
		line-height: 16px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.character-skill-title a.mbgaui-widget-anchors:after {
		width: 15px;
		height: 15px;
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 282px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -552px;
		-webkit-background-size: 320px 1550px;
	}

	.character-skill-title a.mbgaui-active {
		color: #ff9e00;
		background: #1f1310;
	}

	.character-skill-title a.mbgaui-active:after {
		width: 15px;
		height: 15px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 282px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -568px;
		-webkit-background-size: 320px 1550px;
	}

	.character-skill-title a.push:after {
		width: 15px;
		height: 15px;
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 282px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -568px;
		-webkit-background-size: 320px 1550px;
	}

a#info_icon:active img{
    content: url("Game_Images/info_elementdiagram_icon_on.png") !important;
}
a#beginner_icon:active img{
    content: url("Game_Images/info_elementdiagram_icon_on.png") !important;
}
	.deck-cap-area {
		padding: 0 6px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}

		.deck-cap-area p {
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 18px;
		}
		
		.deck-cap-area p span {
			font-size: 1.4rem;
			font-weight: bold;
		}
		
		.deck-cap-area p.popup-cap  {
			padding: 0 0 0 23px;
			font-size: 1.2rem;
			color: #ffde00;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
			position: relative;
			display: inline-block;
		 	
		}
		
			.deck-cap-area p.popup-cap:before  {
				width: 23px;
				height: 26px;
				content: "";
				display: block;
				position: absolute;
				top: -3px;
				left: -10px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -280px -120px;
				-webkit-background-size: 320px 1550px;
			}
		
		.deck-cap-area p span.Fire { color: #ff3c00; }
		.deck-cap-area p span.Water { color: #00dde0; }
		.deck-cap-area p span.Lightning { color: #fcff00; }
		.deck-cap-area p span.Earth { color: #5bd455; }
		.deck-cap-area p span.Air { color: #9fe7df; }
		
		.deck-cap-area p span.Xana { color: #93dbea; }
		.deck-cap-area p span.Hemi { color: #e36e45; }
		.deck-cap-area p span.Theri { color: #adcf28; }
		
		.deck-cap-area p span.ATK { color: #d31414; }
		.deck-cap-area p span.WID { color: #6cbb18; }
		
		.deck-cap-area p span.Guru { color: #5da885; }
		.deck-cap-area p span.Champ { color: #cf3131; }
		.deck-cap-area p span.Rogue { color: #c9895f; }

/* Deck new header
----------------------------------------------------------------*/
.deck-header-area {
	padding: 0;
	width: 320px;
	height: 42px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: #606060 solid 2px;
	background-image: url("Game_Images/detail_footer.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 4px 4px;
	z-index: 100;
}

	.deck-header-user {
		width: 47px;
		height: 40px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.deck-header-user:after {
			width: 12px;
			height: 33px;
			content: "";
			display: block;
			position: absolute;
			top: 4px;
			right: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -776px;
			-webkit-background-size: 320px 1550px;
		}

		.deck-user-img-shadow {
			width: 33px;
			height: 33px;
			position: absolute;
			top: 6px;
			left: 6px;
			z-index: 53;
		}

			.deck-user-img-shadow:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.deck-user-img-shadow:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: 2px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

		.deck-user-img {
			width: 33px;
			height: 33px;
			position: relative;
			top: -2px;
			left: 2px;
			background: #113757;
			z-index: 53;
		}

				.deck-user-img a {
					width: 33px;
					height: 33px;
					display: block;
					position: absolute;
					top: -1px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

		.deck-header-name-area {
			width: 273px;
			height: 40px;
			position: relative;
			-webkit-box-sizing: border-box;
			-webkit-box-flex: 1;
		}

			.deck-header-name-area .user-name {
				margin: 0 0 0 9px;
				height: 24px;
				font-size: 1.4rem;
				color: #ffffff;
				line-height: 24px;
				font-weight: bold;
			}

			.deck-header-name-area .user-lv {
				font-size: 1.0rem;
				color: #ffffff;
				line-height: 18px;
				position: absolute;
				top: 0;
				left: 9px;
			}

				.deck-header-name-area .user-lv span {
					color: #53a0e0;
					font-weight: bold;
				}

			.deck-header-name-area .mypage-gauge {
				display: -webkit-box;
			}

				.deck-header-name-area .mypage-gauge-parts {
					width: 79px;
					height: 30px;
					-webkit-box-sizing: border-box;
				}

/* Deck skill
----------------------------------------------------------------*/
.deck-skill-filter {
	width: 74px;
	height: 74px;
	position: absolute;
	top: 0;
	left: 5px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	z-index: 97;
}

.deck-status-item-filter1 {
	width: 30px;
	height: 2px;
	position: absolute;
	top: -2px;
	left: 5px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	z-index: 97;
}

.deck-status-item-filter2 {
	width: 5px;
	height: 35px;
	position: absolute;
	top: -2px;
	left: 0px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	z-index: 97;
}

.deck-skill-item-filter1 {
	width: 30px;
	height: 2px;
	position: absolute;
	top: -2px;
	left: 5px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	z-index: 97;
}

.deck-skill-item-filter2 {
	width: 5px;
	height: 35px;
	position: absolute;
	top: -2px;
	left: 0px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	z-index: 97;
}

.deck-skill-area {
	padding: 2px;
	width: 74px;
	height: 74px;
	position: absolute;
	top: 0;
	left: 5px;
	-webkit-box-sizing: border-box;
	z-index: 98;
}

	.deck-skill-area li {
		padding: 0 1px;
		width: 54px;
		height: 24px;
		font-size: 0.9rem;
		color: #ffffff;
		line-height: 12px;
		position: relative;
		text-align: left;
		-webkit-box-sizing: border-box;
	}
	
	.deck-skill-area li.color1 { color:#ff0054; }
	.deck-skill-area li.color2 { color:#aeecab; }
	.deck-skill-area li.color4 { color:#e2cf04; }
	.deck-skill-area li.color5 { color:#d06ecc; }
	
		.deck-skill-area li.skill-all-icon {
			padding: 0!important;
			width: 15px!important;
			height: 13px!important;
			font-size: 0.8rem!important;
			color: #7f4e0f!important;
			line-height: 13px!important;
			font-weight: bold!important;
			text-align: center!important;
			display: block!important;
			position: absolute!important;
			bottom: 4px!important;
			left: 4px!important;
			-webkit-border-radius: 2px!important;
			background-color: #fee800!important;
		}
		#skill-all-icon {
			padding: 0!important;
			width: 15px!important;
			height: 13px!important;
			font-size: 0.8rem!important;
			color: #7f4e0f!important;
			line-height: 13px!important;
			font-weight: bold!important;
			text-align: center!important;
			display: block!important;
			position: absolute!important;
			bottom: 4px!important;
			left: 4px!important;
			-webkit-border-radius: 2px!important;
			background-color: #fee800!important;
		}
		
		.deck-skill-area li.hp,
		.deck-skill-area li.at,
		.deck-skill-area li.df,
		.deck-skill-area li.iq,
		.deck-skill-area li.sp {
			width: 20px!important;
			height: 20px!important;
			position: absolute!important;
			bottom: 0!important;
			left: 20px!important;
			background-image: url("Game_Images/sprite_retina.png")!important;
			background-repeat: no-repeat!important;
			-webkit-background-size: 320px 388px!important;
		}

			.deck-skill-area li.hp { background-position: -44px -171px!important; }
			.deck-skill-area li.at { background-position: -64px -171px!important; }
			.deck-skill-area li.df { background-position: -84px -171px!important; }
			.deck-skill-area li.iq { background-position: -104px -171px!important; }
			.deck-skill-area li.sp { background-position: -124px -171px!important; }
			
		.character-detail-skill .hp,
		.character-detail-skill .at,
		.character-detail-skill .df,
		.character-detail-skill .iq,
		.character-detail-skill .sp {
			width: 20px!important;
			height: 20px!important;
			position: absolute!important;
			top: -1px!important;
			left: 20px!important;
			background-image: url("Game_Images/sprite_retina.png")!important;
			background-repeat: no-repeat!important;
			-webkit-background-size: 320px 388px!important;
		}

			.character-detail-skill .hp { background-position: -44px -171px!important; }
			.character-detail-skill .at { background-position: -64px -171px!important; }
			.character-detail-skill .df { background-position: -84px -171px!important; }
			.character-detail-skill .iq { background-position: -104px -171px!important; }
			.character-detail-skill .sp { background-position: -124px -171px!important; }

/* Deck status
----------------------------------------------------------------*/
.deck-status-filter {
	width: 74px;
	height: 74px;
	position: absolute;
	top: 0;
	left: 5px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	z-index: 97;
}

.deck-block-filter,
.deck-block-edge-filter {
	width: 74px;
	height: 74px;
	position: absolute;
	top: -2px;
	left: 3px;
	-webkit-box-sizing: border-box;
	z-index: 43;
}

	.deck-block-edge-filter:before {
		width: 87px;
		height: 87px;
		content: "";
		display: block;
		position: absolute;
		top: -5px;
		left: -5px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/edge_frame.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 87px 87px;
	}

	.deck-block-edge-green-filter:before {
		width: 87px;
		height: 87px;
		content: "";
		display: block;
		position: absolute;
		top: -7px;
		left: -5px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/edge_frame_green.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 87px 87px;
	}

.deck-status-area {
	padding: 2px;
	width: 74px;
	height: 74px;
	position: absolute;
	top: 0;
	left: 5px;
	-webkit-box-sizing: border-box;
	z-index: 98;
}

	.deck-status-area li {
		padding: 0 0 0 12px;
		width: 74px;
		height: 14px;
		font-size: 0.9rem;
		line-height: 14px;
		position: relative;
		text-align: left;
		-webkit-box-sizing: border-box;
	}

		.deck-status-area li.hp { color: #00f3ff; }
		.deck-status-area li.at { color: #ff0000; }
		.deck-status-area li.df { color: #7d8cff; }
		.deck-status-area li.iq { color: #61a915; }
		.deck-status-area li.sp { color: #ed9102; }

		.deck-status-area li.hp:before,
		.deck-status-area li.at:before,
		.deck-status-area li.df:before,
		.deck-status-area li.iq:before,
		.deck-status-area li.sp:before {
			width: 12px;
			height: 12px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.deck-status-area li.hp:before { background-position: -188px -60px; }
		.deck-status-area li.at:before { background-position: -200px -60px; }
		.deck-status-area li.df:before { background-position: -212px -60px; }
		.deck-status-area li.iq:before { background-position: -224px -60px; }
		.deck-status-area li.sp:before { background-position: -236px -60px; }

/* Deck form area
----------------------------------------------------------------*/
	.deck-form-area {
		padding: 3px 0;
		width: 320px;
		height: 59px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border-top: #2a2724 solid 2px;
	}

	.deck-form-area2 {
		padding: 6px 0;
		width: 320px;
		height: 50px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border-top: #2a2724 solid 2px;
	}

		.deck-passive-skill-block {
			font-size: 1.1rem;
			color: #FFFAF9;
			line-height: 14px;
			text-align: left;
			vertical-align: middle;
			margin: 0 9px 4px;
			padding: 5px;
			width: 302px;
			height: 48px;
			border: rgba(255,255,255,0.1) solid 2px;
			background: rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 0 2px #000000;
			-webkit-border-radius: 5px;
			-webkit-box-sizing: border-box;
		}

		.deck-passive-skill-block dt {
			padding: 0 0 0 24px;
			height: 10px;
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 14px;
			left: -80px;
			font-weight: bold;
			margin-top: -2px;
		}

		.deck-passive-skill-block dt:before {
			width: 18px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: 52px;
			left: 66px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -144px -1003px;
			-webkit-background-size: 320px 1550px;
		}

		.deck-passive-skill-block dd.cap {
			width: 290px;
			height: 29px;
			display: table;
			margin-left: 0px;
		}

		.deck-passive-skill-block dd.cap p {
			padding: 0 8px;
			font-size: 1.1rem;
			line-height: 18px;
			vertical-align: middle;
			display: table-cell;
			color: #6f6f6f;
		}

		.deck-form-block1 {
			width: 156px;
			height: 68px;
			position: relative;
			-webkit-box-sizing: border-box;
			border-right: #2d2a26 solid 1px;
		}

			.deck-form-back1 {
				margin: 0 6px;
				width: 143px;
				height: 38px;
				-webkit-border-radius: 1px;
				-webkit-box-sizing: border-box;
				border: #2d2a26 solid 1px;
				background: #332e28;
			}

		.deck-form-block1-1 {
			width: 153px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
			border-right: #2d2a26 solid 1px;
		}

		.deck-form-block1-2 {
			width: 138px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
			border-right: #2d2a26 solid 1px;
		}

			.deck-form-back1-1 {
				margin: 0 6px;
				width: 143px;
				height: 38px;
				-webkit-border-radius: 1px;
				-webkit-box-sizing: border-box;
				border: #2d2a26 solid 1px;
				background: #332e28;
			}

			.deck-form-back1-2 {
				margin: 0 10px;
				width: 118px;
				height: 38px;
				-webkit-border-radius: 1px;
				-webkit-box-sizing: border-box;
				border: #2d2a26 solid 1px;
				background: #332e28;
			}

				.deck-form-btn1,
				.deck-form-btn3 {
					font-size: 0.9rem;
					color: #b7b7b7;
					text-align: center;
					position: absolute;
					top: 0;
					-webkit-box-sizing: border-box;
				}
				
				.deck-form-btn4 {
					position: absolute;
					top: 0;
					-webkit-box-sizing: border-box;
				}
				
					.deck-form-btn4 p {
						width: 47px;
						height: 15px;
						font-size: 1.2rem!important;
						color: #9b9b9b;
						font-weight: bold;
						text-align: center;
						position: relative;
						left: -4px;
						-webkit-border-radius: 5px;
						background: rgba(0,0,0,0.5);
					}
					
				.deck-form-btn5 {
					position: absolute!important;
					top: -4px!important;
					left: 60px!important;
					-webkit-box-sizing: border-box!important;
					z-index: 308!important;
				}
				
				.deck-form-btn-noback {
					margin: 0 auto;
					width: 30px!important;
					color: #535353!important;
					background: none!important;
					left: 0!important;
				}

				.deck-form-btn1-1,
				.deck-form-btn1-2,
				.deck-form-btn1-3 {
					font-size: 0.8rem;
					top: -3px;
				}

				.deck-form-btn1 {
					width: 40px;
					left: 101px;
					z-index: 2;
				}

				.deck-form-btn1-1 {
					width: 40px;
					left: 109px;
					z-index: 2;
				}

				.deck-form-btn1-2 {
					width: 40px;
					left: 24px;
					z-index: 2;
				}

				.deck-form-btn1-3 {
					width: 40px;
					left: 72px;
					z-index: 2;
				}

				.deck-form-btn3 {
					width: 57px;
					left: 42px;
					z-index: 1;
				}

					.deck-form-btn1.edge,
					.deck-form-btn3.edge,
					.deck-form-btn4.edge,
					.deck-form-btn5.edge {
						position: relative;
					}

					.deck-form-btn1-1.edge,
					.deck-form-btn1-2.edge,
					.deck-form-btn1-3.edge {
						position: absolute;
					}

						.deck-form-btn1.edge .check,
						.deck-form-btn1.edge .nocheck,
						.deck-form-btn3.edge .check,
						.deck-form-btn3.edge .nocheck,
						.deck-form-btn4.edge .check,
						.deck-form-btn4.edge .nocheck,
						.deck-form-btn5.edge .check,
						.deck-form-btn5.edge .nocheck {
							width: 26px;
							height: 31px;
							position: relative;
							background-image: url("Game_Images/sprite.png");
							background-repeat: no-repeat;
							-webkit-background-size: 320px 1550px;
						}

						.deck-form-btn1.edge .check,
						.deck-form-btn1.edge .nocheck {
							margin: 0 0 6px 9px;
						}

						.deck-form-btn1-1.edge .check,
						.deck-form-btn1-1.edge .nocheck,
						.deck-form-btn1-2.edge .check,
						.deck-form-btn1-2.edge .nocheck,
						.deck-form-btn1-3.edge .check,
						.deck-form-btn1-3.edge .nocheck {
							margin: 0 0 0 9px;
						}

						.deck-form-btn3.edge .check,
						.deck-form-btn3.edge .nocheck {
							margin: 0 0 6px 16px;
						}

						.deck-form-btn1.edge .check,
						.deck-form-btn3.edge .check,
						.deck-form-btn4.edge .check,
						.deck-form-btn5.edge .check {
							background-position: 0 -64px;
						}

						.deck-form-btn1.edge .nocheck,
						.deck-form-btn3.edge .nocheck,
						.deck-form-btn4.edge .nocheck,
						.deck-form-btn5.edge .nocheck {
							background-position: -32px -64px;
						}

						.deck-form-btn1.edge input,
						.deck-form-btn3.edge input,
						.deck-form-btn4.edge input,
						.deck-form-btn5.edge input {
							margin: 0 auto 2px;
							width: 26px;
							height: 31px;
							position: absolute;
							top: 2px;
							left: 12px;
							-webkit-appearance: button;
							visibility: hidden;
							z-index: 3;
						}
.deck-passive-skill-area {
    padding: 2px;
    width: 74px;
    height: 74px;
    position: absolute;
    top: 0;
    left: 5px;
    -webkit-box-sizing: border-box;
    z-index: 48;
}

    .deck-passive-skill-area li {
        padding: 0 0 0 12px;
        width: 74px;
        height: 14px;
        font-size: 0.9rem;
        line-height: 14px;
        position: relative;
        text-align: left;
        -webkit-box-sizing: border-box;
    }

        .deck-passive-skill-area li.ps {
            width: 20px;
            height: 25px;
            position: absolute;
            bottom: 0;
            left: 37px;
            top: -5px;
            background-image: url("Game_Images/sprite_retina.png");
            background-repeat: no-repeat;
            -webkit-background-size: 320px 388px;
            background-position: -94px -238px;
        }


		.deck-form-block2 {
			width: 109px;
			height: 51px;
			-webkit-box-sizing: border-box;
			border-left: #504b45 solid 1px;
			border-right: #2d2a26 solid 1px;
		}

			.deck-form-back2 {
				margin: 0 6px;
				width: 95px;
				height: 38px;
				position: relative;
				-webkit-border-radius: 1px;
				-webkit-box-sizing: border-box;
				border: #2d2a26 solid 1px;
				background: #332e28;
			}

				.deck-form-btn2.auto {
					width: 41px;
					font-size: 0.9rem;
					text-align: center;
					color: #ffd64a;
					position: absolute;
					top: 1px;
					left: 5px;
				}

					.deck-form-btn2.auto a.mbgaui-widget-anchors,
					.deck-form-btn2.auto a.mbgaui-active {
						margin: 0 auto 1px;
						width: 41px;
						height: 36px;
						display: block;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 1550px;
					}

					.deck-form-btn2.auto a.mbgaui-widget-anchors { background-position: -56px -212px; }
					.deck-form-btn2.auto a.mbgaui-active { background-position: -99px -212px; }

		.deck-form-block3 {
			width: 55px;
			height: 51px;
			position: relative;
			-webkit-box-sizing: border-box;
			border-left: #504b45 solid 1px;
		}

		.deck-form-block4 {
			width: 166px;
			height: 38px;
			-webkit-box-sizing: border-box;
			border-left: #504b45 solid 1px;
		}

			.deck-form-btn4 a.mbgaui-widget-anchors,
			.deck-form-btn4 a.mbgaui-active,
			.deck-form-btn5 a.mbgaui-widget-anchors,
			.deck-form-btn5 a.mbgaui-active {
				width: 32px;
				height: 32px;
				display: block;
				position: absolute;
				left: 11px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.deck-form-btn4 a.mbgaui-widget-anchors,
			.deck-form-btn4 a.mbgaui-active {
				top: 3px;
			}

			.deck-form-btn5 a.mbgaui-widget-anchors,
			.deck-form-btn5 a.mbgaui-active {
				top: 0;
			}

			.deck-form-btn4 a.mbgaui-widget-anchors,
			.deck-form-btn5 a.mbgaui-widget-anchors {
				background-position: -144px -212px;
			}

			.deck-form-btn4 a.mbgaui-active,
			.deck-form-btn5 a.mbgaui-active {
				background-position: -176px -212px;
			}

			.deck-form-btn4 a.mbgaui-disabled,
			.deck-form-btn5 a.mbgaui-disabled {
				opacity: 0.5;
			}

			.deck-form-btn4 a.mbgaui-widget-anchors img,
			.deck-form-btn5 a.mbgaui-widget-anchors img {
				position: relative;
			}

			.deck-form-btn4 a.mbgaui-active img,
			.deck-form-btn5 a.mbgaui-active img {
				top: 2px;
				left: 2px;
			}

			.deck-form-btn-cap {
				margin: 0 auto;
				padding: 34px 0 0;
				height: 20px;
				text-align: center;
			}

				.deck-form-btn-cap p {
					padding: 0 0 0 20px;
					width: 37px;
					height: 12px;
					font-size: 0.8rem;
					color: #d8d8d8;
					line-height: 12px;
					text-align: left;
					display: inline-block;
					position: relative;
					-webkit-box-sizing: border-box;
					-webkit-border-radius: 10px;
					background: rgba(0,0,0,0.5);
				}

					.deck-form-btn-cap p:before {
						width: 10px;
						height: 10px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: 6px;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						background-position: -304px -148px;
						-webkit-background-size: 320px 388px;
					}

/* Deck img area
----------------------------------------------------------------*/
.deck-img-area {
	margin: 0 10px;
	width: 300px;
	height: 280px;
	position: relative;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #000000;
}

	.deck-img-stage {
		padding: 6px 18px 0;
	}

		.deck-img-block {
			padding: 0 0 0 5px;
			width: 86px;
			height: 90px;
			text-align: center;
			vertical-align: bottom;
			display: inline-block;
			position: absolute;
			-webkit-box-sizing: border-box;
		}

		.deck-img-block1 {
			top: 6px;
			left: 14px;
		}

		.deck-img-block2 {
			top: 6px;
			left: 108px;
		}

		.deck-img-block3 {
			top: 6px;
			left: 202px;
		}

		.deck-img-block4 {
			top: 96px;
			left: 14px;
		}

		.deck-img-block5 {
			top: 96px;
			left: 108px;
		}

		.deck-img-block6 {
			top: 96px;
			left: 202px;
		}

		.deck-img-block7 {
			top: 186px;
			left: 14px;
		}

		.deck-img-block8 {
			top: 186px;
			left: 108px;
		}

		.deck-img-block9 {
			top: 186px;
			left: 202px;
		}

			.deck-img-block-filter,
			.deck-img-block-filter-shadow {
				width: 72px;
				height: 72px;
				position: absolute;
				top: 1px;
				left: 6px;
				z-index: 44;
			}

			.deck-img-block-filter.mbgaui-widget-anchors { background: none; }
			.deck-img-block-filter.mbgaui-active { background: rgba(0,0,0,0.5); }
			
			.deck-img-block-filter2 {
				width: 72px;
				height: 72px;
				position: absolute;
				top: 1px;
				left: 6px;
				z-index: 50;
			}

			.deck-img-block-filter2.mbgaui-widget-anchors { background: none; }
			.deck-img-block-filter2.mbgaui-active { background: rgba(0,0,0,0.5); }
			
			.deck-equip-skill-filter,
			.deck-equip-filter {
				width: 35px;
				height: 35px;
				position: absolute;
				top: -2px;
				left: 0;
				-webkit-box-sizing: border-box;
				background: rgba(0,0,0,0.7);
				z-index: 47;
			}
			
			.deck-equip-skill-edge-filter
			.deck-equip-edge-filter {
				width: 35px;
				height: 35px;
				position: absolute;
				top: -2px;
				left: 0;
				-webkit-box-sizing: border-box;
				background: rgba(49,0,0,0.7);
				z-index: 47;
			}

			.deck-equip-shadow {
				width: 33px;
				height: 33px;
				position: absolute;
				top: 0;
				left: 2px;
				-webkit-box-sizing: border-box;
				background: #3b2f24;
				z-index: 45;
			}

				.deck-equip-shadow:before {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -32px;
					-webkit-background-size: 320px 1550px;
				}

				.deck-equip-shadow:after {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					bottom: 0;
					left: -2px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -312px -32px;
					-webkit-background-size: 320px 1550px;
				}

			.deck-equip {
				width: 33px;
				height: 33px;
				position: absolute;
				top: -2px;
				left: 0;
				-webkit-box-sizing: border-box;
				border: #6a5440 solid 1px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -240px -328px;
				-webkit-background-size: 320px 1550px;
				z-index: 46;
			}

			.wrap-lv,
			.wrap-hp,
			.wrap-atk,
			.wrap-def,
			.wrap-wis,
			.wrap-agi {
				padding: 2px 0 0;
				width: 76px;
				height: 10px;
				position: relative;
			}

				.wrap-lv p,
				.wrap-hp p,
				.wrap-atk p,
				.wrap-def p,
				.wrap-wis p,
				.wrap-agi p {
					line-height 10px;
					font-size: 0.9rem;
					text-align: center;
				}

					.wrap-lv p span,
					.wrap-hp p span,
					.wrap-atk p span,
					.wrap-def p span,
					.wrap-wis p span,
					.wrap-agi p span {
						font-weight: bold;
					}

					.wrap-lv p span { color: #fed100; }
					.wrap-hp p span { color: #28dcfa; }
					.wrap-atk p span { color: #ff0000; }
					.wrap-def p span { color: #6482e6; }
					.wrap-wis p span { color: #6ee678; }
					.wrap-agi p span { color: #ff8c00; }

					.wrap-lv p span.number-change {
						color: #e9d4b2!important;
						font-weight: normal!important;
					}

				.deck-img-area .deck-back {
					width: 41px;
					height: 34px;
					position: absolute;
					left: -12px;
					bottom: -6px;
					z-index: 500;
				}

/* Mydeck dialog
----------------------------------------------------------------*/
.friend-request-dialog-text {
	height: 54px;
	display: table;
	position: relative;
}

	.friend-request-dialog-text p {
		padding: 0 9px;
		font-size: 1.2rem;
		color: #444444;
		line-height: 16px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
.friend-request-dialog-footer-text {
	height: 48px;
	display: table;
	position: absolute;
	bottom: 45px;
	left: 0;
}

	.friend-request-dialog-footer-text p {
		padding: 0 9px;
		font-size: 1.2rem;
		color: #444444;
		line-height: 16px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}

.mydeck-dialog-header {
	height: 78px;
	position: relative;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border-bottom: #878685 solid 1px;
}

.mydeck-dialog-header2 {
	width: 303px;
	height: 48px;
	position: relative;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border-bottom: #878685 solid 1px;
	background: #a3a3a3;
}

.mydeck-dialog-header3 {
	height: 102px;
	position: relative;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border-bottom: #878685 solid 1px;
}

.mydeck-dialog-header4 {
	padding: 3px 0;
	width: 303px;
	height: 48px;
	position: relative;
	display: -webkit-box;
	border-top: #bcbcbc solid 1px;
	border-bottom: #878685 solid 1px;
	background: #a3a3a3;
}

	.mydeck-dialog-img-box {
		margin: 4px 0 0 13px;
		width: 40px;
		height: 40px;
		position: relative;
	}

	.mydeck-dialog-cap-box {
		margin: 0 0 0 8px;
		position: relative;
		-webkit-box-flex: 1;
	}

		.mydeck-dialog-cap-box .dialog-list-cap {
			margin: 0 0 4px;
			padding: 4px 0 2px;
			position: relative;
		}

			.mydeck-dialog-cap-box .dialog-list-cap dt {
				font-size: 1.4rem;
				font-weight: bold;
			}

			.mydeck-dialog-cap-box .dialog-list-cap dt.name {
				margin: 0 0 2px;
				color: #444444;
			}

			.mydeck-dialog-cap-box .dialog-list-cap dd {
				font-size: 1.4rem;
			}

			.mydeck-dialog-cap-box .dialog-list-cap dd .lv-title {
				color: #2b5c85;
				font-weight: bold;
			}

			.mydeck-dialog-cap-box .dialog-list-cap dd.rank {
				margin: 0 0 2px;
				color: #444444;
			}

			.mydeck-dialog-cap-box .dialog-list-cap dd.reps {
				color: #444444;
				position: absolute;
				top: 19px;
				right: 8px;
			}

		.mydeck-dialog-recover-box {
			width: 102px;
			height: 50px;
			display: -webkit-box;
			position: absolute;
			top: 30px;
			left: 200px;
		}

			.mydeck-dialog-recover-box:before {
				width: 9px;
				height: 50px;
				content: "";
				display: block;
				position: absolute;
				top: 8px;
				left: -9px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -309px -480px;
				-webkit-background-size: 320px 1550px;
			}

			.mydeck-dialog-recover-block {
				padding: 33px 0 0;
				width: 52px;
				height: 50px;
				text-align: center;
				position: relative;
			}

			.mydeck-dialog-recover-btn {
				padding: 0 2px 0 0;
				-webkit-box-sizing: border-box;
			}

			.mydeck-dialog-recover-cap {
				padding: 0 0 0 18px;
				width: 37px;
				height: 12px;
				font-size: 0.8rem;
				color: #d8d8d8;
				line-height: 12px;
				text-align: left;
				display: inline-block;
				position: relative;
				-webkit-box-sizing: border-box;
				-webkit-border-radius: 10px;
				background: rgba(0,0,0,0.8);
			}

				.mydeck-dialog-recover-cap:before {
					width: 10px;
					height: 10px;
					content: "";
					display: block;
					position: absolute;
					top: 1px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -304px -148px;
					-webkit-background-size: 320px 388px;
				}

		.mydeck-dialog-recover-bottom {
			width: 302px;
			height: 78px;
			display: -webkit-box;
			background: #a3a3a3;
		}

			.mydeck-dialog-recover-bottom-parts {
				width: 100px;
				height: 78px;
				display: -webkit-box;
				position: relative;
			}
			
			.mydeck-dialog-recover-bottom-parts:nth-of-type(3) {
				width: 102px!important;
			}

			.mydeck-dialog-recover-bottom-parts:nth-of-type(2):before,
			.mydeck-dialog-recover-bottom-parts:nth-of-type(3):before {
				width: 9px;
				height: 68px;
				content: "";
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -309px -631px;
				-webkit-background-size: 320px 1550px;
			}

				.mydeck-dialog-recover-bottom-img {
					padding: 19px 0 0 5px;
					width: 46px;
					height: 78px;
					position: relative;
					-webkit-box-sizing: border-box;
				}
				
					.mydeck-dialog-recover-bottom-img-invite {
						width: 53px;
						height: 65px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						left: 4px;
						background-image: url("Game_Images/sprite_lang.png");
						background-repeat: no-repeat;
						background-position: 0 -16px;
						-webkit-background-size: 320px 1550px;
					}

				.mydeck-dialog-recover-bottom-cap {
					padding: 17px 0 0;
					width: 54px;
					height: 78px;
					position: relative;
					-webkit-box-sizing: border-box;
					z-index: 1;
				}

					.mydeck-dialog-recover-bottom-name {
						margin: 0 0 4px;
						width: 54px;
						height: 27px;
						display: table;
					}

						.mydeck-dialog-recover-bottom-name p {
							font-size: 1.0rem;
							color: #665e54;
							line-height: 13px;
							display: table-cell;
						}
						
					.mydeck-dialog-recover-bottom-name2 {
						margin: 0 0 4px;
						width: 54px;
						height: 43px;
						display: table;
					}

						.mydeck-dialog-recover-bottom-name2 p {
							font-size: 1.0rem;
							color: #784400;
							line-height: 13px;
							font-weight: bold;
							display: table-cell;
						}

					.mydeck-dialog-recover-bottom-num {
						width: 50px;
						height: 16px;
						text-align: center;
						position: relative;
						-webkit-border-radius: 10px;
						background: #5c5246;
					}

						.mydeck-dialog-recover-bottom-num p {
							padding: 0 0 0 10px;
							font-size: 1.0rem;
							color: #e9d7b4;
							line-height: 16px;
							font-weight: bold;
							text-align: left;
							display: inline-block;
							position: relative;
							-webkit-box-sizing: border-box;
							-webkit-border-radius: 10px;
							background: #5c5246;
						}

						.mydeck-dialog-recover-bottom-num p:before {
							width: 10px;
							height: 10px;
							content: "";
							display: block;
							position: absolute;
							top: 3px;
							left: 0;
							background-image: url("Game_Images/sprite_retina.png");
							background-repeat: no-repeat;
							background-position: -304px -148px;
							-webkit-background-size: 320px 388px;
						}

			.mydeck-dialog-recover-bottom-detail-parts {
				width: 304px;
				height: 78px;
				display: -webkit-box;
				position: relative;
			}

				.mydeck-dialog-recover-bottom-detail-img {
					width: 73px;
					height: 78px;
					text-align: center;
					-webkit-box-sizing: border-box;
				}

				.mydeck-dialog-recover-bottom-detail-num {
					margin: 0 auto;
					width: 55px;
					height: 16px;
					text-align: center;
					position: absolute;
					top: 58px;
					left: 9px;
					-webkit-border-radius: 10px;
					background: #5c5246;
				}

					.mydeck-dialog-recover-bottom-detail-num p {
						padding: 0 0 0 14px;
						font-size: 1.3rem;
						color: #e9d7b4;
						line-height: 16px;
						font-weight: bold;
						text-align: left;
						display: inline-block;
						position: relative;
						-webkit-box-sizing: border-box;
						-webkit-border-radius: 10px;
						background: #5c5246;
					}

					.mydeck-dialog-recover-bottom-detail-num p:before {
						width: 10px;
						height: 10px;
						content: "";
						display: block;
						position: absolute;
						top: 3px;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						background-position: -304px -148px;
						-webkit-background-size: 320px 388px;
					}

			.mydeck-dialog-recover-bottom-detail-cap {
				width: 300px;
				height: 72px;
				display: table;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.mydeck-dialog-recover-bottom-detail-cap:before {
					width: 9px;
					height: 68px;
					content: "";
					display: block;
					position: absolute;
					top: 5px;
					left: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -309px -631px;
					-webkit-background-size: 320px 1550px;
				}

				.mydeck-dialog-recover-bottom-detail-cap p {
					padding: 0 8px;
					font-size: 1.2rem;
					color: #665e54;
					line-height: 16px;
					display: table-cell;
					vertical-align: middle;
				}
				
					.mydeck-dialog-recover-bottom-detail-cap p a { font-weight: bold; }
					.mydeck-dialog-recover-bottom-detail-cap p span { font-weight: bold; }
			
					.mydeck-dialog-recover-bottom-detail-cap p a.mbgaui-widget-anchors { color: #ffd200; }
					.mydeck-dialog-recover-bottom-detail-cap p a.mbgaui-active { color: #241300; }

.mydeck-dialog-header-item-img {
	margin: 10px 0 0 10px;
	padding: 5px 0 0;
	width: 43px;
	height: 54px;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
	background: #d8d8d8;
}

	.mydeck-dialog-header-item-img:before {
		width: 9px;
		height: 39px;
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		right: -9px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -309px -480px;
		-webkit-background-size: 320px 1550px;
	}

.mydeck-dialog-header-item-img2 {
	margin: 10px 0 0 10px;
	padding: 25px 0 0;
	width: 43px;
	height: 80px;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
	background: #d8d8d8;
}

	.mydeck-dialog-header-item-img2:before {
		width: 9px;
		height: 39px;
		content: "";
		display: block;
		position: absolute;
		top: 22px;
		right: -9px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -309px -480px;
		-webkit-background-size: 320px 1550px;
	}

	.mydeck-dialog-header-item-num {
		margin: 0 auto;
		height: 20px;
		text-align: center;
	}

		.mydeck-dialog-header-item-num p {
			padding: 0 0 0 20px;
			width: 37px;
			height: 12px;
			font-size: 0.8rem;
			color: #d8d8d8;
			line-height: 12px;
			text-align: left;
			display: inline-block;
			position: relative;
			-webkit-box-sizing: border-box;
			-webkit-border-radius: 10px;
			background: #787878;
		}

			.mydeck-dialog-header-item-num p:before {
				width: 10px;
				height: 10px;
				content: "";
				display: block;
				position: absolute;
				top: 1px;
				left: 6px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -304px -148px;
				-webkit-background-size: 320px 388px;
			}

.mydeck-dialog-header-item-cap {
	margin: 10px 0 0 0;
	width: 237px;
	height: 54px;
	display: table;
	background: #d8d8d8;
}

	.mydeck-dialog-header-item-cap p {
		padding: 0 9px;
		font-size: 1.4rem;
		color: #3e2a24;
		vertical-align: middle;
		display: table-cell;
	}

.mydeck-dialog-header-item-cap2 {
	margin: 10px 0 0 0;
	width: 237px;
	height: 80px;
	display: table;
	background: #d8d8d8;
}

	.mydeck-dialog-header-item-cap2 p {
		padding: 0 9px;
		font-size: 1.4rem;
		color: #3e2a24;
		vertical-align: middle;
		display: table-cell;
	}

/* Mydeck dialog detail
----------------------------------------------------------------*/
.mydeck-dialog-detail-header {
	height: 50px;
	position: relative;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border-bottom: #5e574e solid 1px;
	background: #a3a3a3;
}

	.mydeck-dialog-img-detail-box {
		margin: 3px 0 0 13px;
		width: 40px;
		height: 40px;
		position: relative;
	}

.mydeck-dialog-detail-box {
	width: 303px;
	height: 259px;
	-webkit-box-sizing: border-box;
	position: relative;
	border-top: #867c70 solid 1px;
	border-bottom: #5E574E solid 1px;
	background: #70685e;
}

.mydeck-dialog-detail-box2 {
	width: 303px;
	height: 259px;
	-webkit-box-sizing: border-box;
	position: relative;
	border-top: #808080 solid 1px;
	border-bottom: #444444 solid 1px;
	background: #444444;
}

	.mydeck-dialog-detail-title-box {
		width: 303px;
		height: 20px;
		display: -webkit-box;
	}

		.mydeck-dialog-detail-title {
			padding: 0 15px 0 7px;
			width: 203px;
			height: 20px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 20px;
			font-weight: bold;
			-webkit-box-sizing: border-box;
		}
		
		.mydeck-dialog-detail-sef {
			padding: 0 0 0 31px;
			width: 100px;
			height: 20px;
			display: -webkit-box;
			position: absolute;
			top: 0;
			right: 12px;
			-webkit-box-sizing: border-box;
		}
		
			.mydeck-dialog-detail-sef dt {
				width: 35px;
				height: 20px;
				font-size: 1.3rem;
				line-height: 20px;
				font-weight: bold;
			}
			
			.mydeck-dialog-detail-sef dd {
				width: 63px;
				height: 20px;
				font-size: 1.3rem;
				line-height: 20px;
				position: relative;
			}
			
				.mydeck-dialog-detail-sef-icon {
					width: 16px;
					height: 16px;
					position: absolute;
					top: 2px;
					right: 23px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -228px -76px;
					-webkit-background-size: 320px 388px;
				}

		.mydeck-dialog-detail-group {
			padding: 0 0 0 31px;
			width: 81px;
			height: 25px;
			font-size: 1.6rem;
			line-height: 25px;
			position: absolute;
			top: 0;
			right: 12px;
			font-weight: bold;
			-webkit-box-sizing: border-box;
		}

			.mydeck-dialog-detail-group:before {
				width: 14px;
				height: 14px;
				content: "";
				display: block;
				position: absolute;
				top: 6px;
				left: 13px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -96px -24px;
				-webkit-background-size: 320px 1550px;
			}

.mydeck-dialog-detail-body {
	width: 304px;
	height: 262px;
	position: relative;
	background-image: url("Game_Images/character_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 320px 480px;
}

	.mydeck-dialog-detail-body-box {
		margin: 0 9px;
		width: 286px;
		height: 183px;
		display: -webkit-box;
		position: relative;
	}

	.mydeck-dialog-detail-stage {
		width: 118px;
		height: 90px;
		position: absolute;
		top: 65px;
		left: 4px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 118px 90px;
		z-index: 1;
	}

		.mydeck-dialog-detail-stage:before {
			width: 73px;
			height: 31px;
			content: "";
			display: block;
			position: absolute;
			top: 29px;
			left: 20px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -88px -776px;
			-webkit-background-size: 320px 1550px;
		}

		.mydeck-dialog-detail-img {
			margin: 0 9px 0 0;
			width: 122px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
			z-index: 3;
		}

			.mydeck-dialog-detail-img > img {
				position: absolute;
				top: -10px;
				left: -20px;
			}

			.mydeck-dialog-detail-equip-shadow {
				width: 33px;
				height: 33px;
				position: absolute;
				top: 127px;
				left: 2px;
				-webkit-box-sizing: border-box;
				background: #3b2f24;
				z-index: 1;
			}

				.mydeck-dialog-detail-equip-shadow:before {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -32px;
					-webkit-background-size: 320px 1550px;
				}

				.mydeck-dialog-detail-equip-shadow:after {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					bottom: 0;
					left: -2px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -312px -32px;
					-webkit-background-size: 320px 1550px;
				}

			.mydeck-dialog-detail-equip {
				width: 33px;
				height: 33px;
				position: absolute;
				top: 125px;
				left: 0;
				-webkit-box-sizing: border-box;
				border: #6a5440 solid 1px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -240px -328px;
				-webkit-background-size: 320px 1550px;
				z-index: 2;
			}

			.mydeck-dialog-detail-equip-btn {
				width: 32px;
				height: 28px;
				position: absolute;
				top: 181px;
				left: 44px;
			}

		.mydeck-dialog-detail-status {
			width: 157px;
			height: 185px;
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 1px 1px 1px #555555,inset 1px 1px 1px #555555;
			border: #383838 solid 1px;
		}

			.mydeck-dialog-detail-gauge {
				height: 106px;
			}

				.mydeck-dialog-detail-num-wrap {
					width: 154px;
					height: 33px;
				}

				.mydeck-dialog-detail-status-point {
					padding: 0 0 0 12px;
					width: 77px;
					color: #ffd200;
					line-height: 27px;
					font-weight: bold;
					font-size: 1.3rem;
					-webkit-box-sizing: border-box;
				}

					.mydeck-dialog-detail-status-point span.max {
						color: #e9d4b2;
						font-weight: normal;
					}

				.mydeck-dialog-detail-status-point2 {
					padding: 0 0 0 20px;
					width: 77px;
					line-height: 27px;
					font-size: 1.3rem;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.mydeck-dialog-detail-status-point2 .ed { color: #ff0000; }

						.mydeck-dialog-detail-status-point2 .ed:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 4px;
							left: 0;
							background-image: url("Game_Images/edge_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

				.mydeck-dialog-detail-status-atdf {
					margin: 0 5px 3px;
					padding: 4px 6px;
					width: 144px;
					height: 69px;
					-webkit-box-sizing: border-box;
					background: #363636;
				}

					.mydeck-dialog-detail-status-atdf li {
						padding: 0 0 0 20px;
						width: 64px;
						height: 21px;
						font-size: 1.1rem;
						line-height: 21px;
						position: relative;
						float: left;
						-webkit-box-sizing: border-box;
					}

					.mydeck-dialog-detail-status-atdf li.gauge {
						margin: 0 0 6px;
						padding: 6px 0 0;
						width: 128px;
						height: 27px;
						font-size: 1.2rem;
						line-height: 27px;
						position: relative;
						float: none;
					}

					.mydeck-dialog-detail-status-atdf li.hp2 { width: 116px; }

						.mydeck-dialog-detail-status-atdf li.hp2 span.max { color: #3e2a24; }

						.mydeck-dialog-detail-status-atdf li.hp span.max {
							font-size: 0.9rem;
							color: #3e2a24;
							position: absolute;
							top: 12px;
							left: 20px;
						}
						
					.mydeck-dialog-detail-status-atdf li.hp-multi-line {
						padding: 0 0 0 20px;
						width: 64px;
						height: 21px;
						height: 21px;
						font-size: 1.0rem;
						color: #b2e9e6;
						line-height: 10px;
						position: relative;
						float: left;
						-webkit-box-sizing: border-box;
					}

					.mydeck-dialog-detail-status-atdf li.ed { color: #ff0000; }
					.mydeck-dialog-detail-status-atdf li.up { color: #23f507; }
					.mydeck-dialog-detail-status-atdf li.down { color: #ff0000; }

						.mydeck-dialog-detail-status-atdf li.hp:before,
						.mydeck-dialog-detail-status-atdf li.hp2:before,
						.mydeck-dialog-detail-status-atdf li.at:before,
						.mydeck-dialog-detail-status-atdf li.df:before,
						.mydeck-dialog-detail-status-atdf li.iq:before,
						.mydeck-dialog-detail-status-atdf li.sp:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 1px;
							left: 0;
							background-image: url("Game_Images/sprite_retina.png");
							background-repeat: no-repeat;
							-webkit-background-size: 320px 388px;
						}
						
						.mydeck-dialog-detail-status-atdf li.ed:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 1px;
							left: 0;
							background-image: url("Game_Images/edge_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.mydeck-dialog-detail-status-atdf li.up:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 1px;
							left: 0;
							background-image: url("Game_Images/arrow_up_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.mydeck-dialog-detail-status-atdf li.down:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 1px;
							left: 0;
							background-image: url("Game_Images/arrow_down_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

					.mydeck-dialog-detail-status-atdf li.hp:before { background-position: -44px -172px; }
					.mydeck-dialog-detail-status-atdf li.hp2:before { background-position: -44px -172px; }
					.mydeck-dialog-detail-status-atdf li.at:before { background-position: -64px -172px; }
					.mydeck-dialog-detail-status-atdf li.df:before { background-position: -84px -172px; }
					.mydeck-dialog-detail-status-atdf li.iq:before { background-position: -104px -172px; }
					.mydeck-dialog-detail-status-atdf li.sp:before { background-position: -124px -172px; }

			.mydeck-dialog-detail-property {
				margin: 0 5px 3px;
				padding: 0 5px;
				width: 144px;
				height: 72px;
				clear: both;
				-webkit-box-sizing: border-box;
				background: #363636;
			}

				.mydeck-dialog-detail-property dl {
					height: 20px;
					display: -webkit-box;
				}

					.mydeck-dialog-detail-property dl.evo dt,
					.mydeck-dialog-detail-property dl.lin dt {
						width: 50px;
						height: 20px;
						font-size: 1.2rem;
						color: #3e2a24;
						line-height: 20px;
						font-weight: bold;
					}

					.mydeck-dialog-detail-property dl.evo dd,
					.mydeck-dialog-detail-property dl.lin dd {
						margin: 0 0 0 5px;
						font-size: 1.2rem;
						color: #3e2a24;
						line-height: 20px;
						position: relative;
					}

					.mydeck-dialog-detail-property dl.evo dd span.current {
						color: #ebd9ba;
						font-weight: bold;
					}

						.mydeck-dialog-detail-evo-icon {
							width: 16px;
							height: 16px;
							position: absolute;
							top: 2px;
							right: -18px;
							background-image: url("Game_Images/sprite_retina.png");
							background-repeat: no-repeat;
							background-position: -228px -76px;
							-webkit-background-size: 320px 388px;
						}

					.mydeck-dialog-detail-property dl.lin dd {
						padding: 0 0 0 23px;
					}

					.mydeck-dialog-detail-property dl.lin dd.attr0 {
						padding: 0;
						color: #3E2A24;
					}

					.mydeck-dialog-detail-property dl.lin dd.attr1 { color: #ff2a00; }
					.mydeck-dialog-detail-property dl.lin dd.attr2 { color: #7692dd; }
					.mydeck-dialog-detail-property dl.lin dd.attr3 { color: #8abe14; }
					.mydeck-dialog-detail-property dl.lin dd.attr4 { color: #f3ea00; }
					.mydeck-dialog-detail-property dl.lin dd.attr5 { color: #a4c4c3; }

						.mydeck-dialog-detail-property dl.lin dd.attr1:before,
						.mydeck-dialog-detail-property dl.lin dd.attr2:before,
						.mydeck-dialog-detail-property dl.lin dd.attr3:before,
						.mydeck-dialog-detail-property dl.lin dd.attr4:before,
						.mydeck-dialog-detail-property dl.lin dd.attr5:before {
							width: 23px;
							height: 23px;
							content: "";
							display: block;
							position: absolute;
							top: -2px;
							left: 0;
							background-image: url("Game_Images/sprite.png");
							background-repeat: no-repeat;
							-webkit-background-size: 320px 1550px;
						}

						.mydeck-dialog-detail-property dl.lin dd.attr1:before { background-position: -84px -100px;  }
						.mydeck-dialog-detail-property dl.lin dd.attr2:before { background-position: -108px -100px; }
						.mydeck-dialog-detail-property dl.lin dd.attr3:before { background-position: -132px -100px; }
						.mydeck-dialog-detail-property dl.lin dd.attr4:before { background-position: -156px -100px; }
						.mydeck-dialog-detail-property dl.lin dd.attr5:before { background-position: -180px -100px; }

		.mydeck-dialog-detail-skill {
			padding: 0 4px;
			height: 50px;
			position: relative;
		}

			.mydeck-dialog-detail-skill dt {
				margin: 3px 0 0;
				padding: 0 0 0 20px;
				height: 16px;
				font-size: 1.3rem;
				color: #ffffff;
				line-height: 16px;
				font-weight: bold;
				position: relative;
				display: inline-block;
			}

				.mydeck-dialog-detail-skill dt:before {
					width: 18px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -216px 0;
					-webkit-background-size: 320px 1550px;
				}

			.mydeck-dialog-detail-skill dd {
				padding: 0 4px;
				width: 278px;
				height: 34px;
				display: table;
			}

				.mydeck-dialog-detail-skill dd p {
					font-size: 1.0rem;
					color: #ffffff;
					line-height: 14px;
					vertical-align: middle;
					display: table-cell;
				}
				
			.mydeck-dialog-detail-skill dd.proc {
				width: 120px;
				height: 20px;
				font-size: 1.2rem;
				color: #0091ce;
				line-height: 20px;
				text-align: center;
				position: absolute;
				top: 2px;
				right: 0;
				-webkit-box-sizing: border-box;
			}

				.mydeck-dialog-detail-skill dd.proc .num {
					padding: 0 3px;
					width: 60px;
					height: 16px;
					color: #cff6f4;
					line-height: 15px;
					font-weight: bold;
					display: inline-block;
					-webkit-border-radius: 3px;
					background: #0091ce;
				}
				
					.mydeck-dialog-detail-skill dd.proc .num span {
						font-weight: normal;
					}


/* Mydeck dialog chara list
----------------------------------------------------------------*/
.mydeck-dialog-chara-list {
	height: 259px;
	background: #70685e;
}

	.mydeck-dialog-chara-list-block {
		padding: 5px 0 0 12px;
		width: 101px;
		height: 86px;
		text-align: center;
		vertical-align: bottom;
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
		border-top: rgba(134,124,112,0.5) solid 1px;
		border-left: rgba(134,124,112,0.5) solid 1px;
		border-right: rgba(94,87,78,0.5) solid 1px;
		border-bottom: rgba(94,87,78,0.5) solid 1px;
	}
	
		.mydeck-dialog-chara-list-block.died-chara { background: rgba(255,0,0,0.5); }

	.mydeck-dialog-chara-list-block-select {
		padding: 5px 0 0 12px;
		width: 101px;
		height: 86px;
		text-align: center;
		vertical-align: bottom;
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
		border-top: rgba(134,124,112,0.5) solid 1px;
		border-left: rgba(134,124,112,0.5) solid 1px;
		border-right: rgba(94,87,78,0.5) solid 1px;
		border-bottom: rgba(94,87,78,0.5) solid 1px;
	}
	
		.mydeck-dialog-chara-list-block-select.died-chara { background: rgba(255,0,0,0.5); }

	.mydeck-dialog-chara-list-block-disable {
		width: 99px;
		height: 84px;
		text-align: center;
		vertical-align: bottom;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		background: rgba(68,56,42,0.7);
		z-index: 308;
	}

			.mydeck-img-block-filter,
			.mydeck-img-block-filter-shadow {
				width: 72px;
				height: 72px;
				position: absolute;
				top: 5;
				z-index: 3;
			}

			.mydeck-img-block-filter.mbgaui-widget-anchors { background: none; }
			.mydeck-img-block-filter.mbgaui-active { background: rgba(0,0,0,0.5); }

/* Mydeck dialog chara list gauge
----------------------------------------------------------------*/
.mydeck-gauge {
	width: 72px;
	height: 10px;
	position: absolute;
	top: 67px;
	left: 12px;
	background: rgba(0,0,0,0.5);
	z-index: 4;
}

.gauge-wrap-w70 .gauge-w {
	width: 51px;
}

.gauge-wrap-point {
	padding: 0 0 0 2px;
	width: 60px;
	color: #efac6a;
	font-size: 0.9rem;
	line-height: 11px;
	font-weight: bold;
	text-align: left;
	-webkit-box-sizing: border-box;
}

	.gauge-wrap-point span {
		margin: 0 0 0 2px;
		color: #e9d4b2;
		font-weight: normal;
	}

.point-gauge2 {
	position: relative;
	height: 10px;
	top: 0;
	left: 2px;
	background-image: url("Game_Images/sprite_line.png");
	background-repeat: repeat-x;
	background-position: 0 -460px;
	-webkit-background-size: 100% 1550px;
}

.point-gauge3 {
	position: relative;
	height: 10px;
	top: 0;
	left: 0;
	background-image: url("Game_Images/sprite_line.png");
	background-repeat: repeat-x;
	background-position: 0 -460px;
	-webkit-background-size: 100% 1550px;
}

	.point-gauge2:before,
	.point-gauge3:before {
		width: 2px;
		height: 10px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -2px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -288px -72px;
		-webkit-background-size: 320px 1550px;
	}

	.point-gauge2:after,
	.point-gauge3:after {
		width: 2px;
		height: 10px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: -2px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -296px -72px;
		-webkit-background-size: 320px 1550px;
	}

	.hps-gauge {
		height: 6px;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 2px;
		left: 0;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -452px;
		-webkit-background-size: 100% 1550px;
		z-index: 12;
	}
	
	.hps2-gauge {
		height: 6px;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 2px;
		left: 0;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -512px;
		-webkit-background-size: 100% 1550px;
		z-index: 11;
	}
	
	.hps3-gauge {
		height: 6px;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 2px;
		left: 0;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -520px;
		-webkit-background-size: 100% 1550px;
		z-index: 11;
	}
	
	.hps4-gauge {
		height: 6px;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 2px;
		left: 0;
		background-image: url("Game_Images/sprite_line.png");
		background-repeat: repeat-x;
		background-position: 0 -662px;
		-webkit-background-size: 100% 1550px;
		z-index: 11;
	}
	
		.hps2-inner,
		.hps3-inner,
		.hps4-inner {
			width: 100%;
		}
	
		.hps2-inner:before,
		.hps3-inner:before,
		.hps4-inner:before {
			width: 23px;
			height: 23px;
			content: "";
			display: block;
			position: absolute;
			bottom: -30px;
			right: -13px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}
		
		.hps2-inner:after,
		.hps3-inner:after,
		.hps4-inner:after {
			content: "";
			display: block;
			position: absolute;
			bottom: -7px;
			right: -3px;
			border-left: 3px solid transparent;
			border-right: 3px solid transparent;
		}
		
		.hps2-inner:before { background-position: -96px -552px; }
		.hps2-inner:after { border-bottom: 5px solid #e09e00; }
		
		.hps3-inner:before { background-position: -120px -552px; }
		.hps3-inner:after { border-bottom: 5px solid #a54419; }

		.hps4-inner:before { background-position: -120px -576px; }
		.hps4-inner:after { border-bottom: 5px solid #e09e00; }

/* Mydeck dialog bottom cap
----------------------------------------------------------------*/
.mydeck-bottom-cap {
	width: 304px;
	display: table;
	height: 40px;
}

	.mydeck-bottom-cap p {
		padding: 0 9px;
		font-size: 1.3rem;
		color: #303030;
		line-height: 20px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}

/* PvP dialog
----------------------------------------------------------------*/
.pvp-dialog-header {
	height: 49px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border-bottom: #5e574e;
	background: #70685e;
}

	.pvp-dialog-img-box {
		margin: 0 0 0 18px;
		width: 40px;
		height: 43px;
		position: relative;
	}

	.pvp-dialog-cap-box {
		margin: 0 0 0 8px;
		position: relative;
		-webkit-box-flex: 1;
	}

		.pvp-dialog-cap-box .dialog-list-cap {
			margin: 0 0 4px;
			padding: 4px 0 2px;
			position: relative;
		}

			.pvp-dialog-cap-box .dialog-list-cap dt {
				font-size: 1.4rem;
				font-weight: bold;
			}

			.pvp-dialog-cap-box .dialog-list-cap dt.name {
				margin: 0 0 2px;
				color: #ffffff;
			}

			.pvp-dialog-cap-box .dialog-list-cap dd {
				font-size: 1.4rem;
			}

			.pvp-dialog-cap-box .dialog-list-cap dd.rank {
				margin: 0 0 2px;
				color: #ffd200;
				font-weight: bold;
			}

			.pvp-dialog-cap-box .dialog-list-cap dd.reps {
				position: absolute;
				top: 19px;
				right: 8px;
			}

.pvp-deck-img-area {
	height: 222px;
	position: relative;
	border-top: #867c70 solid 1px;
	background: #70685e;
	-webkit-box-sizing: border-box;
}

	.pvp-deck-img-stage {
		padding: 12px 0 0 30px;
	}

		.pvp-deck-img-block {
			padding: 0 0 0 10px;
			width: 86px;
			height: 72px;
			text-align: center;
			vertical-align: bottom;
			display: inline-block;
			position: relative;
			-webkit-box-sizing: border-box;
		}

			.pvp-deck-img-block-filter,
			.pvp-deck-img-block-filter-shadow {
				width: 52px;
				height: 52px;
				position: absolute;
				top: 0;
				left: 17px;
				z-index: 3;
			}

			.pvp-deck-img-block-filter {
				background: none;
			}

			.mbgaui-active .pvp-deck-img-block-filter {
				background: rgba(0,0,0,0.5);
			}

			.pvp-deck-equip-shadow {
				width: 33px;
				height: 33px;
				position: absolute;
				top: -6px;
				left: -6px;
				-webkit-box-sizing: border-box;
				background: #3b2f24;
				z-index: 499;
			}

				.pvp-deck-equip-shadow:before {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -24px;
					-webkit-background-size: 320px 1550px;
				}

				.pvp-deck-equip-shadow:after {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					bottom: 1px;
					left: -2px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -312px -24px;
					-webkit-background-size: 320px 1550px;
				}

			.pvp-deck-equip {
				width: 33px;
				height: 33px;
				position: absolute;
				top: -8px;
				left: -8px;
				-webkit-box-sizing: border-box;
				border: #6a5440 solid 1px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -240px -328px;
				-webkit-background-size: 320px 1550px;
				z-index: 500;
			}

			.pvp-wrap-lv {
				margin: 0 0 0 -12px;
				padding: 9px 0 0;
				width: 70px;
				height: 10px;
				top: -2px;
				position: relative;
			}

				.pvp-wrap-lv p {
					height: 10px;
					font-size: 0.9rem;
					text-align: center;
				}

					.pvp-wrap-lv p span {
						color: #ffd200;
						font-weight: bold;
					}

					.pvp-wrap-lv p span.number-change {
						color: #e9d4b2!important;
						font-weight: normal!important;
					}

/* Battle area
----------------------------------------------------------------*/
.battle-main-area {
	position: relative;
	background-image: url("Game_Images/trans_1x1.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 480px;
	width: 320px;
	height: 259px;
	overflow: hidden;
}

.battle-text-area {
	margin: 0 auto;
	width: 280px;
	height: 20px;
	background-image: url("Game_Images/reward_dialog_name.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 280px 40px;
}

	.battle-text {
		text-align: center;
		font-weight: bold;
	}

	.cutin {
		color: #ffffff!important;
		text-align: center;
		font-weight: bold;
		text-shadow: 0px -1px 4px #ff0000, -1px 0px 4px #ff0000, 0px 1px 4px #ff0000, 1px 0px 4px #ff0000;
	}

.battle-deck-area {
    background-image: url("Game_Images/trans_1x1.png");
    background-repeat: no-repeat;
    background-position: 0px -259px;
    -webkit-background-size: 320px 480px;
	width: 320px;
	height: 221px;
	position: relative;
}

.battle-deck {
	margin: 0 auto;
	width: 194px;
    height: 194px;
    position: relative;
    background-image: url("Game_Images/battle_back.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 194px 194px;
}

.battle-deck1-0,
.battle-deck2-0,
.battle-deck3-0 {
	margin: 0 auto;
	width: 194px;
    height: 194px;
    position: relative;
}

.battle-deck1-1,
.battle-deck1-2,
.battle-deck1-3,
.battle-deck2-1,
.battle-deck2-2,
.battle-deck2-3,
.battle-deck3-1,
.battle-deck3-2,
.battle-deck3-3 {
	width: 194px;
    height: 194px;
    position: relative;
    -webkit-box-sizing: border-box;
	background-repeat: no-repeat;
	-webkit-background-size: 194px 66px;
}

.battle-deck1-4,
.battle-deck1-5,
.battle-deck1-6,
.battle-deck2-4,
.battle-deck2-5,
.battle-deck2-6,
.battle-deck3-4,
.battle-deck3-5,
.battle-deck3-6 {
	width: 194px;
    height: 194px;
    position: relative;
    -webkit-box-sizing: border-box;
	background-repeat: no-repeat;
	-webkit-background-size: 66px 194px;
}

.battle-deck1-7,
.battle-deck1-8,
.battle-deck2-7,
.battle-deck2-8,
.battle-deck3-7,
.battle-deck3-8 {
	width: 194px;
    height: 194px;
    position: relative;
    -webkit-box-sizing: border-box;
	background-repeat: no-repeat;
	-webkit-background-size: 194px 194px;
}

.battle-deck1-1 {
	background-image: url("Game_Images/battle_select_1_1.png");
	background-position: left top;
}

.battle-deck1-2 {
	background-image: url("Game_Images/battle_select_1_1.png");
	background-position: left center;
}

.battle-deck1-3 {
	background-image: url("Game_Images/battle_select_1_1.png");
	background-position: left bottom;
}

.battle-deck1-4 {
	background-image: url("Game_Images/battle_select_1_2.png");
	background-position: left top;
}

.battle-deck1-5 {
	background-image: url("Game_Images/battle_select_1_2.png");
	background-position: center top;
}

.battle-deck1-6 {
	background-image: url("Game_Images/battle_select_1_2.png");
	background-position: right top;
}

.battle-deck1-7 {
	background-image: url("Game_Images/battle_select_1_3.png");
	background-position: left top;
}

.battle-deck1-8 {
	background-image: url("Game_Images/battle_select_1_4.png");
	background-position: left top;
}

.battle-deck2-1 {
	background-image: url("Game_Images/battle_select_2_1.png");
	background-position: left top;
}

.battle-deck2-2 {
	background-image: url("Game_Images/battle_select_2_1.png");
	background-position: left center;
}

.battle-deck2-3 {
	background-image: url("Game_Images/battle_select_2_1.png");
	background-position: left bottom;
}

.battle-deck2-4 {
	background-image: url("Game_Images/battle_select_2_2.png");
	background-position: left top;
}

.battle-deck2-5 {
	background-image: url("Game_Images/battle_select_2_2.png");
	background-position: center top;
}

.battle-deck2-6 {
	background-image: url("Game_Images/battle_select_2_2.png");
	background-position: right top;
}

.battle-deck2-7 {
	background-image: url("Game_Images/battle_select_2_3.png");
	background-position: left top;
}

.battle-deck2-8 {
	background-image: url("Game_Images/battle_select_2_4.png");
	background-position: left top;
}

.battle-deck3-1 {
	background-image: url("Game_Images/battle_select_3_1.png");
	background-position: left top;
}

.battle-deck3-2 {
	background-image: url("Game_Images/battle_select_3_1.png");
	background-position: left center;
}
.battle-deck3-3 {
	background-image: url("Game_Images/battle_select_3_1.png");
	background-position: left bottom;
}

.battle-deck3-4 {
	background-image: url("Game_Images/battle_select_3_2.png");
	background-position: left top;
}

.battle-deck3-5 {
	background-image: url("Game_Images/battle_select_3_2.png");
	background-position: center top;
}

.battle-deck3-6 {
	background-image: url("Game_Images/battle_select_3_2.png");
	background-position: right top;
}

.battle-deck3-7 {
	background-image: url("Game_Images/battle_select_3_3.png");
	background-position: left top;
}

.battle-deck3-8 {
	background-image: url("Game_Images/battle_select_3_4.png");
	background-position: left top;
}

.battle-deck-block-0 {
	margin: 2px 0 0 2px;
	width: 62px;
	height: 62px;
	float: left;
	-webkit-box-sizing: border-box;
}

.battle-deck-block-1,
.battle-deck-block-2,
.battle-deck-block-3 {
	margin: 2px 0 0 2px;
	width: 62px;
	height: 62px;
	float: left;
	-webkit-box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 62px 62px;
}

.battle-deck-block-1 { background-image: url("Game_Images/battle_tap_1.png"); }
.battle-deck-block-2 { background-image: url("Game_Images/battle_tap_2.png"); }
.battle-deck-block-3 { background-image: url("Game_Images/battle_tap_3.png"); }

.battle-deck-line-1,
.battle-deck-line-2,
.battle-deck-line-3,
.battle-deck-line-4,
.battle-deck-line-5,
.battle-deck-line-6,
.battle-deck-line-7,
.battle-deck-line-8,
.battle-deck-line-9 {
	margin: 0 auto;
	width: 194px;
    height: 194px;
    position: relative;
    -webkit-box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 194px 194px;
	z-index: 970;
}

.battle-deck-line-1 { background-image: url("Game_Images/battle_dec_line_1.png"); }
.battle-deck-line-2 { background-image: url("Game_Images/battle_dec_line_2.png"); }
.battle-deck-line-3 { background-image: url("Game_Images/battle_dec_line_3.png"); }
.battle-deck-line-4 { background-image: url("Game_Images/battle_dec_line_4.png"); }
.battle-deck-line-5 { background-image: url("Game_Images/battle_dec_line_5.png"); }
.battle-deck-line-6 { background-image: url("Game_Images/battle_dec_line_6.png"); }
.battle-deck-line-7 { background-image: url("Game_Images/battle_dec_line_7.png"); }
.battle-deck-line-8 { background-image: url("Game_Images/battle_dec_line_8.png"); }
.battle-deck-line-9 { background-image: url("Game_Images/battle_dec_line_9.png"); }

.battle-character {
	margin: 4px 0 0 4px;
	width: 54px;
	height: 54px;
	position: relative;
	float: left;
	background-image: url("Game_Images/battle_character_box.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 54px 54px;
	z-index: 299;
}

.battle-character-body {
	margin: -27px 0 0 -27px;
	padding: 7px;
	width: 54px;
	height: 54px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-box-sizing: border-box;
	z-index: 300;
}

	.battle-character-stats {
		padding: 2px 0 0 10px;
		width: 54px;
		height: 54px;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		background: rgba(0,0,0,0.7);
		z-index: 301;
		/*z-index was 302 before*/
	}

	.battle-character-stats li {
		padding: 0 0 0 12px;
		width: 44px;
		height: 10px;
		font-size: 0.8rem;
		line-height: 10px;
		position: relative;
		text-align: left;
		-webkit-box-sizing: border-box;
	}

		.battle-character-stats li.hp { color: #00f3ff; }
		.battle-character-stats li.at { color: #ff0000; }
		.battle-character-stats li.df { color: #7d8cff; }
		.battle-character-stats li.iq { color: #61a915; }
		.battle-character-stats li.sp { color: #ed9102; }

		.battle-character-stats li.hp:before,
		.battle-character-stats li.at:before,
		.battle-character-stats li.df:before,
		.battle-character-stats li.iq:before,
		.battle-character-stats li.sp:before {
			width: 12px;
			height: 12px;
			content: "";
			display: block;
			position: absolute;
			top: -1px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.battle-character-stats li.hp:before { background-position: -188px -60px; }
		.battle-character-stats li.at:before { background-position: -200px -60px; }
		.battle-character-stats li.df:before { background-position: -212px -60px; }
		.battle-character-stats li.iq:before { background-position: -224px -60px; }
		.battle-character-stats li.sp:before { background-position: -236px -60px; }


	.battle-character-skill {
		padding: 5px 0 0 10px;
		width: 54px;
		height: 54px;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		background: rgba(0,0,0,0.7);
		z-index: 301;
	}

	.battle-character-skill li {
		padding: 0 1px;
		width: 44px;
		height: 10px;
		font-size: 0.8rem;
		color: #ffffff;
		line-height: 10px;
		position: relative;
		text-align: left;
		-webkit-box-sizing: border-box;
	}
	
	.battle-character-skill li.color1 { color:#ff0054; }
	.battle-character-skill li.color2 { color:#aeecab; }
	.battle-character-skill li.color4 { color:#e2cf04; }
	.battle-character-skill li.color5 { color:#d06ecc; }
	
		.battle-character-skill li.skill-all-icon {
			padding: 0!important;
			width: 15px!important;
			height: 13px!important;
			font-size: 0.8rem!important;
			color: #7f4e0f!important;
			line-height: 13px!important;
			font-weight: bold!important;
			text-align: center!important;
			display: block!important;
			position: absolute!important;
			bottom: 4px!important;
			left: 13px!important;
			-webkit-border-radius: 2px!important;
			background-color: #fee800!important;
		}
		
		.battle-character-skill li.hp,
		.battle-character-skill li.at,
		.battle-character-skill li.df,
		.battle-character-skill li.iq,
		.battle-character-skill li.sp {
			width: 20px!important;
			height: 20px!important;
			position: absolute!important;
			bottom: 0!important;
			left: 30px!important;
			background-image: url("Game_Images/sprite_retina.png")!important;
			background-repeat: no-repeat!important;
			-webkit-background-size: 320px 388px!important;
		}

			.battle-character-skill li.hp { background-position: -44px -172px!important; }
			.battle-character-skill li.at { background-position: -64px -172px!important; }
			.battle-character-skill li.df { background-position: -84px -172px!important; }
			.battle-character-skill li.iq { background-position: -104px -172px!important; }
			.battle-character-skill li.sp { background-position: -124px -172px!important; }


.battle-character-body2 {
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-box-sizing: border-box;
	z-index: 300;
}

.battle-turn-info {
	width: 60px;
	height: 50px;
	line-height: 46px;
	text-align: center;
	position: absolute;
	top: 25px;
	left: 2px;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #000000;
}

	.battle-turn-num {
		font-size: 2.0rem;
		color: #b59f92;
		font-weight: bold;
	}

	.battle-turn-label {
		font-size: 1.4rem;
		color: #b59f92;
	}

.battle-cancel-btn,
.battle-skip-btn {
	width: 54px;
	height: 34px;
	position: absolute;
	top: 25px;
	right: 4px;
}

	.battle-cancel-btn a.mbgaui-widget-anchors,
	.battle-cancel-btn a.mbgaui-active,
	.battle-skip-btn a.mbgaui-widget-anchors,
	.battle-skip-btn a.mbgaui-active {
		width: 54px;
		height: 34px;
		font-size: 1.0rem;
		color: #ffffff;
		line-height: 32px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		display: block;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
	}

	.battle-cancel-btn a.mbgaui-widget-anchors {
		background-position: -32px -736px;
	}

	.battle-cancel-btn a.mbgaui-active {
		background-position: -88px -736px;
	}

	.battle-skip-btn a.mbgaui-widget-anchors {
		background-position: -32px -736px;
	}

	.battle-skip-btn a.mbgaui-active {
		background-position: -88px -736px;
}

.tutorial-skip-btn {
	width: 59px;
	height: 37px;
	position: absolute;
	top: 424px;
	left: 4px;
	z-index: 951px;
}

	.tutorial-skip-btn a.mbgaui-widget-anchors,
	.tutorial-skip-btn a.mbgaui-active {
		width: 59px;
		height: 37px;
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 32px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		display: block;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
	}

	.tutorial-skip-btn a.mbgaui-widget-anchors { background-position: 0 -136px; }
	.tutorial-skip-btn a.mbgaui-active { background-position: 0 -176px; }

.battle-end-filter {
	width: 320px;
	height: 480px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 999;
}

.speed-btn-area {
	width: 62px;
	height: 65px;
	position: absolute;
	top: 145px;
	left: 257px;
}

	.speed-num {
		margin: 0 auto;
		width: 34px;
		height: 14px;
		font-size: 1.1rem;
		color: #0096ff;
		line-height: 14px;
		font-weight: bold;
		text-align: center;
		-webkit-border-radius: 3px;
		background: rgba(0,0,0,0.5);
	}

	.speed-color-bar {
		width: 53px;
		height: 40px;
		position: absolute;
		top: 14px;
		left: 0;
	}

		.speed-color-bar1-off {
			width: 16px;
			height: 17px;
			position: absolute;
			top: 3px;
			left: 3px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -40px -488px;
			-webkit-background-size: 320px 1550px;
			z-index: 1;
		}

		.speed-color-bar2-off {
			width: 21px;
			height: 6px;
			position: absolute;
			top: 0;
			left: 19px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -16px -512px;
			-webkit-background-size: 320px 1550px;
			z-index: 2;
		}

		.speed-color-bar3-off {
			width: 16px;
			height: 17px;
			position: absolute;
			top: 3px;
			left: 40px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -40px -512px;
			-webkit-background-size: 320px 1550px;
			z-index: 3;
		}

		.speed-color-bar1-on {
			width: 16px;
			height: 17px;
			position: absolute;
			top: 3px;
			left: 3px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -56px -488px;
			-webkit-background-size: 320px 1550px;
			z-index: 1;
		}

		.speed-color-bar2-on {
			width: 21px;
			height: 6px;
			position: absolute;
			top: 0;
			left: 19px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -16px -520px;
			-webkit-background-size: 320px 1550px;
			z-index: 2;
		}

		.speed-color-bar3-on {
			width: 16px;
			height: 17px;
			position: absolute;
			top: 3px;
			left: 40px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -56px -512px;
			-webkit-background-size: 320px 1550px;
			z-index: 3;
		}

	.speed-btn.mbgaui-widget-anchors,
	.speed-btn.mbgaui-active {
		width: 47px;
		height: 45px;
		display: block;
		position: absolute;
		top: 19px;
		left: 7px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		-webkit-box-sizing: border-box;
	}

	.speed-btn.mbgaui-widget-anchors {
		background-position: 0 -552px;
	}

	.speed-btn.mbgaui-active {
		background-position: -48px -552px;
	}

		.speed-btn.mbgaui-widget-anchors:before,
		.speed-btn.mbgaui-active:before {
			width: 20px;
			height: 14px;
			content: "";
			display: block;
			position: absolute;
			top: 15px;
			left: 13px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
			background-position: -16px -488px;
			-webkit-box-sizing: border-box;
		}

.skill-count {
    height: 17px;
    width: 17px;
    font-size: 1.0rem;
    color: #ffffff;
    line-height: 17px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 8px;
    background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	z-index: 302;
}

.skill-count-deck-skill {
    height: 17px;
    width: 17px;
    font-size: 1.0rem;
    color: #ffffff;
    line-height: 17px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    position: relative;
    background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
}

.skill-count-deck-skill-list {
    height: 17px;
    width: 17px;
    font-size: 1.0rem;
    color: #ffffff;
    line-height: 17px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: absolute;
    background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
}

.skill-count.skill-count0 {
	width: 33px!important;
	height: 33px!important;
	top: -4px!important;
    left: 0!important;
    background-position: -136px -280px;
}

.skill-count-deck-skill.skill-count0 {
	width: 33px!important;
	height: 33px!important;
	top: -8px;
	left: -8px;
    background-position: -136px -280px;
}

.skill-count-deck-skill-list.skill-count0 {
	width: 33px!important;
	height: 33px!important;
	top: -7px!important;
    background-position: -136px -280px;
}

.cooldown0 {
	width: 33px!important;
	height: 33px!important;
	/*top: -4px!important;
    left: 0!important;*/
	left: -22%;
	top: -25%;
    background-position: -136px -280px;
}

.e1cooldown0 {
	width: 33px!important;
	height: 33px!important;
	/*top: -4px!important;
    left: 0!important;*/
	left: 289px;
	top: 22px;
    background-position: -136px -280px;
}
.e2cooldown0 {
	width: 33px!important;
	height: 33px!important;
	/*top: -4px!important;
    left: 0!important;*/
	left: 289px;
	top: 97px;
    background-position: -136px -280px;
}

.bcooldown0 {
	width: 33px!important;
	height: 33px!important;
	/*top: -4px!important;
    left: 0!important;*/
	left: 289px;
	top: 18px;
    background-position: -136px -280px;
}

.e3cooldown0 {
	width: 33px!important;
	height: 33px!important;
	/*top: -4px!important;
    left: 0!important;*/
	left: 289px;
	top: 170px;
    background-position: -136px -280px;
}
.cooldown1 { 
	left: -7%;
	top: -12%;
	background-position: -296px -208px; 
	}
.e1cooldown1 { 
	left: 297px;
	top: 31px;
	background-position: -296px -208px; 
	}
.e2cooldown1 { 
	left: 297px;
	top: 106px;
	background-position: -296px -208px; 
	}
.bcooldown1 { 
	left: 297px;
	top: 27px;
	background-position: -296px -208px; 
	}
.e3cooldown1 { 
	left: 297px;
	top: 179px;
	background-position: -296px -208px; 
	}
.cooldown2 { 
	left: -7%;
	top: -12%;
	background-position: -296px -232px; 
	}
.e1cooldown2 { 
	left: 297px;
	top: 31px;
	background-position: -296px -232px; 
	}
.e2cooldown2 { 
	left: 297px;
	top: 106px;
	background-position: -296px -232px; 
	}
.bcooldown2 { 
	left: 297px;
	top: 27px;
	background-position: -296px -232px; 
	}
.e3cooldown2 { 
	left: 297px;
	top: 179px;
	background-position: -296px -232px; 
	}
.cooldown3 { 
	left: -7%;
	top: -12%;
	background-position: -296px -256px; 
	}
.e1cooldown3 { 
	left: 297px;
	top: 31px;
	background-position: -296px -256px; 
	}
.e2cooldown3 { 
	left: 297px;
	top: 106px;
	background-position: -296px -256px; 
	}
.bcooldown3 { 
	left: 297px;
	top: 27px;
	background-position: -296px -256px; 
	}
.e3cooldown3 { 
	left: 297px;
	top: 179px;
	background-position: -296px -256px; 
	}
	
.skill-count1 { background-position: -296px -208px; }
.skill-count2 { background-position: -296px -232px; }
.skill-count3 { background-position: -296px -256px; }

.skill-count-none { 
	height: 17px;
    width: 17px;
    font-size: 1.0rem;
    color: #ffffff;
    line-height: 17px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: absolute;
    -webkit-border-radius: 10px;
    background: rgba(0,0,0,0.2);
}

.skill-count-fix1 {
	top: 1px!important;
	right: 2px!important;
}

/* Battle portal
----------------------------------------------------------------*/
.battle-header {
	padding: 0 37px 0 44px;
	width: 100%;
	height: 40px;
	position: fixed;
	-webkit-box-sizing: border-box;
	border-bottom: #222222 solid 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#656565),color-stop(0.5, #424242),color-stop(0.5, #363636),to(#2d2d2d));
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	z-index: 120;
}

	.battle-header-info {
		line-height: 20px;
		text-align: center;
	}

	.battle-header-mission-info {
		line-height: 36px;
		text-align: center;
	}

		.battle-header-info span,
		.battle-header-mission-info span {
			margin: 0 0 0 4px;
			font-weight: bold;
		}

		.battle-header-info span.lv,
		.battle-header-mission-info span.lv {
			color: #ffd200;
		}

		.battle-header-info span.name,
		.battle-header-mission-info span.name {
			color: #ffffff;
		}

	.battle-team-name {
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
	}

	.battle-limit {
		margin: 2px auto 0;
		width: 130px;
		height: 15px;
		font-size: 1.2rem;
		color: #ff0000;
		line-height: 15px;
		text-align: center;
		-webkit-box-shadow: inset 0px 0px 1px #000000;
		background: #252525;
	}

.battle-area {
	height: 192px;
	position: relative;
	top: 40px;
}

.battle-area2 {
	height: 259px;
	position: relative;
}

.battle-area3 {
	height: 279px;
	position: relative;
	top: 40px;
}

.battle-area4 {
	padding: 18px 0 0;
	height: 192px;
	position: relative;
	-webkit-box-sizing: border-box;
}

.battle-area5 {
	height: 177px;
	position: relative;
	-webkit-box-sizing: border-box;
}

.battle-area6 {
	height: 259px;
	position: relative;
}

.battle-area7 {
	height: 259px;
	position: relative;
}

	.battle-area5:before {
		width: 119px;
		height: 110px;
		content: "";
		display: block;
		position: absolute;
		top: 56px;
		left: 100px;
		background-image: url("Game_Images/battle_backicon.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 119px 110px;
	}
	
	.battle-area-info {
		width: 152px;
		height: 34px;
		position: absolute;
		top: 9px;
		left: 9px;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}

	.battle-area-info2 {
		margin: 9px 0 0 9px;
		width: 135px;
		height: 34px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.battle-area-info-img-shadow {
			width: 34px;
			height: 34px;
			position: absolute;
			top: 2px;
			left: 2px;
			z-index: 53;
		}

			.battle-area-info-img-shadow:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.battle-area-info-img-shadow:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: -2px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.battle-area-info-img {
				width: 34px;
				height: 34px;
				position: absolute;
				top: 2px;
				left: 2px;
				background: #113757;
				z-index: 53;
			}
			
				.battle-area-info-img a {
					width: 34px;
					height: 34px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

				.battle-area-info-img .img-inner {
					width: 34px;
					height: 34px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

		.battle-area-info-img:after {
			width: 19px;
			height: 10px;
			content: "";
			display: block;
			position: absolute;
			top: 32px;
			left: 8px;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -44px -116px;
			-webkit-background-size: 320px 388px;
		}

		.battle-area-info ul {
			margin: 0 0 0 34px;
		}

			.battle-area-info ul li {
				height: 15px;
				font-size: 1.0rem;
				line-height: 15px;
			}

			.battle-area-info ul .lv {
				font-size: 1.0rem;
				color: #ffffff;
			}

				.battle-area-info ul .lv span {
					color: #53a0e0;
					font-weight: bold;
				}

		.battle-portal-gauge {
			width: 152px;
			position: absolute;
			top: 2px;
			right: 0;
		}

			.battle-portal-gauge .battle-portal-gauge-num {
				margin: 0 8px 0 0;
				padding: 2px 6px;
				height: 14px;
				font-size: 1.0rem;
				color: #28dcfa;
				text-align: right;
				float: right;
				display: inline-block;
				-webkit-box-sizing: border-box;
				background: rgba(0,0,0,0.5);
			}
			
			.battle-portal-gauge .battle-portal-gauge-num2 {
				margin: 0 8px 0 0;
				padding: 2px 6px;
				height: 14px;
				font-size: 1.0rem;
				color: #28dcfa;
				text-align: left;
				float: left;
				display: inline-block;
				-webkit-box-sizing: border-box;
				background: rgba(0,0,0,0.5);
			}

		.battle-portal-mission-gauge {
			width: 140px;
			position: absolute;
			top: 43px;
			left: 90px;
		}

			.battle-portal-mission-gauge .battle-portal-gauge-num {
				font-size: 1.2rem;
				color: #28dcfa;
				text-align: right;
			}

		.battle-portal-tip {
			width: 302px;
			height: 70px;
			position: absolute;
			top: 200px;
			left: 9px;
			border: rgba(255,30,0,0.3) solid 2px;
			background: rgba(0,0,0,0.6);
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 0 0 2px #000000;
		}

			.battle-portal-tip-cap {
				margin: 0 3px;
				width: 292px;
				height: 56px;
			}

				.battle-portal-tip-cap dt {
					height: 16px;
					font-size: 1.1rem;
					color: #ff441f;
					line-height: 16px;
				}

				.battle-portal-tip-cap dd {
					height: 40px;
					display: table;
				}

					.battle-portal-tip-cap dd p {
						padding: 0 8px;
						font-size: 1.3rem;
						line-height: 18px;
						display: table-cell;
						vertical-align: middle;
					}

.battle-portal-info {
	display: -webkit-box;
	position: relative;
	top: 40px;
}

.battle-portal-info2 {
	display: -webkit-box;
	position: relative;
}

	.battle-rank-nolink {
		margin: 0 0 0 9px;
		height: 153px;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
	
	.battle-rank-nolink2 {
		margin: 0 0 0 9px;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}

	.battle-rank-shadow,
	.battle-rank-shadow2,
	.battle-rank-shadow3,
	.battle-rank-shadow4,
	.battle-rank-shadow5,
	.battle-rank-shadow6,
	.battle-rank-shadow7,
	.battle-rank-shadow9,
	.battle-rank-shadow12 {
		width: 146px;
		position: relative;
		top: 2px;
		left: 2px;
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}

	.battle-rank-shadow {
		margin: 0 0 0 9px;
		height: 153px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}

	.battle-rank-shadow2 {
		margin: 0 0 6px 8px;
		height: 62px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}

	.battle-rank-shadow3 {
		margin: 0 0 6px 8px;
		height: 62px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}

	.battle-rank-shadow4 {
		margin: 0 0 0 8px;
		height: 60px;
		border-right: none;
		border-bottom: none;
	}

	.battle-rank-shadow5 {
		margin: 0 6px 6px 9px;
		height: 62px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}

	.battle-rank-shadow6 {
		margin: 0 0 6px 2px;
		height: 62px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}
	
	.battle-rank-shadow7 {
		margin: 0 0 6px 8px;
		height: 124px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}
	
	.battle-rank-shadow8 {
		width: 126px;
		height: 47px;
		position: absolute;
		top: 10px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}
	
	.battle-rank-shadow8 {
		width: 126px;
		height: 37px;
		position: absolute;
		top: 10px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}
	
	.battle-rank-shadow9 {
		margin: 0 0 6px 8px;
		height: 83px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}
	
	.battle-rank-shadow10 {
		width: 146px;
		height: 52px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		position: absolute;
		top: 6px;
		left: 8px;
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}
	
	.battle-rank-shadow11 {
		width: 145px;
		height: 35px;
		position: absolute;
		top: 29px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}
	
	.battle-rank-shadow12 {
		margin: 0 0 0 9px;
		height: 198px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	}
	
	.battle-rank-shadow8.team-left { left: 9px; }
	.battle-rank-shadow8.team-right { right: 9px; }
	
	.battle-rank-shadow11.team-left { left: 9px; }
	.battle-rank-shadow11.team-right { right: 9px; }

		.battle-rank-shadow:before,
		.battle-rank-shadow2:before,
		.battle-rank-shadow3:before,
		.battle-rank-shadow5:before,
		.battle-rank-shadow6:before,
		.battle-rank-shadow7:before,
		.battle-rank-shadow8:before,
		.battle-rank-shadow9:before,
		.battle-rank-shadow10:before,
		.battle-rank-shadow11:before,
		.battle-rank-shadow12:before {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			right: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -304px -40px;
			-webkit-background-size: 320px 1550px;
		}

		.battle-rank-shadow:after,
		.battle-rank-shadow2:after,
		.battle-rank-shadow3:after,
		.battle-rank-shadow5:after,
		.battle-rank-shadow6:after,
		.battle-rank-shadow7:after,
		.battle-rank-shadow8:after,
		.battle-rank-shadow9:after,
		.battle-rank-shadow10:after,
		.battle-rank-shadow11:after,
		.battle-rank-shadow12:after {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -2px;
			left: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -312px -40px;
			-webkit-background-size: 320px 1550px;
		}

		.battle-rank1,
		.battle-rank2,
		.battle-rank3,
		.battle-rank4,
		.battle-rank5,
		.battle-rank9,
		.battle-rank10,
		.battle-rank12 {
			width: 146px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.5);
		}
		
		.battle-rank8 {
			width: 128px;
			height: 49px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.8);
		}
		
		.battle-rank11 {
			width: 148px;
			height: 37px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.8);
		}

		.battle-rank1 { height: 153px; }
		.battle-rank2 { height: 62px; }
		.battle-rank3 { height: 58px; }
		.battle-rank4 { height: 60px; }
		.battle-rank5 { height: 124px; }
		.battle-rank9 { height: 83px; }
		.battle-rank10 { height: 52px; }
		.battle-rank12 { height: 198px; }

			.battle-title-block-nolink {
				padding: 0 0 0 2px;
				height: 13px;
				font-size: 1.0rem;
				color: #747474;
				line-height: 12px;
				font-weight: bold;
				-webkit-box-sizing: border-box;
			}

			.battle-title-block {
				height: 13px;
				display: -webkit-box;
				background: rgba(0,0,0,0.2);
			}
			
			.battle-title-block2 {
				padding: 0 5px;
				width: 124px;
				height: 13px;
				font-size: 1.0rem;
				color: #747474;
				line-height: 12px;
				font-weight: bold;
				-webkit-box-sizing: border-box;
				background: rgba(0,0,0,0.2);
			}
			
				.battle-title-block2 span {
					margin: 0 0 0 5px;
					font-weight: bold;
				}

				.battle-title-block .left,
				.battle-title-block .right {
					height: 13px;
					font-size: 1.0rem;
					color: #747474;
					line-height: 12px;
					-webkit-box-sizing: border-box;
				}

				.battle-title-block .left {
					padding: 0 0 0 4px;
					width: 100px;
					font-weight: bold;
				}

				.battle-title-block .right {
					padding: 0 10px 0 0;
					width: 44px;
					text-align: right;
					position: relative;
				}

					.battle-title-block .right:after,
					.battle-title-block2:after {
						width: 9px;
						height: 9px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						right: 0;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -232px -24px;
						-webkit-background-size: 320px 1550px;
					}

		.battle-rank-area {
			background-image: url("Game_Images/battle_rank_bg.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 118px 47px;
		}

		.battle-rank-block {
			padding: 3px 5px 0;
			width: 145px;
			height: 46px;
			position: relative;
			display: -webkit-box;
			-webkit-box-sizing: border-box;
			border-top: rgba(46,46,46,0.3) solid 1px;
			border-bottom: rgba(21,21,21,0.3) solid 1px;
			overflow: hidden;
		}
		
		.battle-rank-block-current {
			background: #052139;
		}

		.battle-rank-block:nth-of-type(1) {
			border-top: none;
		}

		.battle-rank-block:nth-last-of-type(1) {
			border-bottom: none;
		}

		.battle-rank-block-title {
			width: 31px;
			font-size: 1.2rem;
			color: #ffffff;
			font-weight: bold;
		}
		
		.battle-rank-block-current .battle-rank-block-title {
			width: 31px;
			font-size: 1.2rem;
			color: #007eea;
			font-weight: bold;
		}

		.battle-rank-block-infor,
		.battle-rank-block-infoy {
			width: 104px;
			font-size: 1.2rem;
			position: relative;
			left: 8px;
		}

		.battle-rank-block-infor {
			color: #ff2a00;
		}

		.battle-rank-block-infoy {
			color: #eba700;
		}

			.battle-rank-block-infor li,
			.battle-rank-block-infoy li {
				margin: 0 0 2px;
			}

			.battle-rank-block-infor .gauge,
			.battle-rank-block-infoy .gauge {
				width: 102px;
				height: 6px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: 0 -600px;
				-webkit-background-size: 320px 1550px;
			}

				.battle-rank-block-infor .gauge .gauge2 {
					height: 6px;
					-webkit-box-sizing: border-box;
					background-image: url("Game_Images/sprite_line.png");
					background-repeat: repeat-x;
					background-position: 0 -472px;
					-webkit-background-size: 100% 1550px;
				}

				.battle-rank-block-infoy .gauge .gauge2 {
					height: 6px;
					-webkit-box-sizing: border-box;
					background-image: url("Game_Images/sprite_line.png");
					background-repeat: repeat-x;
					background-position: 0 -480px;
					-webkit-background-size: 100% 1550px;
				}
			
			.battle-rank-salvo-block {
				width: 27px;
				height: 27px;
				display: table;
				position: absolute;
				top: 8px;
				left: 2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -88px -336px;
				-webkit-background-size: 320px 1550px;
			}
			
				.battle-rank-salvo-block p {
					font-size: 0.8rem;
					color: #cc8b00;
					line-height: 10px;
					font-weight: bold;
					text-align: center;
					vertical-align: middle;
					display: table-cell;
				}
				
			.battle-rank-boss-block {
				width: 27px;
				height: 27px;
				display: table;
				position: absolute;
				top: 8px;
				left: 2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -152px -320px;
				-webkit-background-size: 320px 1550px;
			}
			
				.battle-rank-boss-block img {
					position: absolute;
					bottom: 1px;
					left: 1px;
				}
			
			.battle-rank-user-score-block1,
			.battle-rank-user-score-block2 {
				width: 16px;
				height: 16px;
				position: absolute;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
				z-index: 14;
			}
			
			.battle-rank-user-score-block1 {
				background-position: -136px -336px;
			}
			
			.battle-rank-user-score-block2 {
				background-position: -136px -352px;
			}
			
			.battle-rank-user-score-block1.battle-rank-fix {
				left: 35px!important;
				top: 14px!important;
			}
			
			.battle-rank-user-score-block2.battle-rank-fix {
				right: 0!important;
				top: 14px!important;
			}
			
			.battle-rank-user-score-left {
				width: 40px;
				height: 10px;
				font-size: 1.0rem;
				color: #eba700;
				line-height: 10px;
				position: absolute;
				top: 32px;
				left: 35px;
			}
			
			.battle-rank-user-score-right {
				width: 40px;
				height: 10px;
				font-size: 1.0rem;
				color: #ff2a00;
				line-height: 10px;
				text-align: right;
				position: absolute;
				top: 32px;
				right: 0;
			}
			
			.battle-rank-block-info-gauge {
				width: 68px;
				height: 6px;
				position: absolute;
				top: 19px;
				left: 51px;
			}
			
				.battle-rank-block-info-gauge .red-gauge {
					height: 6px;
					position: absolute;
					top: 0;
					left: 0;
					-webkit-box-sizing: border-box;
					background-image: url("Game_Images/sprite_line.png");
					background-repeat: repeat-x;
					background-position: 0 -472px;
					-webkit-background-size: 100% 1550px;
				}

				.battle-rank-block-info-gauge .yellow-gauge {
					height: 6px;
					position: absolute;
					top: 0;
					left: 0;
					-webkit-box-sizing: border-box;
					background-image: url("Game_Images/sprite_line.png");
					background-repeat: repeat-x;
					background-position: 0 -480px;
					-webkit-background-size: 100% 1550px;
				}
			
			.battle-reward-block {
				height: 48px;
				display: -webkit-box;
				background-image: url("Game_Images/battle_rank_bg.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 118px 47px;
			}

			.battle-score-num-block {
				width: 145px;
				height: 34px;
				display: -webkit-box;
				position: relative;
				background-image: url("Game_Images/battle_rank_bg.png");
				background-repeat: no-repeat;
				background-position: left top;
				-webkit-background-size: 118px 47px;
			}
			
			.battle-score-num-block:before {
				width: 9px;
				height: 9px;
				content: "";
				display: block;
				position: absolute;
				top: 1px;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -232px -24px;
				-webkit-background-size: 320px 1550px;
			}
			
				.battle-score-active-icon-area {
					padding: 2px 0 0 2px;
					width: 30px;
					height: 34px;
					-webkit-box-sizing: border-box;
				}
				
					.battle-score-active-icon {
						padding: 21px 0 0;
						width: 28px;
						height: 31px;
						font-size: 0.8rem;
						line-height: 8px;
						font-weight: bold;
						text-align: center;
						position: relative;
						-webkit-box-sizing: border-box;
						border: #000000 solid 1px;
						background: #191919;
					}
					
					.battle-score-active-icon.active { color: #74d328; }
					.battle-score-active-icon.noactive { color: #989797; }
					
					.battle-score-active-icon.active:before,
					.battle-score-active-icon.noactive:before {
						width: 19px;
						height: 29px;
						content: "";
						display: block;
						position: absolute;
						top: -4px;
						left: 4px;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}
					
					.battle-score-active-icon.active:before { background-position: -96px -236px; }
					.battle-score-active-icon.noactive:before { background-position: -136px -236px; }
			
				.battle-score-num-block1,
				.battle-score-num-block2 {
					padding: 2px 0 2px 4px;
					width: 94px;
					height: 34px;
					font-weight: bold;
					position: relative;
					-webkit-box-sizing: border-box;
				}
			
				.battle-score-num-block1 p.upper {
					font-size: 1.2rem;
					color: #ffb500;
					line-height: 15px;
					font-weight: bold;
				}
				
				.battle-score-num-block2 p.upper {
					font-size: 1.2rem;
					color: #e64700;
					line-height: 15px;
					font-weight: bold;
				}
				
				.battle-score-num-block1 p.ponly {
					font-size: 1.2rem;
					color: #ffb500;
					line-height: 30px;
					font-weight: bold;
				}
				
				.battle-score-num-block2 p.ponly {
					font-size: 1.2rem;
					color: #e64700;
					line-height: 30px;
					font-weight: bold;
				}
				
				.battle-score-num-block1 p.lower,
				.battle-score-num-block2 p.lower {
					font-size: 1.1rem;
					color: #7c7c7c;
					line-height: 15px;
				}
			
				.battle-score-num-block1:before,
				.battle-score-num-block2:before {
					content: "";
					display: block;
					position: absolute;
					bottom: -11px;
					border-top: 7px solid rgba(0,0,0,0.5);
					border-left: 5px solid transparent;
					border-right: 5px solid transparent;
				}
			
				.battle-score-num-block1:before { left: 19px; }
				.battle-score-num-block2:before { right: 46px; }

				.battle-score-dot-icon {
					background-image: url("Game_Images/symbol_pt.png");
					width: 23px;
					height: 23px;
					position: relative;
					top: 6px;
					left: 1px;
					-webkit-background-size: 23px 23px;
					z-index: 2;
				}

			.battle-point-block {
				padding: 4px 0 0;
				height: 48px;
				background-image: url("Game_Images/battle_rank_bg.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 118px 47px;
				-webkit-box-sizing: border-box;
			}
			
			.battle-point-block2 {
				padding: 2px 0 0;
				height: 48px;
				background-image: url("Game_Images/battle_rank_bg.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 118px 47px;
				-webkit-box-sizing: border-box;
			}

				.battle-reward-block-img {
					padding: 5px 3px 0 5px;
					width: 52px;
					height: 45px;
					-webkit-box-sizing: border-box;
				}
				
				.battle-reward-block-img2 {
					padding: 5px 0 0 5px;
					width: 50px;
					height: 45px;
					-webkit-box-sizing: border-box;
				}

				.battle-reward-info {
					margin: 4px 10px 0 0;
					-webkit-box-flex: 1;
				}

				.battle-reward-info2 {
					margin: 7px 10px 0 0;
					-webkit-box-flex: 1;
				}
				
				.battle-reward-info3 {
					height: 48px;
					width: 92px;
					display: table;
				}
				
					.battle-reward-info3 p {
						padding: 0 10px 0 0;
						font-size: 1.3rem;
						color: #ffffff;
						line-height: 18px;
						font-weight: bold;
						display: table-cell;
						vertical-align: middle;
					}
					
						.battle-reward-info3 p span {
							color: #ffffff;
							font-weight: bold;
						}

					.battle-reward-name {
						width: 90px;
						font-size: 1.2rem;
						color: #ffffff;
						font-weight: bold;
					}

					.battle-reward-num {
						font-size: 1.3rem;
						line-height: 32px;
						text-align: right;
					}

						.battle-reward-num span {
							color: #ffffff;
							font-weight: bold;
						}
						
					.battle-reward-num2 {
						font-size: 1.3rem;
						line-height: 38px;
						text-align: right;
						position: absolute;
						bottom: -11px;
						right: 8px;
					}

						.battle-reward-num2 span {
							color: #ffffff;
							font-weight: bold;
						}
						
					.battle-reward-text {
						width: 98px;
						height: 20px;
						font-size: 0.8rem;
						color: #ff0000;
						line-height: 20px;
						text-align: center;
						position: absolute;
						bottom: 2px;
						left: 45px;
						-webkit-border-radius: 2px;
						background: #2a0000;
					}
					
						.battle-reward-text span {
							font-weight: bold;
							color: #ffd200;
						}

					.battle-reward-id,
					.battle-reward-pt,
					.battle-reward-limit {
						font-size: 1.1rem;
						line-height: 18px;
						text-align: right;
					}

					.battle-reward-id span,
					.battle-reward-pt span {
						font-weight: bold;
					}


					.battle-reward-limit {
						color: #ff0000;
					}

				.battle-rank-point {
					height: 20px;
					display: -webkit-box;
				}

					.battle-rank-point dt {
						padding: 0 0 0 9px;
						width: 65px;
						height: 20px;
						font-size: 1.3rem;
						color: #747474;
						line-height: 20px;
						font-weight: bold;
						-webkit-box-sizing: border-box;
					}

					.battle-rank-point dd {
						height: 20px;
						font-size: 1.3rem;
						color: #ffffff;
						line-height: 20px;
						font-weight: bold;
					}
					
				.battle-rank-point2 {
					height: 14px;
					display: -webkit-box;
				}

					.battle-rank-point2 dt {
						padding: 0 0 0 9px;
						width: 65px;
						height: 14px;
						font-size: 1.3rem;
						color: #747474;
						line-height: 14px;
						font-weight: bold;
						-webkit-box-sizing: border-box;
					}

					.battle-rank-point2 dd {
						height: 14px;
						font-size: 1.3rem;
						color: #ffffff;
						line-height: 14px;
						font-weight: bold;
					}
					
				.battle-rank-time-limit {
					margin: 0 auto 1px;
					width: 94px;
					height: 13px;
					font-size: 1.0rem;
					color: #ff0000;
					line-height: 12px;
					font-weight: bold;
					text-align: center;
					-webkit-border-radius: 2px;
					-webkit-box-shadow: inset 0 0 1px #1b1b1b;
					border: #343434 solid 1px;
					background: #252525;
				}
				
			.battle-user-info-block {
				height: 39px;
				display: -webkit-box;
				position: relative;
				background-image: url("Game_Images/battle_rank_bg.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 118px 47px;
			}
			
				.battle-user-info-cap {
					margin: 0 0 0 42px;
					padding: 2px 0;
					width: 104px;
					height: 34px;
				}
				
					.battle-user-info-cap-name {
						font-size: 1.0rem;
						color: #ffffff;
						line-height: 14px;
					}
					
					.battle-user-info-cap-damage {
						font-size: 1.0rem;
						color: #ff0000;
						line-height: 14px;
					}

					.battle-info-cap-salvo {
						font-size: 1.0rem;
						color: #00EBFF;
						line-height: 14px;
					}

	.battle-edge-area {
		margin: 4px 0 0 8px;
		width: 148px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
	}

		.battle-edge-area ul {
			padding: 4px;
			width: 73px;
			-webkit-box-sizing: border-box;
		}

			.battle-edge-area ul .battle-edge-name {
				margin: 0 0 4px;
				font-size: 1.2rem;
				text-align: center;
			}

				.battle-edge-area ul .battle-edge-name a.mbgaui-widget-anchors {
					color: #b07800;
				}

				.battle-edge-area ul .battle-edge-name a.mbgaui-active {
					color: #795916;
				}

			.battle-edge-area ul .battle-edge-num {
				margin: 0 0 4px;
				font-size: 1.2rem;
				color: #ffd200;
				text-align: center;
				font-weight: bold;
			}

			.battle-edge-area ul .battle-edge-time {
				margin: 0 auto;
				width: 55px;
				height: 19px;
				font-size: 1.2rem;
				color: #a80000;
				line-height: 19px;
				text-align: center;
				-webkit-box-sizing: border-box;
				border: #36312f solid 1px;
				background: #e9d4b2;
			}

	.battle-comment-area {
		margin: 4px 0 0 8px;
		padding: 4px;
		width: 150px;
		height: 121px;
		position: relative;
		-webkit-box-sizing: border-box;
		-webkit-border-radius: 6px;
		background: rgba(0,0,0,0.6);
		z-index: 100;
	}

	.battle-comment-area:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -7px;
		right: 18px;
		border-top: 7px solid rgba(0,0,0,0.5);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

		.battle-comment-area-title {
			height: 13px;
			font-size: 1.0rem;
			color: #747474;
			line-height: 12px;
			font-weight: bold;
		}
		
		.battle-comment-wrap {
			padding: 4px 0 0;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/battle_rank_bg.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 118px 47px;
		}
		
			.battle-comment-wrap-block {
				margin: 0 0 4px;
				padding: 0 4px;
				height: 48px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
		.battle-comment-wrap-nocomment {
			width: 145px;
			height: 109px;
			display: table;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/battle_rank_bg.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 118px 47px;
		}
		
			.battle-comment-wrap-nocomment p {
				font-size: 1.2rem;
				color: #747474;
				line-height: 18px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
		.battle-comment-wrap-nocomment2 {
			width: 146px;
			height: 46px;
			display: table;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.battle-comment-wrap-nocomment2 p {
				font-size: 1.2rem;
				color: #747474;
				line-height: 18px;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}

		.battle-comment-block {
			margin: 0 0 2px;
			height: 48px;
			position: relative;
			background-image: url("Game_Images/battle_rank_bg.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 118px 47px;
		}

		.battle-enemy-icon1 {
			width: 16px;
			height: 16px;
			position: absolute;
			top: 2px;
			left: 30px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -136px -336px;
			-webkit-background-size: 320px 1550px;
			z-index: 60;
		}
		
		.battle-enemy-icon2 {
			width: 16px;
			height: 16px;
			position: absolute;
			top: 2px;
			left: 30px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -136px -352px;
			-webkit-background-size: 320px 1550px;
		}

		.battle-area-comment-img-shadow,
		.battle-area-comment-img-shadow2 {
			width: 34px;
			height: 34px;
			position: absolute;
			z-index: 53;
		}

		.battle-area-comment-img-shadow {
			top: 0;
			left: 3px;
		}

		.battle-area-comment-img-shadow2 {
			top: 3px;
			left: 6px;
		}

			.battle-area-comment-img-shadow:before,
			.battle-area-comment-img-shadow2:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.battle-area-comment-img-shadow:after,
			.battle-area-comment-img-shadow2:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: -2px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.battle-area-comment-img {
				width: 34px;
				height: 34px;
				position: absolute;
				top: 2px;
				left: 2px;
				background: #113757;
				z-index: 53;
			}

				.battle-area-comment-img a {
					width: 34px;
					height: 34px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

		.battle-area-comment-img:after {
			width: 19px;
			height: 10px;
			content: "";
			display: block;
			position: absolute;
			top: 32px;
			left: 8px;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -44px -116px;
			-webkit-background-size: 320px 388px;
		}

		.battle-comment {
		    height: 30px;
			margin: 0 4px 0 45px;
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 14px;
		    overflow: hidden;
		    word-break: break-all;
		}

		.battle-no-comment-wrap {
			width: 144px;
		    height: 48px;
		    overflow: hidden;
		    display: table;
		    word-break: break-all;
		}

			.battle-no-comment {
				width: 144px;
				height: 46px;
				font-size: 1.1rem;
				color: #ffffff;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}

		.battle-comment-name {
			margin: 0 0 0 45px;
			padding: 0 8px 0 0;
			width: 99px;
			font-size: 1.1rem;
			color: #8ed6ec;
			line-height: 15px;
			text-align: right;
			position: absolute;
			bottom: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			background: -webkit-gradient(linear, left top, right top, from(rgba(8,34,56,0)),color-stop(0.3, #082238),to(#082238));
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.battle-result-name {
			margin: 0 0 0 45px;
			padding: 0 4px;
			width: 92px;
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 15px;
			-webkit-box-sizing: border-box;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.battle-result-cap {
			margin: 0 0 0 45px;
			padding: 0 2px 0 4px;
			width: 92px;
			height: 15px;
			font-size: 1.0rem;
			color: #0065bb;
			line-height: 15px;
			font-weight: bold;
			-webkit-box-sizing: border-box;
			overflow: hidden;
			-webkit-border-radius: 3px;
			background: rgba(0,0,0,0.8);
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.battle-result-hour {
			margin: 0 0 0 45px;
			padding: 0 4px;
			width: 92px;
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 15px;
			-webkit-box-sizing: border-box;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	.battle-score-area {
		width: 320px;
		height: 147px;
		display: -webkit-box;
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	.battle-score-area2 {
		width: 320px;
		height: 147px;
		display: -webkit-box;
		position: absolute;
		top: 20px;
		left: 0;
	}

		.battle-score-group {
			width: 160px;
			height: 147px;
			position: relative;
			z-index: 12;
		}
		
		.battle-score-team-name-left {
			width: 48px;
			height: 22px;
			font-size: 1.0rem;
			color: #4e4e4e;
			line-height: 22px;
			font-weight: bold;
			text-align: right;
			position: absolute;
			top: 72px;
			left: 0;
		}
		
		.battle-score-team-name-right {
			width: 50px;
			height: 22px;
			font-size: 1.0rem;
			color: #4e4e4e;
			line-height: 22px;
			font-weight: bold;
			position: absolute;
			top: 72px;
			right: 0;
		}
		
		.battle-score-mvp-block {
			width: 120px;
			height: 25px;
			display: -webkit-box;
			position: absolute;
			top: -1px;
		}
		
		.battle-score-mvp-block-left {
			left: 9px;
			background: -webkit-gradient(linear,left top,right top,from(rgba(8,34,56,1.0)),color-stop(0.9,rgba(8,34,56,1.0)),to(rgba(8,34,56,0)));
		}
		
			.battle-score-mvp-block-left .left {
				width: 25px;
				height: 25px;
				position: relative;
			}
			
				.battle-score-mvp-block-left .left.mvp:before {
					width: 19px;
					height: 8px;
					content: "";
					display: block;
					position: absolute;
					top: -3px;
					left: 1px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -184px -152px;
					-webkit-background-size: 320px 1550px;
					z-index: 54;
				}
			
			.battle-score-mvp-block-left .right {
				width: 95px;
				height: 25px;
				position: relative;
			}
			
				.battle-score-mvp-block-left-name {
					font-size: 0.9rem;
					color: #519fe1;
					line-height: 13px;
					font-weight: bold;
				}
				
				.battle-score-mvp-block-left-num {
					font-size: 0.8rem;
					color: #eba700;
					line-height: 12px;
				}
		
		.battle-score-mvp-block-right {
			right: 9px;
			background: -webkit-gradient(linear,right top,left top,from(rgba(8,34,56,1.0)),color-stop(0.9,rgba(8,34,56,1.0)),to(rgba(8,34,56,0)));
		}
		
			.battle-score-mvp-block-right .left {
				width: 95px;
				height: 25px;
				position: relative;
			}
			
				.battle-score-mvp-block-right-name {
					font-size: 0.9rem;
					color: #519fe1;
					line-height: 13px;
					font-weight: bold;
					text-align: right
				}
				
				.battle-score-mvp-block-right-num {
					font-size: 0.8rem;
					color: #ff2a00;
					line-height: 12px;
					text-align: right
				}
			
			.battle-score-mvp-block-right .right {
				width: 25px;
				height: 25px;
				position: relative;
			}
			
				.battle-score-mvp-block-right .right.mvp:before {
					width: 19px;
					height: 8px;
					content: "";
					display: block;
					position: absolute;
					top: -3px;
					right: 1px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -184px -152px;
					-webkit-background-size: 320px 1550px;
					z-index: 54;
				}
		
				.battle-score-user-img-shadow {
					width: 21px;
					height: 21px;
					position: absolute;
				}
				
				.battle-score-user-img-shadow.left-fix {
					top: 6px;
					left: 0;
				}
				
				.battle-score-user-img-shadow.right-fix {
					top: 6px;
					right: 0;
				}

					.battle-score-user-img-shadow:before {
						width: 2px;
						height: 2px;
						content: "";
						display: block;
						position: absolute;
						top: -4px;
						right: -2px;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -304px -48px;
						-webkit-background-size: 320px 1550px;
					}

					.battle-score-user-img-shadow:after {
						width: 2px;
						height: 2px;
						content: "";
						display: block;
						position: absolute;
						bottom: 2px;
						left: 0;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -312px -48px;
						-webkit-background-size: 320px 1550px;
					}

				.battle-score-user-img {
					width: 21px;
					height: 21px;
					position: relative;
					top: -2px;
					left: 2px;
					background: #113757;
					z-index: 53;
				}

						.battle-score-user-img a {
							width: 21px;
							height: 21px;
							display: block;
							position: absolute;
							top: -2px;
							left: -2px;
							-webkit-box-sizing: border-box;
							border: #2b5c85 solid 2px;
						}
		
			.battle-score-salvo-left-block {
				padding: 7px 0 0;
				width: 128px;
				height: 47px;
				position: absolute;
				top: 98px;
				left: 3px;
				-webkit-box-sizing: border-box;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 128px 47px;
			}
			
			.battle-score-salvo-left-block.on { background-image: url("../i/event_common/boost_3_1.png"); }
			.battle-score-salvo-left-block.off { background-image: url("../i/event_common/boost_3_2.png"); }
		
		.battle-score-salvo-left-upper {
			margin: 0 0 2px;
			padding: 2px 0 0;
			width: 125px;
			height: 24px;
			display: -webkit-box;
		}
		
			.on .battle-score-salvo-left-upper li.left {
				padding: 0 20px 0 0;
				width: 62px;
				height: 24px;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
				.on .battle-score-salvo-left-upper li.left .top {
					font-size: 0.9rem;
					color: #592400;
					line-height: 10px;
					font-weight: bold;
				}
				
				.on .battle-score-salvo-left-upper li.left .bottom {
					font-size: 1.2rem;
					color: #a13100;
					line-height: 12px;
					font-weight: bold;
				}
			
				.on .battle-score-salvo-left-upper li.left:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 3px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.on .battle-score-salvo-left-upper li.left:before { background-position: -64px -312px; }
		
		.on .battle-score-salvo-left-upper li.right {
			width: 63px;
			height: 24px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.on .battle-score-salvo-left-upper li.right .top {
				font-size: 0.9rem;
				color: #592400;
				line-height: 10px;
				font-weight: bold;
			}
			
			.on .battle-score-salvo-left-upper li.right .bottom {
				font-size: 1.2rem;
				color: #ff4e00;
				line-height: 12px;
				font-weight: bold;
			}
		
		.on .battle-score-salvo-left-lower {
			margin: 0 auto;
			width: 77px;
			height: 10px;
			font-size: 0.9rem;
			color: #fffd00;
			line-height: 10px;
			font-weight: bold;
			text-align: center;
		}
		
			.off .battle-score-salvo-left-upper li.left {
				padding: 0 20px 0 0;
				width: 62px;
				height: 24px;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
				.off .battle-score-salvo-left-upper li.left .top {
					font-size: 0.9rem;
					color: #939393;
					line-height: 10px;
					font-weight: bold;
				}
				
				.off .battle-score-salvo-left-upper li.left .bottom {
					font-size: 1.2rem;
					color: #33aed0;
					line-height: 12px;
					font-weight: bold;
				}
			
				.off .battle-score-salvo-left-upper li.left:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 3px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.off .battle-score-salvo-left-upper li.left:before { background-position: -88px -312px; }
		
		.off .battle-score-salvo-left-upper li.right {
			width: 63px;
			height: 24px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.off .battle-score-salvo-left-upper li.right .top {
				font-size: 0.9rem;
				color: #939393;
				line-height: 10px;
				font-weight: bold;
			}
			
			.off .battle-score-salvo-left-upper li.right .bottom {
				font-size: 1.2rem;
				color: #33aed0;
				line-height: 12px;
				font-weight: bold;
			}
		
		.off .battle-score-salvo-left-lower {
			margin: 0 auto;
			width: 77px;
			height: 10px;
			font-size: 0.9rem;
			color: #888888;
			line-height: 10px;
			font-weight: bold;
			text-align: center;
		}
		
		.battle-score-salvo-right-block {
			width: 38px;
			height: 47px;
			display: table;
			position: absolute;
			top: 98px;
			left: 70px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}
		
		.battle-score-salvo-right-block.on { background-position: -272px -320px; }
		.battle-score-salvo-right-block.off { background-position: -272px -376px; }

			.battle-score-salvo-right-block p {
				padding: 5px 0 0;
				font-size: 0.9rem;
				line-height: 12px;
				text-align: center;
				font-weight: bold;
				vertical-align: middle;
				display: table-cell;
			}
		
			.battle-score-salvo-right-block.on p { color: #a13100; }
			.battle-score-salvo-right-block.off p { color: #696969; }

			.battle-score-block1,
			.battle-score-block2 {
				width: 23px;
				height: 23px;
				position: absolute;
				top: 74px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}
			
			.battle-score-block1 {
				left: 52px;
				background-position: -96px -552px;
			}
			
			.battle-score-block2 {
				right: 52px;
				background-position: -120px -552px;
			}
			
			.battle-score-name1,
			.battle-score-name2 {
				width: 114px;
				font-size: 1.2rem;
				line-height: 16px;
				text-align: center;
				position: absolute;
				top: 102px;
			}
			
				.battle-score-name1 span,
				.battle-score-name2 span {
					font-weight: bold;
				}
			
			.battle-score-name1 {
				color: #eba700;
				left: 0;
			}
			
			.battle-score-name2 {
				color: #e64700;
				right: 0;
			}
			
	.battle-score-win,
	.battle-score-lose {
		margin: 8px auto 0;
		width: 228px;
		height: 28px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
	}

	.battle-score-win {
		background-position: 0 -906px;
	}

	.battle-score-lose {
		background-position: 0 -912px;
	}
	
	.battle-combo-num {
		color: #ffffff!important;
		font-weight: bold!important;
	}
	
	.battle-combo-area {
		padding: 4px 0 0;
		background-image: url("Game_Images/battle_rank_bg.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 118px 47px;
	}
	
		.battle-combo-limit {
			margin: 1px auto 0;
			width: 51px;
			height: 17px;
			font-size: 1.2rem;
			color: #ff0000;
			line-height: 15px;
			text-align: center;
			-webkit-box-sizing: border-box;
			-webkit-border-radius: 2px;
			border: #0c0603 solid 1px;
			background: #252525;
		}
		
		.battle-combo-block {
			margin: 0 2px;
			width: 144px;
			height: 27px;
			display: -webkit-box;
		}
		
				.battle-combo-block-combo {
					width: 62px;
					height: 27px;
					position: relative;
				}
				
					.battle-combo-block-combo:before {
						width: 23px;
						height: 21px;
						content: "";
						display: block;
						position: absolute;
						top: 3px;
						right: -20px;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -96px -576px;
						-webkit-background-size: 320px 1550px;
					}
					
					.battle-combo-block-combo-cap {
						width: 62px;
						height: 10px;
						font-size: 1.0rem;
						color: #c87100;
						line-height: 9px;
						text-align: center;
					}
					
					.battle-combo-block-combo-num {
						width: 62px;
						height: 13px;
						font-size: 1.2rem;
						color: #ffae00;
						line-height: 13px;
						font-weight: bold;
						text-align: center;
					}
						
				.battle-combo-block-edge {
					padding: 0 0 0 20px;
					width: 82px;
					height: 27px;
					position: relative;
					-webkit-box-sizing: border-box;
				}
				
					.battle-combo-block-edge-cap {
						width: 62px;
						height: 10px;
						font-size: 0.9rem;
						color: #a20000;
						line-height: 9px;
						text-align: center;
					}
					
					.battle-combo-block-edge-num {
						width: 62px;
						height: 13px;
						font-size: 1.2rem;
						color: #ff0000;
						line-height: 13px;
						font-weight: bold;
						text-align: center;
					}

	.battle-area-combo-info {
		margin: 0 4px;
		width: 134px;
		height: 32px;
		position: absolute;
		top: 48px;
		left: 2px;
		border: rgba(17,55,87,0.5) solid 2px;
		background: rgba(11,27,40,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}

		.battle-area-combo-info-img-shadow {
			width: 34px;
			height: 34px;
			position: absolute;
			top: -6px;
			left: -5px;
			z-index: 53;
		}

			.battle-area-combo-info-img-shadow:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: -2px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.battle-area-combo-info-img-shadow:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: -2px;
				left: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.battle-area-combo-info-img {
				width: 34px;
				height: 34px;
				position: absolute;
				top: 2px;
				left: 2px;
				background: #113757;
				z-index: 53;
			}

				.battle-area-combo-info-img a {
					width: 34px;
					height: 34px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

		.battle-area-combo-info ul {
			margin: 0 0 0 34px;
		}

			.battle-area-combo-info ul li {
				height: 13px;
				line-height: 13px;
			}

			.battle-area-combo-info ul .lv {
				font-size: 0.8rem;
				color: #68b2ef;
			}
				
			.battle-area-combo-info ul .name {
				font-size: 1.1rem;
				color: #00b4ff;
			}

/* Reward list title
----------------------------------------------------------------*/
.reward-list-invite-title {
	padding: 0 0 0 34px;
	height: 34px;
	font-size: 1.8rem;
	color: #e15800;
	line-height: 32px;
	font-weight: bold;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border-bottom: #1a0c0c solid 2px;
	background: #281510;
}

	.reward-list-invite-title:before {
		width: 14px;
		height: 16px;
		content: "";
		display: block;
		position: absolute;
		top: 8px;
		left: 16px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
	}

	.reward-list-invite-title.help:before { background-position: -80px -344px; }
	.reward-list-invite-title.reward:before { background-position: -80px -360px; }

.reward-list-title {
	height: 30px;
	font-size: 1.6rem;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border-bottom: #2a1a1a solid 2px;
	background: #3e2a24;
}

	.reward-list-title span { color: #ffd200; }

	.reward-list-body > div.list-block:nth-last-of-type(1) {
		background: none;
	}

.reward-list-win-num-wrap {
	width: 320px;
	height: 37px;
	border-bottom: #543f38 solid 1px;
	-webkit-box-sizing: border-box;
}

.reward-list-win-num {
	width: 320px;
	height: 35px;
	display: table;
	border-bottom: #32221d solid 1px;
	background: #3e2a24;
}

	.reward-list-win-num p {
		padding: 0 9px;
		font-size: 1.4rem;
		line-height: 18px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
		.reward-list-win-num p span {
			color: #ffd200;
			font-weight: bold;
		}

/* Collection
----------------------------------------------------------------*/
.collection-header,
.collection-header2 {
	height: 48px;
	display: -webkit-box;
}

	.collection-header .left-side {
		padding: 13px 0 0 9px;
		width: 160px;
		-webkit-box-sizing: border-box;
	}

	.collection-header .right-side {
		padding: 17px 0 0 54px;
		width: 160px;
		-webkit-box-sizing: border-box;
	}

	.collection-header2 .left-side {
		padding: 13px 0 0 9px;
		width: 110px;
		-webkit-box-sizing: border-box;
	}
	
	.collection-header2 .center-side {
		padding: 13px 0 0 0;
		width: 110px;
		-webkit-box-sizing: border-box;
	}

	.collection-header2 .right-side {
		padding: 17px 0 0 0px;
		width: 100px;
		-webkit-box-sizing: border-box;
	}

		.collection-header .right-side .collection-num,
		.collection-header2 .right-side .collection-num {
			width: 90px;
			height: 22px;
			color: #9a9a9a;
			line-height: 22px;
			text-align: right;
		}

			.collection-header .right-side .collection-num span,
			.collection-header2 .right-side .collection-num span {
				color: #ffffff;
				font-weight: bold;
			}

.collection-body {
	margin: 0 9px;
	padding: 20px 0 0 20px;
	width: 302px;
	height: 341px;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
	border: rgba(255,255,255,0.1) solid 1px;
	background: #24221f;
}

	.collection-body .img-block {
		margin: 0 16px 7px 0;
		width: 53px;
		height: 56px;
		float: left;
	}

.collection-popup-upper,
.collection-popup-lower {
	width: 302px;
	height: 186px;
	position: absolute;
	background: rgba(255,255,255,0.8);
	z-index: 4;
}

.collection-popup-upper {
	top: -41px;
	left: -1px;
}

.collection-popup-lower {
	top: 145px;
	left: -1px;
}

	.collection-popup-filter {
		width: 100%;
		height: 100%;
		position: relative;
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	}

		.collection-popup-title {
			margin: 0 32px 0 8px;
			padding: 8px 0 0;
			height: 20px;
			-webkit-box-sizing: border-box;
		}

			.collection-popup-title p {
				color: #3e2a24;
				line-height: 20px;
				font-family: DotFont;
				font-weight: bold;
				text-align: right;
			}
		
		.collection-popup-close {
			width: 20px;
			height: 20px;
			position: absolute;
			top: 6px;
			right: 6px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -264px -24px;
			-webkit-background-size: 320px 1550px;
			z-index: 2;
		}
		
		.collection-popup-icon {
			display: -webkit-box;
			-webkit-box-pack: end;
			position: absolute;
			top: 35px;
			right: 8px;
		}
		
			.collection-popup-job {
				padding: 0 0 0 31px;
				height: 27px;
				color: #4a4a4a;
				line-height: 27px;
				font-weight: bold;
				display: inline-block;
				position: relative;
			}

			.collection-popup-job.job1:before,
			.collection-popup-job.job2:before,
			.collection-popup-job.job3:before,
			.collection-popup-job.job4:before,
			.collection-popup-job.job5:before {
				width: 23px;
				height: 23px;
				content: "";
				display: block;
				position: absolute;
				top: 2px;
				left: 4px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}
			
			.collection-popup-job.job1:before { background-position: -44px -148px; }
			.collection-popup-job.job2:before { background-position: -68px -148px; }
			.collection-popup-job.job3:before { background-position: -92px -148px; }
			.collection-popup-job.job4:before { background-position: -116px -148px; }
			.collection-popup-job.job5:before { background-position: -140px -148px; }
		
			.collection-popup-group {
				padding: 0 0 0 31px;
				height: 27px;
				line-height: 27px;
				font-weight: bold;
				display: inline-block;
				position: relative;
			}

			.collection-popup-group.group1:before,
			.collection-popup-group.group2:before,
			.collection-popup-group.group3:before {
				width: 26px;
				height: 27px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: 4px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}
			
			.collection-popup-group.group1:before { background-position: -40px -280px; }
			.collection-popup-group.group2:before { background-position: -72px -280px; }
			.collection-popup-group.group3:before { background-position: -104px -280px; }

			.collection-popup-attr {
				padding: 0 0 0 31px;
				height: 27px;
				line-height: 27px;
				font-weight: bold;
				display: inline-block;
				position: relative;
			}
			
				.collection-popup-attr.attr1 { color: #ff2a00; }
				.collection-popup-attr.attr2 { color: #7189ff; }
				.collection-popup-attr.attr3 { color: #528e4f; }
				.collection-popup-attr.attr4 { color: #a46c00; }
				.collection-popup-attr.attr5 { color: #60a69f; }

					.collection-popup-attr.attr1:before,
					.collection-popup-attr.attr2:before,
					.collection-popup-attr.attr3:before,
					.collection-popup-attr.attr4:before,
					.collection-popup-attr.attr5:before {
						width: 23px;
						height: 23px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: 8px;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}

					.collection-popup-attr.attr1:before { background-position: -84px -100px;  }
					.collection-popup-attr.attr2:before { background-position: -108px -100px; }
					.collection-popup-attr.attr3:before { background-position: -132px -100px; }
					.collection-popup-attr.attr4:before { background-position: -156px -100px; }
					.collection-popup-attr.attr5:before { background-position: -180px -100px; }

			.collection-popup-hero {
				padding: 0 0 0 31px;
				height: 27px;
				line-height: 27px;
				font-weight: bold;
				display: inline-block;
				position: relative;
				color: #ff2a00;
			}
				.collection-popup-hero:before {
						width: 24px;
						height: 24px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: 8px;
						background-image: url("Game_Images/hero_gear.png");
						background-repeat: no-repeat;
						background-position: 0px 0px;
						-webkit-background-size: 24px 24px;
					}

		.collection-popup-bottom {
			padding: 12px 12px 0 122px;
			width: 302px;
			height: 123px;
			position: absolute;
			top: 63px;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/collection_popup_bottom_bg.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 302px 123px;
			z-index: 3;
		}
		
			.collection-popup-bottom-skill-name {
				height: 20px;
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 20px;
				font-weight: bold;
				position: relative;
			}
			
				.collection-popup-bottom-skill-name:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: -20px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -216px 0;
					-webkit-background-size: 320px 1550px;
				}

			.collection-popup-bottom p {
				font-size: 1.1rem;
				color: #ffffff;
				line-height: 18px;
				position: relative;
				z-index: 2;
			}

			.collection-popup-stage {
				width: 118px;
				height: 90px;
				position: absolute;
				top: 30px;
				left: 0;
				-webkit-box-sizing: border-box;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 120px 92px;
				z-index: 1;
			}

			.collection-popup-img {
				width: 118px;
				height: 109px;
				text-align: center;
				position: absolute;
				bottom: 36px;
				left: 0;
				z-index: 2;
			}
			
				.collection-popup-img img {
					position: relative;
					top: 19px;
				}
				
			.collection-popup-img-acc:before {
				width: 73px;
				height: 31px;
				content: "";
				display: block;
				position: absolute;
				top: 29px;
				left: 20px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -88px -776px;
				-webkit-background-size: 320px 1550px;
			}

/* Quest detail
----------------------------------------------------------------*/
.quest-detail-header {
	padding: 0 37px 0 44px;
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
	-webkit-box-sizing: border-box;
	border-bottom: #222222 solid 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#656565),color-stop(0.5, #424242),color-stop(0.5, #363636),to(#2d2d2d));
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	z-index: 120;
}

	.quest-detail-header-title {
		color: #ffffff;
		line-height: 20px;
		font-weight: bold;
		font-family: DotFont;
		text-align: center;
	}

	.quest-detail-header-title2 {
		color: #ffffff;
		line-height: 38px;
		font-weight: bold;
		font-family: DotFont;
		text-align: center;
	}

	.quest-detail-header-title3 {
		font-size: 1.2rem;
		color: #ffffff;
		line-height: 38px;
		font-weight: bold;
		font-family: DotFont;
		text-align: center;
	}
	
	.quest-detail-header-title {
		color: #ffffff;
		line-height: 20px;
		font-weight: bold;
		font-family: NormalFont;
		text-align: center;
	}
	
	.quest-detail-header-title4 {
		color: #ffffff;
		line-height: 38px;
		font-weight: bold;
		font-family: NormalFont;
		text-align: center;
	}

	.quest-limit {
		margin: 2px auto 0;
		width: 130px;
		height: 15px;
		font-size: 1.2rem;
		color: #a3a3a3;
		line-height: 15px;
		text-align: center;
		font-weight: bold;
		-webkit-box-shadow: inset 0px 0px 1px #000000;
		background: #252525;
	}
	
	.quest-limit.red-num { color: #ff0000; }

.quest-detail-body {
	width: 320px;
	height: 440px;
	position: relative;
	top: 40px;
	background-image: url("Game_Images/character_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 320px 480px;
}

	.quest-detail-box,
	.quest-detail-count-box {
		width: 320px;
		height: 212px;
		position: relative;
		-webkit-box-sizing: border-box;
		overflow: hidden;
	}

	.quest-detail-title {
		margin: 0 auto;
		width: 280px;
		height: 20px;
		font-size: 1.2rem;
		color: #ffffff;
		line-height: 20px;
		font-family: DotFont;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 6px;
		left: 20px;
		background-image: url("Game_Images/reward_dialog_name.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 280px 40px;
		z-index: 11;
	}

		.quest-detail-title span {
			color: #ff0000;
		}

	.quest-detail-img,
	.quest-detail-count-img,
	.quest-detail-count-img2,
	.quest-detail-comp-img {
		height: 204px;
		text-align: center;
		position: relative;
		-webkit-box-sizing: border-box;
		z-index: 10;
	}

	.quest-detail-img,
	.quest-detail-comp-img {
		width: 320px;
	}

	.quest-detail-count-img {
		width: 200px;
		height: 150px;
		position: absolute;
		top: 2px;
		left: 0;
	}

	.quest-detail-count-img2 {
		width: 160px;
		height: 184px;
		position: absolute;
		top: -11px;
		left: 16px;
	}

	.quest-detail-cheange-img1,
	.quest-detail-cheange-img2 {
		width: 200px;
		height: 150px;
		position: absolute;
	}

	.quest-detail-cheange-img1 {
		top: 2px;
		left: -15px;
	}

	.quest-detail-cheange-img2 {
		top: 2px;
		right: -15px;
	}

	.quest-detail-img-pic {
		width: 184px;
		height: 184px;
		position: absolute;
		top: -11px;
		left: 68px;
	}

	.quest-detail-img-bppic {
		width: 54px;
		height: 67px;
		position: absolute;
		top: 84px;
		left: 109px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -232px -824px;
		-webkit-background-size: 320px 1550px;
	}

		.quest-detail-img-bppic:before {
			width: 54px;
			height: 67px;
			content: "";
			display: block;
			position: absolute;
			top: 18px;
			left: 24px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -232px -824px;
			-webkit-background-size: 320px 1550px;
			z-index: 2;

		}

		.quest-detail-img-bppic:after {
			width: 54px;
			height: 67px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 48px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -232px -824px;
			-webkit-background-size: 320px 1550px;
			z-index: 1;

		}

	.quest-detail-chenge-arr {
		width: 85px;
		height: 25px;
		position: absolute;
		top: 140px;
		left: 108px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -120px -895px;
		-webkit-background-size: 320px 1550px;
		z-index: 1;
	}

	.quest-detail-stage,
	.quest-detail-count-stage,
	.quest-detail-count-stage2,
	.quest-detail-count-stage3,
	.quest-detail-change-stage1,
	.quest-detail-change-stage2 {
		width: 132px;
		height: 101px;
		position: absolute;
	}

	.quest-detail-stage {
		top: 115px;
		left: 94px;
	}

	.quest-detail-count-stage {
		top: 103px;
		left: 34px;
	}

	.quest-detail-count-stage2 {
		top: 105px;
		left: 28px;
	}

	.quest-detail-count-stage3 {
		top: 115px;
		left: 34px;
	}

	.quest-detail-change-stage1 {
		top: 103px;
		left: 19px;
	}

	.quest-detail-change-stage2 {
		top: 103px;
		right: 19px;
	}

		.quest-detail-stage:before,
		.quest-detail-count-stage:before,
		.quest-detail-count-stage2:before,
		.quest-detail-count-stage3:before,
		.quest-detail-change-stage1:before,
		.quest-detail-change-stage2:before {
			width: 73px;
			height: 31px;
			content: "";
			display: block;
			position: absolute;
			top: 32px;
			left: 24px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -88px -776px;
			-webkit-background-size: 320px 1550px;
		}

	.quest-detail-img-parts3-1,
	.quest-detail-img-parts3-2,
	.quest-detail-img-parts3-3,
	.quest-detail-img-parts4-1,
	.quest-detail-img-parts4-2,
	.quest-detail-img-parts4-3,
	.quest-detail-img-parts4-4,
	.quest-detail-img-parts5-1,
	.quest-detail-img-parts5-2,
	.quest-detail-img-parts5-3,
	.quest-detail-img-parts5-4,
	.quest-detail-img-parts5-5 {
		width: 84px;
		height: 101px;
		text-align: center;
		position: absolute;
		-webkit-box-sizing: border-box;
		background-repeat: no-repeat;
		background-position: 4px 42px;
		-webkit-background-size: 79px 60px;
	}
	
	.quest-detail-img-parts3-1 {
		top: 56px;
		left: 24px;
		z-index: 5;
	}

	.quest-detail-img-parts3-2 {
		top: 56px;
		left: 118px;
		z-index: 4;
	}

	.quest-detail-img-parts3-3 {
		top: 56px;
		left: 213px;
		z-index: 3;
	}
	
	.quest-detail-img-parts4-1 {
		top: 40px;
		left: 16px;
		z-index: 3;
	}

	.quest-detail-img-parts4-2 {
		top: 80px;
		left: 78px;
		z-index: 4;
	}

	.quest-detail-img-parts4-3 {
		top: 80px;
		left: 157px;
		z-index: 4;
	}
	
	.quest-detail-img-parts4-4 {
		top: 40px;
		left: 219px;
		z-index: 3;
	}

	.quest-detail-img-parts5-1 {
		top: 88px;
		left: 24px;
		z-index: 5;
	}

	.quest-detail-img-parts5-2 {
		top: 88px;
		left: 118px;
		z-index: 4;
	}

	.quest-detail-img-parts5-3 {
		top: 88px;
		left: 213px;
		z-index: 3;
	}

	.quest-detail-img-parts5-4 {
		top: 10px;
		left: 69px;
		z-index: 2;
	}

	.quest-detail-img-parts5-5 {
		top: 10px;
		left: 166px;
		z-index: 1;
	}
	
	.quest-detail-img-parts3-1:before,
	.quest-detail-img-parts3-2:before,
	.quest-detail-img-parts3-3:before,
	.quest-detail-img-parts5-1:before,
	.quest-detail-img-parts5-2:before,
	.quest-detail-img-parts5-3:before,
	.quest-detail-img-parts5-4:before,
	.quest-detail-img-parts5-5:before {
		width: 34px;
		height: 15px;
		content: "";
		display: block;
		position: absolute;
		top: 62px;
		left: 24px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -232px -440px;
		-webkit-background-size: 320px 1550px;
	}

	.quest-clear-check1 {
		width: 26px;
		height: 18px;
		position: absolute;
		top: 70px;
		left: 31px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -184px -64px;
		-webkit-background-size: 320px 1550px;
		z-index: 6;
	}

	.quest-detail-count-num {
		padding: 23px 0 0 84px;
		width: 225px;
		height: 98px;
		font-size: 1.6rem;
		color: #747474;
		line-height: 20px;
		display: -webkit-box;
		position: absolute;
		top: 70px;
		left: 45px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/quest_detail_count_long.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 225px 98px;
	}
	
	.quest-detail-catalog {
		width: 218px;
		height: 118px;
		font-size: 1.6rem;
		color: #747474;
		line-height: 20px;
		display: -webkit-box;
		position: absolute;
		top: 70px;
		left: 50px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/quest_detail_catalog.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 218px 118px;
	}

		.quest-detail-count-num .num1-1 {
			width: 80px;
			height: 35px;
			font-size: 1.54rem;
			color: #ff0000;
			line-height: 35px;
			font-weight: bold;
			text-align: center;
			position: relative;
			right: 50px;
		}

		.quest-detail-count-num .num1-2 {
			width: 80px;
			height: 35px;
			font-size: 1.54rem;
			color: #531901;
			line-height: 35px;
			font-weight: bold;
			text-align: center;
			position: relative;
			right: 50px;
		}

		.quest-detail-count-num .num2 {
			padding: 0 0 0 8px;
			width: 95px;
			height: 35px;
			font-size: 1.54rem;
			color: #531901;
			line-height: 37px;
			text-align: left;
			-webkit-box-sizing: border-box;
			position: relative;
			left: -50px;
		}

	.quest-detail-count-num-chara {
		width: 160px;
		font-size: 1.6rem;
		color: #747474;
		line-height: 20px;
		text-align: center;
		position: absolute;
		top: 107px;
		left: 160px;
		-webkit-box-sizing: border-box;
	}

		.quest-detail-count-num-chara span {
			color: #ffffff;
			font-weight: bold;
		}

	.quest-detail-cap {
		margin: 0 9px 6px;
		width: 302px;
		height: 89px;
		display: table;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}

		.quest-detail-cap p {
			padding: 0 8px;
			font-size: 1.2rem;
			color: #6f6f6f;
			line-height: 18px;
			vertical-align: middle;
			display: table-cell;
		}

	.quest-rank-shadow {
		margin: 0 9px;
		width: 300px;
		height: 60px;
		position: relative;
		top: 2px;
		left: 2px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}

	.quest-rank-shadow2 {
		margin: 0 9px;
		width: 300px;
		height: 154px;
		position: relative;
		top: 2px;
		left: 2px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}

	.quest-rank-shadow3 {
		margin: 0 9px 6px;
		width: 300px;
		height: 89px;
		position: relative;
		top: 2px;
		left: 2px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}
	
	.quest-rank-shadow4 {
		margin: 0 auto;
		width: 300px;
		height: 82px;
		position: relative;
		top: 2px;
		left: 2px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}
	
	.quest-rank-shadow5 {
		margin: 0 9px;
		width: 300px;
		height: 120px;
		position: relative;
		top: 2px;
		left: 2px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}

		.quest-rank-shadow:before,
		.quest-rank-shadow2:before,
		.quest-rank-shadow3:before,
		.quest-rank-shadow4:before,
		.quest-rank-shadow5:before {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			right: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -304px -40px;
			-webkit-background-size: 320px 1550px;
		}

		.quest-rank-shadow:after,
		.quest-rank-shadow2:after,
		.quest-rank-shadow3:after,
		.quest-rank-shadow4:after,
		.quest-rank-shadow5:after {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -2px;
			left: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -312px -40px;
			-webkit-background-size: 320px 1550px;
		}

		.quest-rank {
			width: 300px;
			height: 60px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.5);
		}

		.quest-rank2 {
			width: 300px;
			height: 154px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.6);
		}

		.quest-rank3 {
			width: 300px;
			height: 89px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.5);
		}
		
		.quest-rank4 {
			width: 300px;
			height: 82px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.5);
		}
		
		.quest-rank5 {
			width: 300px;
			height: 120px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.5);
		}

			.quest-title-block {
				height: 13px;
				display: -webkit-box;
				background: rgba(0,0,0,0.2);
			}

				.quest-title-block .left,
				.quest-title-block .right {
					height: 13px;
					font-size: 1.0rem;
					color: #747474;
					line-height: 12px;
					-webkit-box-sizing: border-box;
				}

				.quest-title-block .left {
					padding: 0 0 0 4px;
					width: 150px;
					font-weight: bold;
				}

				.quest-title-block .right {
					padding: 0 10px 0 0;
					width: 149px;
					text-align: right;
					position: relative;
				}

					.quest-title-block .right:after {
						width: 9px;
						height: 9px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						right: 1px;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -232px -24px;
						-webkit-background-size: 320px 1550px;
					}

		.quest-reward-block,
		.quest-reward-block2 {
			height: 48px;
			display: -webkit-box;
			background-repeat: no-repeat;
			background-position: 0 0;
		}

		.quest-reward-block {
			background-image: url("Game_Images/battle_rank_bg.png");
			-webkit-background-size: 118px 47px;
		}

		.quest-reward-block2 {
			background-image: url("Game_Images/quest_rank_bg.png");
			-webkit-background-size: 298px 48px;
		}

			.quest-reward-block-img {
				padding: 5px 3px 0 6px;
				width: 52px;
				height: 45px;
				-webkit-box-sizing: border-box;
			}

			.quest-reward-info {
				margin: 7px 10px 0 0;
				-webkit-box-flex: 1;
			}

				.quest-reward-name {
					color: #ffffff;
					font-weight: bold;
				}

				.quest-reward-num {
					text-align: right;
				}

		.quest-tree-block {
			width: 298px;
			height: 67px;
			display: table;
			background-image: url("Game_Images/quest_rank_bg.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 298px 48px;
		}

			.quest-tree-block p {
				padding: 0 8px;
				font-size: 1.2rem;
				color: #6f6f6f;
				line-height: 18px;
				vertical-align: middle;
				display: table-cell;
			}

/* Gacha rank block
----------------------------------------------------------------*/
	.gacha-rank-shadow {
		margin: 0 auto 18px;
		width: 274px;
		height: 50px;
		position: relative;
		top: 2px;
		left: 2px;
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-sizing: border-box;
		border-right: #000000 solid 2px;
		border-bottom: #000000 solid 2px;
	}

		.gacha-rank-shadow:before {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			right: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -304px -40px;
			-webkit-background-size: 320px 1550px;
		}

		.gacha-rank-shadow:after {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -2px;
			left: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -312px -40px;
			-webkit-background-size: 320px 1550px;
		}

		.gacha-rank {
			width: 274px;
			height: 50px;
			position: absolute;
			top: -2px;
			left: -2px;
			-webkit-box-sizing: border-box;
			border: rgba(0,0,0,0.5) solid 1px;
			background: rgba(0,0,0,0.5);
		}
		
			.gacha-rank-block {
				width: 272px;
				height: 48px;
				display: -webkit-box;
				position: relative;
				background-image: url("Game_Images/battle_rank_bg.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 118px 47px;
			}
			
				.gacha-rank-block-img {
					padding: 6px 0 0 6px;
					width: 48px;
					height: 48px;
					-webkit-box-sizing: border-box;
				}
				
				.gacha-rank-block-cap {
					width: 224px;
					height: 48px;
					-webkit-box-sizing: border-box;
				}
				
					.gacha-rank-block-cap dt {
						font-size: 1.2rem;
						color: #ffffff;
						line-height: 20px;
						font-weight: bold;
					}
					
					.gacha-rank-block-cap dd {
						font-size: 1.1rem;
						color: #949494;
						line-height: 20px;
					}
					
						.gacha-rank-block-cap dd span { font-weight: bold; }
						
		.gacha-rank-block .right {
			padding: 0 10px 0 0;
			width: 149px;
			font-size: 1.0rem;
			color: #747474;
			text-align: right;
			position: absolute;
			top: 0;
			right: 0;
		}

			.gacha-rank-block .right:after {
				width: 9px;
				height: 9px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 1px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -232px -24px;
				-webkit-background-size: 320px 1550px;
			}

/* Gacha top
----------------------------------------------------------------*/
.gacha-top-body {
	width: 320px;
	height: 440px;
	position: relative;
	top: 40px;
	background-color: #000000;
	background-image: url("Game_Images/gacha_top_bg.png");
	background-repeat: no-repeat;
	background-position: 0 -40px;
	-webkit-background-size: 320px 480px;
	overflow: hidden;
}

	.gacha-top-header {
		width: 320px;
		height: 62px;
		position: relative;
	}
	
		.gacha-top-header-face {
			width: 60px;
			height: 52px;
			position: absolute;
			top: 5px;
			left: 130px;
			background-image: url("Game_Images/gacha_face.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 60px 52px;
			z-index: 1;
		}

		.gacha-top-animation {
			margin: 0 111px;
			width: 98px;
			height: 62px;
			position: relative;
			z-index: 1;
		}

		.gacha-top-animation-cap {
			width: 125px;
			height: 65px;
			display: table;
			position: absolute;
			top: 4px;
			left: 4px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/gacha_top_animation_cap.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 125px 65px;
			z-index: 2;
		}

		/* event gacha dialog */
		.gacha-top-event-cap {
			width: 109px;
			height: 68px;
			display: table;
			position: absolute;
			top: 364px;
			left: 5px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/gacha_top_animation_cap_s.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 109px 68px;
			z-index: 2;
		}
		
		.gacha-top-event2-cap,
		.gacha-top-event3-cap {
			width: 100px;
			height: 58px;
			display: table;
			position: absolute;
			top: 10px;
			right: 10px;
			-webkit-box-sizing: border-box;
			background: rgba(255,255,255,0.6);
			z-index: 2;
		}
			
			.gacha-top-event2-cap:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -10px;
				right: 43px;
				border-top: 10px solid rgba(255,255,255,0.6);
				border-left: 0 solid transparent;
				border-right: 9px solid transparent;
			}
			
			.gacha-top-event3-cap:before {
				width: 26px;
				height: 11px;
				content: "";
				display: block;
				position: absolute;
				bottom: -11px;
				right: 78px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -112px -384px;
				-webkit-background-size: 320px 1550px;
			}

			.gacha-top-animation-cap p,
			.gacha-top-event-cap p {
				padding: 5px 16px 5px 8px;
				font-size: 1.2rem;
				color: #3e2a24;
				font-weight: bold;
				vertical-align: middle;
				display: table-cell;
			}
			
			.gacha-top-event2-cap p,
			.gacha-top-event3-cap p {
				padding: 5px;
				font-size: 1.2rem;
				color: #3e2a24;
				line-height: 16px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
				.gacha-top-animation-cap p span,
				.gacha-top-event-cap p span,
				.gacha-top-event2-cap p span,
				.gacha-top-event3-cap p span {
					color: #ff0000;
				}

		.gacha-top-sd1-cap,
		.gacha-top-sd2-cap {
			width: 100px;
			height: 58px;
			display: table;
			position: absolute;
			top: 4px;
			left: 25px;
			-webkit-box-sizing: border-box;
			background: rgba(255,255,255,0.6);
			z-index: 2;
		}

			.gacha-top-sd1-cap:before {
				width: 26px;
				height: 11px;
				content: "";
				display: block;
				position: absolute;
				bottom: -11px;
				left: 54px;
				background-image: url("Game_Images/hukidasi2_2.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 52px 22px;
			}

			.gacha-top-sd2-cap:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -10px;
				right: 43px;
				border-top: 10px solid rgba(255,255,255,0.6);
				border-left: 9px solid transparent;
				border-right: 0 solid transparent;
			}

			.gacha-top-sd1-cap p,
			.gacha-top-sd2-cap p {
				padding: 5px;
				font-size: 1.2rem;
				color: #3e2a24;
				line-height: 16px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}

				.gacha-top-sd1-cap p span,
				.gacha-top-sd2-cap p span {
					color: #ff0000;
				}

	.gacha-top-box-area3 {
		width: 320px;
		height: 192px;
		position: relative;
		z-index: 3;
	}

		.gacha-top-box-area3 .gacha-top-box-left {
			width: 121px;
			height: 181px;
			position: absolute;
			top: 11px;
			left: 7px;
			z-index: 2;
		}

		.gacha-top-box-area3 .gacha-top-box-center {
			width: 98px;
			height: 181px;
			position: absolute;
			top: 0;
			left: 111px;
			z-index: 3;
		}

		.gacha-top-box-area3 .gacha-top-box-right {
			width: 121px;
			height: 181px;
			position: absolute;
			top: 11px;
			left: 192px;
			z-index: 1;
		}

	.gacha-top-box-area2 {
		margin: 0 27px;
		width: 266px;
		height: 192px;
		position: relative;
		z-index: 3;
	}

		.gacha-top-box-area2 .gacha-top-box-left {
			width: 121px;
			height: 181px;
			position: absolute;
			top: 11px;
			left: 0;
			z-index: 2;
		}

		.gacha-top-box-area2 .gacha-top-box-right {
			width: 121px;
			height: 181px;
			position: absolute;
			top: 11px;
			left: 145px;
			z-index: 1;
		}

	.gacha-top-box-area1 {
		margin: 0 111px;
		width: 98px;
		height: 192px;
		position: relative;
		z-index: 3;
	}

		.gacha-top-box-area1 .gacha-top-box-center {
			width: 98px;
			height: 181px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
		}
		
	.gacha-top-box-count {
		width: 97px;
		height: 21px;
		font-size: 0.9rem;
		color: #ffffff;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
		position: absolute;
		-webkit-border-radius: 5px;
		background: rgba(190,36,0,0.7)
	}
	
	.gacha-top-box-count-fix-3-left {
		top: 8px;
		left: 6px;
	}
	
	.gacha-top-box-count-fix-3-center {
		top: -3px;
		left: 112px;
	}
	
	.gacha-top-box-count-fix-3-right {
		top: 0;
		right: 6px;
	}
	
	.gacha-top-box-count-fix-2-left {
		top: 8px;
		left: 0;
	}
	
	.gacha-top-box-count-fix-2-right {
		top: 0;
		right: 0;
	}
	
	.gacha-top-box-count-fix-1-center {
		top: -3px;
		left: 0;
	}

			.gacha-top-box-left-title,
			.gacha-top-box-center-title,
			.gacha-top-box-right-title {
				width: 97px;
				height: 24px;
				color: #ffffff;
				line-height: 22px;
				text-align: center;
				text-shadow: 1px 1px 1px #000000;
				position: relative;
				z-index: 2;
			}

			.gacha-top-box-left-title span,
			.gacha-top-box-center-title span,
			.gacha-top-box-right-title span {
				font-size: 1.6rem;
				font-weight: bold;
			}

			.gacha-top-box-left-title { margin: 0 0 0 2px; }
			.gacha-top-box-center-title { margin: 0 auto; }
			.gacha-top-box-right-title { margin: 0 0 0 23px; }

			.gacha-top-box-left1.mbgaui-widget-anchors,
			.gacha-top-box-left2.mbgaui-widget-anchors,
			.gacha-top-box-left3.mbgaui-widget-anchors,
			.gacha-top-box-left4.mbgaui-widget-anchors,
			.gacha-top-box-left1.tutorial-fix,
			.gacha-top-box-left2.tutorial-fix,
			.gacha-top-box-left3.tutorial-fix,
			.gacha-top-box-left4.tutorial-fix,
			.gacha-top-box-left1.mbgaui-active,
			.gacha-top-box-left2.mbgaui-active,
			.gacha-top-box-left3.mbgaui-active,
			.gacha-top-box-left4.mbgaui-active {
				width: 121px;
				height: 134px;
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 121px 134px;
				z-index: 1;
			}

			.gacha-top-box-center1.mbgaui-widget-anchors,
			.gacha-top-box-center2.mbgaui-widget-anchors,
			.gacha-top-box-center3.mbgaui-widget-anchors,
			.gacha-top-box-center4.mbgaui-widget-anchors,
			.gacha-top-box-center1.tutorial-fix,
			.gacha-top-box-center2.tutorial-fix,
			.gacha-top-box-center3.tutorial-fix,
			.gacha-top-box-center4.tutorial-fix,
			.gacha-top-box-center1.mbgaui-active,
			.gacha-top-box-center2.mbgaui-active,
			.gacha-top-box-center3.mbgaui-active,
			.gacha-top-box-center4.mbgaui-active {
				width: 98px;
				height: 137px;
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 98px 137px;
				z-index: 1;
			}

			.gacha-top-box-right1.mbgaui-widget-anchors,
			.gacha-top-box-right2.mbgaui-widget-anchors,
			.gacha-top-box-right3.mbgaui-widget-anchors,
			.gacha-top-box-right4.mbgaui-widget-anchors,
			.gacha-top-box-right5.mbgaui-widget-anchors,
			.gacha-top-box-right1.tutorial-fix,
			.gacha-top-box-right2.tutorial-fix,
			.gacha-top-box-right3.tutorial-fix,
			.gacha-top-box-right4.tutorial-fix,
			.gacha-top-box-right5.tutorial-fix,
			.gacha-top-box-right1.mbgaui-active,
			.gacha-top-box-right2.mbgaui-active,
			.gacha-top-box-right3.mbgaui-active,
			.gacha-top-box-right4.mbgaui-active,
			.gacha-top-box-right5.mbgaui-active {
				width: 121px;
				height: 137px;
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 121px 134px;
				z-index: 1;
			}

			.gacha-top-box-left1.mbgaui-widget-anchors,
			.gacha-top-box-left2.mbgaui-widget-anchors,
			.gacha-top-box-left3.mbgaui-widget-anchors,
			.gacha-top-box-left4.mbgaui-widget-anchors,
			.gacha-top-box-center1.mbgaui-widget-anchors,
			.gacha-top-box-center2.mbgaui-widget-anchors,
			.gacha-top-box-center3.mbgaui-widget-anchors,
			.gacha-top-box-center4.mbgaui-widget-anchors,
			.gacha-top-box-right1.mbgaui-widget-anchors,
			.gacha-top-box-right2.mbgaui-widget-anchors,
			.gacha-top-box-right3.mbgaui-widget-anchors,
			.gacha-top-box-right4.mbgaui-widget-anchors,
			.gacha-top-box-right5.mbgaui-widget-anchors {
				top: 20px;
			}
			
			.gacha-top-box-left1.tutorial-fix,
			.gacha-top-box-left2.tutorial-fix,
			.gacha-top-box-left3.tutorial-fix,
			.gacha-top-box-left4.tutorial-fix,
			.gacha-top-box-center1.tutorial-fix,
			.gacha-top-box-center2.tutorial-fix,
			.gacha-top-box-center3.tutorial-fix,
			.gacha-top-box-center4.tutorial-fix,
			.gacha-top-box-right1.tutorial-fix,
			.gacha-top-box-right2.tutorial-fix,
			.gacha-top-box-right3.tutorial-fix,
			.gacha-top-box-right4.tutorial-fix,
			.gacha-top-box-right5.tutorial-fix {
				top: 20px;
			}

			.gacha-top-box-left1.mbgaui-active,
			.gacha-top-box-left2.mbgaui-active,
			.gacha-top-box-left3.mbgaui-active,
			.gacha-top-box-left4.mbgaui-active,
			.gacha-top-box-center1.mbgaui-active,
			.gacha-top-box-center2.mbgaui-active,
			.gacha-top-box-center3.mbgaui-active,
			.gacha-top-box-center4.mbgaui-active,
			.gacha-top-box-right1.mbgaui-active,
			.gacha-top-box-right2.mbgaui-active,
			.gacha-top-box-right3.mbgaui-active,
			.gacha-top-box-right4.mbgaui-active,
			.gacha-top-box-right5.mbgaui-active {
				top: 22px;
			}

			.gacha-top-box-left1 { background-image: url("Game_Images/gacha_top_box_left_1.png"); }
			.gacha-top-box-left2 { background-image: url("Game_Images/gacha_top_box_left_2.png"); }
			.gacha-top-box-left3 { background-image: url("Game_Images/gacha_top_box_left_3.png"); }
			.gacha-top-box-left4 { background-image: url("Game_Images/gacha_top_box_left_4.png"); }

			.gacha-top-box-center1 { background-image: url("Game_Images/gacha_top_box_center_1.png"); }
			.gacha-top-box-center2 { background-image: url("Game_Images/gacha_top_box_center_2.png"); }
			.gacha-top-box-center3 { background-image: url("Game_Images/gacha_top_box_center_3.png"); }
			.gacha-top-box-center4 { background-image: url("Game_Images/gacha_top_box_center_4.png"); }

			.gacha-top-box-right1 { background-image: url("Game_Images/gacha_top_box_right_1.png"); }
			.gacha-top-box-right2 { background-image: url("Game_Images/gacha_top_box_right_2.png"); }
			.gacha-top-box-right3 { background-image: url("Game_Images/gacha_top_box_right_3.png"); }
			.gacha-top-box-right4 { background-image: url("Game_Images/gacha_top_box_right_4.png"); }
			.gacha-top-box-right5 { background-image: url("Game_Images/gacha_top_box_right_5.png"); }

/*
				.gacha-kirakira1-1:before,
				.gacha-kirakira2-1:before,
				.gacha-kirakira2-2:before,
				.gacha-kirakira3-1:before,
				.gacha-kirakira3-2:before,
				.gacha-kirakira3-3:before {
					width: 111px;
					height: 130px;
					content: "";
					display: block;
					position: absolute;
					top: -28px;
					background-image: url("Game_Images/gacha_kirakira.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 111px 130px;
					z-index: 4;
				}

				.gacha-kirakira1-1:before { left:  -5px; }
				.gacha-kirakira2-1:before { left: -10px; }
				.gacha-kirakira2-2:before { left:  18px; }
				.gacha-kirakira3-1:before { left:  -7px; }
				.gacha-kirakira3-2:before { left:  -5px; }
				.gacha-kirakira3-3:before { left:  16px; }
*/
				.gacha-top-box-left1 img,
				.gacha-top-box-left2 img,
				.gacha-top-box-left3 img,
				.gacha-top-box-left4 img {
					position: absolute;
					top: -14px;
					left: -10px;
					z-index: 3;
				}

				.gacha-top-box-center1 img,
				.gacha-top-box-center2 img,
				.gacha-top-box-center3 img,
				.gacha-top-box-center4 img {
					position: absolute;
					top: -11px;
					left: -8px;
					z-index: 3;
				}

				.gacha-top-box-right1 img,
				.gacha-top-box-right2 img,
				.gacha-top-box-right3 img,
				.gacha-top-box-right4 img,
				.gacha-top-box-right5 img {
					position: absolute;
					top: -14px;
					right: -10px;
					z-index: 3;
				}

				.gacha-top-box-left1 .event-icon,
				.gacha-top-box-left2 .event-icon,
				.gacha-top-box-left3 .event-icon,
				.gacha-top-box-left4 .event-icon,
				.gacha-top-box-center1 .event-icon,
				.gacha-top-box-center2 .event-icon,
				.gacha-top-box-center3 .event-icon,
				.gacha-top-box-center4 .event-icon,
				.gacha-top-box-right1 .event-icon,
				.gacha-top-box-right2 .event-icon,
				.gacha-top-box-right3 .event-icon,
				.gacha-top-box-right4 .event-icon,
				.gacha-top-box-right5 .event-icon {
					width: 36px;
					height: 36px;
					position: absolute;
					top: 0;
					background-image: url("Game_Images/sprite_lang.png");
					background-repeat: no-repeat;
					background-position: -226px -74px;
					-webkit-background-size: 320px 1550px;
					z-index: 2;
				}

				.gacha-top-box-left1 .event-icon,
				.gacha-top-box-left2 .event-icon,
				.gacha-top-box-left3 .event-icon,
				.gacha-top-box-left4 .event-icon {
					left: 0;
				}

				.gacha-top-box-center1 .event-icon,
				.gacha-top-box-center2 .event-icon,
				.gacha-top-box-center3 .event-icon,
				.gacha-top-box-center4 .event-icon {
					left: 0;
				}

				.gacha-top-box-right1 .event-icon,
				.gacha-top-box-right2 .event-icon,
				.gacha-top-box-right3 .event-icon,
				.gacha-top-box-right4 .event-icon,
				.gacha-top-box-right5 .event-icon {
					left: 26px;
				}

				.gacha-top-box-left1 .sale-icon,
				.gacha-top-box-left2 .sale-icon,
				.gacha-top-box-left3 .sale-icon,
				.gacha-top-box-left4 .sale-icon,
				.gacha-top-box-center1 .sale-icon,
				.gacha-top-box-center2 .sale-icon,
				.gacha-top-box-center3 .sale-icon,
				.gacha-top-box-center4 .sale-icon,
				.gacha-top-box-right1 .sale-icon,
				.gacha-top-box-right2 .sale-icon,
				.gacha-top-box-right3 .sale-icon,
				.gacha-top-box-right4 .sale-icon,
				.gacha-top-box-right5 .sale-icon {
					width: 36px;
					height: 36px;
					position: absolute;
					top: 0;
					background-image: url("Game_Images/sprite_lang.png");
					background-repeat: no-repeat;
					background-position: -226px 0;
					-webkit-background-size: 320px 1550px;
					z-index: 1;
				}

				.gacha-top-box-left1 .sale-icon,
				.gacha-top-box-left2 .sale-icon,
				.gacha-top-box-left3 .sale-icon,
				.gacha-top-box-left4 .sale-icon {
					left: 0;
				}

				.gacha-top-box-center1 .sale-icon,
				.gacha-top-box-center2 .sale-icon,
				.gacha-top-box-center3 .sale-icon,
				.gacha-top-box-center4 .sale-icon {
					left: 0;
				}

				.gacha-top-box-right1 .sale-icon,
				.gacha-top-box-right2 .sale-icon,
				.gacha-top-box-right3 .sale-icon,
				.gacha-top-box-right4 .sale-icon,
				.gacha-top-box-right5 .sale-icon {
					left: 26px;
				}

				.gacha-top-box-left1 .limited-icon,
				.gacha-top-box-left2 .limited-icon,
				.gacha-top-box-left3 .limited-icon,
				.gacha-top-box-left4 .limited-icon,
				.gacha-top-box-center1 .limited-icon,
				.gacha-top-box-center2 .limited-icon,
				.gacha-top-box-center3 .limited-icon,
				.gacha-top-box-center4 .limited-icon,
				.gacha-top-box-right1 .limited-icon,
				.gacha-top-box-right2 .limited-icon,
				.gacha-top-box-right3 .limited-icon,
				.gacha-top-box-right4 .limited-icon,
				.gacha-top-box-right5 .limited-icon {
					width: 36px;
					height: 36px;
					position: absolute;
					top: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -48px -192px;
					-webkit-background-size: 320px 388px;
					z-index: 2;
				}

				.gacha-top-box-left1 .limited-icon,
				.gacha-top-box-left2 .limited-icon,
				.gacha-top-box-left3 .limited-icon,
				.gacha-top-box-left4 .limited-icon {
					left: 0;
				}

				.gacha-top-box-center1 .limited-icon,
				.gacha-top-box-center2 .limited-icon,
				.gacha-top-box-center3 .limited-icon,
				.gacha-top-box-center4 .limited-icon {
					left: 0;
				}

				.gacha-top-box-right1 .limited-icon,
				.gacha-top-box-right2 .limited-icon,
				.gacha-top-box-right3 .limited-icon,
				.gacha-top-box-right4 .limited-icon,
				.gacha-top-box-right5 .limited-icon {
					left: 26px;
				}

				.gacha-top-box-left1 .exmark-icon,
				.gacha-top-box-left2 .exmark-icon,
				.gacha-top-box-left3 .exmark-icon,
				.gacha-top-box-left4 .exmark-icon,
				.gacha-top-box-center1 .exmark-icon,
				.gacha-top-box-center2 .exmark-icon,
				.gacha-top-box-center3 .exmark-icon,
				.gacha-top-box-center4 .exmark-icon,
				.gacha-top-box-right1 .exmark-icon,
				.gacha-top-box-right2 .exmark-icon,
				.gacha-top-box-right3 .exmark-icon,
				.gacha-top-box-right4 .exmark-icon,
				.gacha-top-box-right5 .exmark-icon {
					width: 29px;
					height: 29px;
					position: absolute;
					top: -14px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -176px -176px;
					-webkit-background-size: 320px 1550px;
					z-index: 4;
				}

				.gacha-top-box-left1 .exmark-icon,
				.gacha-top-box-left2 .exmark-icon,
				.gacha-top-box-left3 .exmark-icon,
				.gacha-top-box-left4 .exmark-icon {
					left: -11px;
				}

				.gacha-top-box-center1 .exmark-icon,
				.gacha-top-box-center2 .exmark-icon,
				.gacha-top-box-center3 .exmark-icon,
				.gacha-top-box-center4 .exmark-icon {
					left: -11px;
				}

				.gacha-top-box-right1 .exmark-icon,
				.gacha-top-box-right2 .exmark-icon,
				.gacha-top-box-right3 .exmark-icon,
				.gacha-top-box-right4 .exmark-icon,
				.gacha-top-box-right5 .exmark-icon {
					left: 11px;
				}

			.gacha-top-box-price1,
			.gacha-top-box-price2,
			.gacha-top-box-price3,
			.gacha-top-box-price4,
			.gacha-top-box-price5,
			.gacha-top-box-price6,
			.gacha-top-box-price7,
			.gacha-top-box-price8,
			.gacha-top-box-price9,
			.gacha-top-box-price10,
			.gacha-top-box-price11,
			.gacha-top-box-price12,
			.gacha-top-box-price13,
			.gacha-top-box-price14,
			.gacha-top-box-price15 {
				padding: 0 0 0 26px;
				width: 66px;
				height: 17px;
				font-size: 1.2rem;
				color: #000000;
				font-weight: bold;
				line-height: 16px;
				position: absolute;
				-webkit-border-radius: 14px;
				-webkit-box-sizing: border-box;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
				background: rgba(255,255,255,0.6);
				z-index: 2;
			}

			.gacha-top-box-price1 {
				top: 120px;
				left: 24px;
			}

			.gacha-top-box-price2 {
				top: 120px;
				left: 19px;
			}

			.gacha-top-box-price3 {
				top: 120px;
				right: 19px;
			}

			.gacha-top-box-price4 {
				top: 124px;
				left: 18px;
			}

			.gacha-top-box-price5 {
				top: 124px;
				left: 17px;
			}

			.gacha-top-box-price6 {
				top: 120px;
				right: 19px;
			}

			.gacha-top-box-price7 {
				top: 120px;
				right: 19px;
			}

			.gacha-top-box-price8 {
				top: 120px;
				right: 19px;
			}

			.gacha-top-box-price9 {
				top: 124px;
				left: 18px;
			}

			.gacha-top-box-price10 {
				top: 120px;
				left: 22px;
			}
			
			.gacha-top-box-price11 {
				top: 120px;
				right: 19px;
			}
			
			.gacha-top-box-price12 {
				top: 120px;
				right: 19px;
			}
			
			.gacha-top-box-price13 {
				top: 120px;
				right: 19px;
			}
			
			.gacha-top-box-price14 {
				top: 120px;
				right: 19px;
			}

			.gacha-top-box-price15 {
				top: 120px;
				right: 19px;
			}

			.gacha-top-box-price-sale { color: #c00000; }

				.android.gacha-top-box-price1:before,
				.android.gacha-top-box-price2:before,
				.android.gacha-top-box-price3:before,
				.android.gacha-top-box-price4:before,
				.android.gacha-top-box-price8:before,
				.ios.gacha-top-box-price1:before,
				.ios.gacha-top-box-price2:before,
				.ios.gacha-top-box-price3:before,
				.ios.gacha-top-box-price4:before,
				.ios.gacha-top-box-price8:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 7px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}

				.android.gacha-top-box-price1:before,
				.android.gacha-top-box-price2:before,
				.android.gacha-top-box-price3:before,
				.android.gacha-top-box-price4:before,
				.android.gacha-top-box-price8:before {
					background-position: -224px -128px;
				}

				.ios.gacha-top-box-price1:before,
				.ios.gacha-top-box-price2:before,
				.ios.gacha-top-box-price3:before,
				.ios.gacha-top-box-price4:before,
				.ios.gacha-top-box-price8:before {
					background-position: -204px -128px;
				}

				.tyxite.gacha-top-box-price1:before,
				.tyxite.gacha-top-box-price2:before,
				.tyxite.gacha-top-box-price3:before,
				.tyxite.gacha-top-box-price4:before,
				.tyxite.gacha-top-box-price8:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -164px -128px;
					-webkit-background-size: 320px 388px;
				}
				
				.gem.gacha-top-box-price1:before,
				.gem.gacha-top-box-price2:before,
				.gem.gacha-top-box-price3:before,
				.gem.gacha-top-box-price4:before,
				.gem.gacha-top-box-price8:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -44px -128px;
					-webkit-background-size: 320px 388px;
				}
				
				.spooxite.gacha-top-box-price1:before,
				.spooxite.gacha-top-box-price2:before,
				.spooxite.gacha-top-box-price3:before,
				.spooxite.gacha-top-box-price4:before,
				.spooxite.gacha-top-box-price8:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -184px -128px;
					-webkit-background-size: 320px 388px;
				}
				
				.xmaxite.gacha-top-box-price1:before,
				.xmaxite.gacha-top-box-price2:before,
				.xmaxite.gacha-top-box-price3:before,
				.xmaxite.gacha-top-box-price4:before,
				.xmaxite.gacha-top-box-price8:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/gacha_ticket9.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}
				
				.gifttoken.gacha-top-box-price1:before,
				.gifttoken.gacha-top-box-price2:before,
				.gifttoken.gacha-top-box-price3:before,
				.gifttoken.gacha-top-box-price4:before,
				.gifttoken.gacha-top-box-price8:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/gacha_ticket15.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}
				
				.gacha-top-box-price6:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -124px -128px;
					-webkit-background-size: 320px 388px;
				}

				.gacha-top-box-price7:before,
				.gacha-top-box-price9:before,
				.gacha-top-box-price10:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -144px -128px;
					-webkit-background-size: 320px 388px;
				}
				
				.gacha-top-box-price11:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -164px -128px;
					-webkit-background-size: 320px 388px;
				}
				
				.gacha-top-box-price12:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -44px -128px;
					-webkit-background-size: 320px 388px;
				}
				
				.gacha-top-box-price13:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -184px -128px;
					-webkit-background-size: 320px 388px;
				}
				
				.gacha-top-box-price14:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/gacha_ticket9.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}

				.gacha-top-box-price15:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 6px;
					background-image: url("Game_Images/gacha_ticket15.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}

			.gacha-top-box-name1-1,
			.gacha-top-box-name1-2,
			.gacha-top-box-name1-3,
			.gacha-top-box-name1-4,
			.gacha-top-box-name2-1,
			.gacha-top-box-name2-2,
			.gacha-top-box-name2-3,
			.gacha-top-box-name2-4,
			.gacha-top-box-name3-1,
			.gacha-top-box-name3-2,
			.gacha-top-box-name3-3,
			.gacha-top-box-name3-4,
			.gacha-top-box-name3-5 {
				width: 98px;
				height: 32px;
				line-height: 16px;
				font-weight: bold;
				text-align: center;
				position: absolute;
				z-index: 3;
			}

			.gacha-top-box-name1-1 {
				color: #ff5252;
				top: 143px;
				right: 10px;
			}

			.gacha-top-box-name1-2 {
				color: #ffd200;
				top: 143px;
				right: 10px;
			}

			.gacha-top-box-name1-3 {
				color: #b2aeeb;
				top: 143px;
				right: 10px;
			}
			
			.gacha-top-box-name1-4 {
				color: #42e8d0;
				top: 143px;
				right: 10px;
			}

			.gacha-top-box-name2-1 {
				color: #ff5252;
				top: 147px;
				left: 0;
			}

			.gacha-top-box-name2-2 {
				color: #ffd200;
				top: 147px;
				left: 0;
			}

			.gacha-top-box-name2-3 {
				color: #b2aeeb;
				top: 147px;
				left: 0;
			}
			
			.gacha-top-box-name2-4 {
				color: #42e8d0;
				top: 147px;
				left: 0;
			}

			.gacha-top-box-name3-1 {
				color: #ff5252;
				top: 143px;
				left: 10px;
			}

			.gacha-top-box-name3-2 {
				color: #ffd200;
				top: 143px;
				left: 10px;
			}

			.gacha-top-box-name3-3 {
				color: #b2aeeb;
				top: 143px;
				left: 10px;
			}
			
			.gacha-top-box-name3-4 {
				color: #42e8d0;
				top: 143px;
				left: 10px;
			}
			
			.gacha-top-box-name3-5 {
				color: #ff6600;
				top: 143px;
				left: 10px;
			}

	.gacha-top-bbox-area3 {
		width: 320px;
		height: 158px;
		position: relative;
	}

		.gacha-top-bbox-area3 .gacha-top-bbox-left {
			width: 99px;
			height: 125px;
			position: absolute;
			top: 0;
			left: 12px;
			z-index: 2;
		}

		.gacha-top-bbox-area3 .gacha-top-bbox-center {
			width: 98px;
			height: 150px;
			position: absolute;
			top: 12px;
			left: 111px;
			z-index: 3;
		}

		.gacha-top-bbox-area3 .gacha-top-bbox-right {
			width: 99px;
			height: 125px;
			position: absolute;
			top: 0;
			left: 209px;
			z-index: 1;
		}

	.gacha-top-bbox-area2 {
		margin: 0 48px;
		width: 222px;
		height: 158px;
		position: relative;
	}

		.gacha-top-bbox-area2 .gacha-top-bbox-left {
			width: 99px;
			height: 125px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}

		.gacha-top-bbox-area2 .gacha-top-bbox-right {
			width: 99px;
			height: 125px;
			position: absolute;
			top: 0;
			left: 123px;
			z-index: 1;
		}

	.gacha-top-bbox-area1 {
		margin: 0 111px;
		width: 98px;
		height: 158px;
		position: relative;
	}

		.gacha-top-bbox-area1 .gacha-top-bbox-center {
			width: 98px;
			height: 150px;
			position: absolute;
			top: 12px;
			left: 111px;
			z-index: 3;
		}

			.gacha-top-bbox-left-title,
			.gacha-top-bbox-center-title,
			.gacha-top-bbox-right-title {
				padding: 0 0 0 28px;
				width: 66px;
				height: 16px;
				font-size: 1.2rem;
				color: #000000;
				font-weight: bold;
				line-height: 15px;
				position: absolute;
				top: 1px;
				-webkit-border-radius: 14px;
				-webkit-box-sizing: border-box;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
				background: rgba(255,255,255,0.5);
				z-index: 2;
			}

			.gacha-top-bbox-left-title { left: 22px; }
			.gacha-top-bbox-center-title { left: 16px; }
			.gacha-top-bbox-right-title { left: 10px; }

				.gacha-top-bbox-left-title:before,
				.gacha-top-bbox-center-title:before,
				.gacha-top-bbox-right-title:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -3px;
					left: 7px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}

				.gacha-top-bbox-left-title:before { background-position: -64px -128px; }
				.gacha-top-bbox-center-title:before { background-position: -84px -128px; }
				.gacha-top-bbox-right-title:before { background-position: -104px -128px; }
				
				.gacha-red.gacha-top-bbox-center-title:before { background-position: -164px -128px; }
				.gacha-orange.gacha-top-bbox-center-title:before { background-position: -184px -128px; }
				.gacha-gift.gacha-top-bbox-center-title:before { background-image: url("Game_Images/gacha_ticket15.png"); -webkit-background-size: 20px 20px; background-position: 0 0;}

			.gacha-top-bbox-left1.mbgaui-widget-anchors,
			.gacha-top-bbox-left1.tutorial-fix,
			.gacha-top-bbox-left1.mbgaui-active {
				width: 99px;
				height: 106px;
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 99px 106px;
				z-index: 1;
			}

			.gacha-top-bbox-center1.mbgaui-widget-anchors,
			.gacha-top-bbox-center1.tutorial-fix,
			.gacha-top-bbox-center1.mbgaui-active {
				width: 98px;
				height: 129px;
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 99px 129px;
				z-index: 1;
			}

			.gacha-top-bbox-right1.mbgaui-widget-anchors,
			.gacha-top-bbox-right1.tutorial-fix,
			.gacha-top-bbox-right1.mbgaui-active {
				width: 99px;
				height: 106px;
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 99px 106px;
				z-index: 1;
			}

			.gacha-top-bbox-left1.mbgaui-widget-anchors,
			.gacha-top-bbox-center1.mbgaui-widget-anchors,
			.gacha-top-bbox-right1.mbgaui-widget-anchors {
				top: 0;
			}
			
			.gacha-top-bbox-left1.tutorial-fix,
			.gacha-top-bbox-center1.tutorial-fix,
			.gacha-top-bbox-right1.tutorial-fix {
				top: 0;
			}

			.gacha-top-bbox-left1.mbgaui-active,
			.gacha-top-bbox-center1.mbgaui-active,
			.gacha-top-bbox-right1.mbgaui-active {
				top: 2px;
			}

			.gacha-top-bbox-left1 { background-image: url("Game_Images/gacha_top_box_silver.png"); }
			.gacha-top-bbox-center1 { background-image: url("Game_Images/gacha_top_box_gold.png"); }
			.gacha-top-bbox-right1 { background-image: url("Game_Images/gacha_top_box_blonde.png"); }
			
			.red-box.gacha-top-bbox-center1 { background-image: url("Game_Images/gacha_top_box_red.png"); }
			.orange-box.gacha-top-bbox-center1 { background-image: url("Game_Images/gacha_top_box_orange.png"); }

			.gacha-top-bbox-left1 img {
				position: absolute;
				top: 0;
				left: -12px;
				z-index: 3;
			}

			.gacha-top-bbox-center1 img {
				position: absolute;
				top: 20px;
				left: -10px;
				z-index: 3;
			}

			.gacha-top-bbox-right1 img {
				position: absolute;
				top: 0;
				right: -12px;
				z-index: 3;
			}

			.gacha-top-bbox-left1 .event-icon,
			.gacha-top-bbox-center1 .event-icon,
			.gacha-top-bbox-right1 .event-icon {
				width: 36px;
				height: 36px;
				position: absolute;
				top: 30px;
				background-image: url("Game_Images/sprite_lang.png");
				background-repeat: no-repeat;
				background-position: -226px -74px;
				-webkit-background-size: 320px 1550px;
				z-index: 2;
			}

			.gacha-top-bbox-left1 .event-icon { left: 0; }
			.gacha-top-bbox-center1 .event-icon { left: 0; }
			.gacha-top-bbox-right1 .event-icon { left: 24px; }

			.gacha-top-bbox-left1 .limited-icon,
			.gacha-top-bbox-center1 .limited-icon,
			.gacha-top-bbox-right1 .limited-icon {
				width: 36px;
				height: 36px;
				position: absolute;
				top: 30px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -48px -192px;
				-webkit-background-size: 320px 388px;
				z-index: 2;
			}

			.gacha-top-bbox-left1 .limited-icon { left: 0; }
			.gacha-top-bbox-center1 .limited-icon { left: 0; }
			.gacha-top-bbox-right1 .limited-icon { left: 24px; }
			
			.gacha-top-bbox-left1 .exmark-icon,
			.gacha-top-bbox-center1 .exmark-icon,
			.gacha-top-bbox-right1 .exmark-icon {
				width: 29px;
				height: 29px;
				position: absolute;
				top: 25px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -176px -176px;
				-webkit-background-size: 320px 1550px;
				z-index: 2;
			}
			
			.gacha-top-bbox-left1 .exmark-icon { left: -5px; }
			.gacha-top-bbox-center1 .exmark-icon { left: -5px; }
			.gacha-top-bbox-right1 .exmark-icon { left: 19px; }
			
		.gacha-top-bbox-name1,
		.gacha-top-bbox-name2,
		.gacha-top-bbox-name3 {
			width: 76px;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
			z-index: 3;
		}

		.gacha-top-bbox-name1 {
			margin: 3px 23px 0 0;
			color: #d6d6d6;
		}

		.gacha-top-bbox-name2 {
			margin: 3px auto;
			color: #fedd9a;
		}
		
		.red-name.gacha-top-bbox-name2 {
			color: #ff5252;
		}
		
		.orange-name.gacha-top-bbox-name2 {
			color: #ff6600;
		}

		.gacha-top-bbox-name3 {
			margin: 3px 0 0 23px;
			color: #e3b17c;
		}


/* Character select
----------------------------------------------------------------*/
.character-select-body {
	width: 320px;
	height: 480px;
	position: relative;
	background-color: #141414;
	background-image: url("Game_Images/character_bg.png");
	background-repeat: no-repeat;
	background-position: 0 40px;
	-webkit-background-size: 320px 480px;
}

	.character-select-cap {
		margin: 0 auto;
		width: 300px;
		font-size: 1.2rem;
		font-family: DotFont;
		color: #c6c6c6;
		line-height: 24px;
		text-align: center;
	}

	.character-select-x,
	.character-select-h,
	.character-select-t {
		position: absolute;
	    z-index: 2;
	}

	.character-select-x {
		width: 104px;
		height: 124px;
		top: 123px;
		left: 43px;
		z-index: 1;
	}

	.character-select-h {
		width: 129px;
		height: 158px;
		top: 217px;
		left: 178px;
		z-index: 2;
	}

	.character-select-t {
		width: 174px;
		height: 129px;
		top: 343px;
		left: 18px;
		z-index: 3;
	}

		.character-select-x a,
		.character-select-h a,
		.character-select-t a {
			background-repeat: no-repeat;
			background-position: 0 0;
		}

		.character-select-x a {
			width: 104px;
			height: 124px;
			display: block;
			background-image: url("Game_Images/character_1.png");
			-webkit-background-size: 104px 124px;
		}

		.character-select-h a {
			width: 129px;
			height: 158px;
			display: block;
			background-image: url("Game_Images/character_2.png");
			-webkit-background-size: 129px 158px;
		}

		.character-select-t a {
			width: 174px;
			height: 129px;
			display: block;
			background-image: url("Game_Images/character_3.png");
			-webkit-background-size: 174px 129px;
		}

		.character-select-x a.mbgaui-widget-anchors,
		.character-select-h a.mbgaui-widget-anchors,
		.character-select-t a.mbgaui-widget-anchors {
			opacity: 1.0;
		}

		.character-select-x a.mbgaui-active,
		.character-select-h a.mbgaui-active,
		.character-select-t a.mbgaui-active {
			opacity: 0.5;
		}

			.character-select-x a:before,
			.character-select-h a:before,
			.character-select-t a:before {
				content: "";
				display: block;
				position: absolute;
				background-image: url("Game_Images/sprite_lang.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}

			.character-select-x a:before {
				width: 45px;
				height: 15px;
				top: -22px;
				left: 21px;
				background-position: -131px 0;
			}

			.character-select-h a:before {
				width: 45px;
				height: 15px;
				top: -20px;
				left: 30px;
				background-position: -131px -15px;
			}

			.character-select-t a:before {
				width: 49px;
				height: 15px;
				top: -23px;
				left: 88px;
				background-position: -131px -30px;
			}

/* help
----------------------------------------------------------------*/
.help-body {
	padding: 40px 0 49px;
	width: 320px;
	min-height: 480px;
	position: relative;
	-webkit-box-sizing: border-box;
}

	.help-body:before {
		width: 320px;
		height: 480px;
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background: #444444;
	}

	.help-upper-block {
		width: 320px;
		height: 50px;
	}

		.help-upper-block a.mbgaui-widget-anchors,
		.help-upper-block a.mbgaui-active {
			padding: 4px 29px 6px 33px;
			height: 50px;
			line-height: 18px;
			text-decoration: none;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
		}

		.help-upper-block a.mbgaui-widget-anchors {
			color: #885d40;
			border-top: #47312a solid 2px;
			border-bottom: #2a1a1a solid 2px;
			background: #3e2a24;
		}

			.help-upper-block a.mbgaui-widget-anchors:before {
				width: 15px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 16px;
				left: 9px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -584px;
				-webkit-background-size: 320px 1550px;
			}

			.help-upper-block a.mbgaui-widget-anchors:after {
				width: 23px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 14px;
				left: 291px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -272px -432px;
				-webkit-background-size: 320px 1550px;
			}

		.help-upper-block a.mbgaui-active {
			color: #ff9e00;
			border-top: #140c0c solid 2px;
			border-bottom: #140c0c solid 2px;
			background: #1f1310;
		}

			.help-upper-block a.mbgaui-active:before {
				width: 15px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 16px;
				left: 9px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -584px;
				-webkit-background-size: 320px 1550px;
			}

			.help-upper-block a.mbgaui-active:after {
				width: 23px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 14px;
				left: 291px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -272px -432px;
				-webkit-background-size: 320px 1550px;
			}

		.help-lower-block {
			width: 320px;
			height: 40px;
		}

			.help-lower-block a.mbgaui-widget-anchors,
			.help-lower-block a.mbgaui-active {
				padding: 0 29px 0 33px;
				height: 40px;
				line-height: 34px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			.help-lower-block a.mbgaui-widget-anchors {
				color: #e9d4b2;
				border-top: #47312a solid 2px;
				border-bottom: #2a1a1a solid 2px;
				background: #3e2a24;
			}

				.help-lower-block a.mbgaui-widget-anchors:before {
					width: 15px;
					height: 15px;
					content: "";
					display: block;
					position: absolute;
					top: 10px;
					left: 9px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -600px;
					-webkit-background-size: 320px 1550px;
				}

				.help-lower-block a.mbgaui-widget-anchors:after {
					width: 15px;
					height: 15px;
					content: "";
					display: block;
					position: absolute;
					top: 11px;
					left: 291px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -552px;
					-webkit-background-size: 320px 1550px;
				}

			.help-lower-block a.mbgaui-active {
				color: #ff9e00;
				border-top: #140c0c solid 2px;
				border-bottom: #140c0c solid 2px;
				background: #1f1310;
			}

				.help-lower-block a.mbgaui-active:before {
					width: 15px;
					height: 15px;
					content: "";
					display: block;
					position: absolute;
					top: 10px;
					left: 9px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -600px;
					-webkit-background-size: 320px 1550px;
				}

				.help-lower-block a.mbgaui-active:after {
					width: 15px;
					height: 15px;
					content: "";
					display: block;
					position: absolute;
					top: 9px;
					left: 291px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -568px;
					-webkit-background-size: 320px 1550px;
				}

			.help-lower-block .push {
				padding: 0 29px 0 33px!important;
				height: 40px!important;
				color: #ff9e00!important;
				line-height: 34px!important;
				font-weight: bold!important;
				text-decoration: none!important;
				display: block!important;
				position: relative!important;
				-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.3);
				-webkit-box-sizing: border-box!important;
				border-top: #140c0c solid 2px!important;
				border-bottom: #140c0c solid 2px!important;
				background: #1f1310!important;
			}

				.help-lower-block .push.mbgaui-widget-anchors:after,
				.help-lower-block .push.mbgaui-active:after {
					width: 15px;
					height: 15px;
					content: "";
					display: block;
					position: absolute;
					top: 11px;
					left: 291px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -568px!important;
					-webkit-background-size: 320px 1550px;
				}

		.help-lower-cap {
			padding: 12px 9px 40px;
			background-image: url("Game_Images/help_bg.png");
			position: relative;
			background-repeat: repeat;
			background-position: 0 0;
			-webkit-background-size: 5px 5px;
		}

			.help-lower-cap h2 {
				margin: 0 0 8px 0;
				padding: 0 0 0 14px;
				height: 16px;
				color: #ffffff;
				line-height: 16px;
				font-weight: bold;
				position: relative;
			}

				.help-lower-cap h2:before {
					width: 9px;
					height: 9px;
					content: "";
					display: block;
					position: absolute;
					top: 4px;
					left: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -432px;
					-webkit-background-size: 320px 1550px;
				}

			.help-lower-cap h3 {
				margin: 0 0 2px;
				height: 16px;
				color: #a6a6a6;
				line-height: 16px;
				font-weight: bold;
			}

			.help-lower-cap p {
				padding: 0 0 15px;
				color: #a6a6a6;
				line-height: 18px;
			}

			.help-back {
				height: 47px;
				position: absolute;
				bottom: 11px;
				left: 8px;
				-webkit-box-sizing: border-box;
				z-index: 120;
				padding: 7px 8px;
			}

			.help-back.mbgaui-widget-anchors,
			.help-back.mbgaui-active {
				width: 42px;
				height: 34px;
				display: block;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
				z-index:125;
			}

			.help-back.mbgaui-widget-anchors { background-position: -42px 0; }
			.help-back.mbgaui-active { background-position: -42px -34px; }

			.help-gototop.mbgaui-widget-anchors,
			.help-gototop.mbgaui-active {
				padding: 0 14px 0 0;
				text-align: right;
				position: absolute;
				right: 9px;
				bottom: 21px;
			}

			.help-gototop.mbgaui-widget-anchors {
				color: #e9d4b2;
			}

			.help-gototop.mbgaui-active {
				color: #ff9e00;
				font-weight: bold;
			}

				.help-gototop.mbgaui-widget-anchors:before,
				.help-gototop.mbgaui-active:before {
					width: 11px;
					height: 6px;
					content: "";
					display: block;
					position: absolute;
					top: 6px;
					right: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -128px -24px;
					-webkit-background-size: 320px 1550px;
				}

				.help-gototop.mbgaui-widget-anchors:before{ background-position: -128px -24px; }
				.help-gototop.mbgaui-active:before{ background-position: -144px -24px; }

		.help-lower-img {
			width: 320px;
			position: relative;
			left: -9px;
		}
		
		.help-lower-img-navi {
			margin: 0 8px 0 0;
			width: 45px;
			height: 74px;
			float: left;
		}
		
		.help-lower-img-block {
			position: relative;
		}
		
			.help-lower-img-block p {
				position: relative;
				z-index: 1;
			}
		
			.help-lower-img-block img {
				position: absolute;
				top: 0;
				right: -9px;
			}

/* fuse
----------------------------------------------------------------*/
.fuse-animation {
	width: 320px;
	height: 335px;
}

.fuse-status-wrap {
	width: 320px;
	height: 145px;
	position: relative;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/img_bg_under.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 145px;
}

	.fuse-status {
		width: 174px;
		height: 125px;
		position: absolute;
		top: 20px;
		left: 16px;
	}

		.fuse-status-parts {
			width: 174px;
			height: 24px;
			position: relative;
		}

			.fuse-after-status {
				padding: 0 16px 0 0;
				width: 114px;
				height: 24px;
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 24px;
				font-weight: bold;
				text-align: right;
				position: absolute;
				top: 0;
				left: 0;
				-webkit-box-sizing: border-box;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: 0 -896px;
				-webkit-background-size: 320px 1550px;
			}

			.fuse-after-status.hp:before,
			.fuse-after-status.at:before,
			.fuse-after-status.df:before,
			.fuse-after-status.iq:before,
			.fuse-after-status.sp:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 2px;
				left: 5px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.fuse-after-status.hp:before { background-position: -44px -172px; }
			.fuse-after-status.at:before { background-position: -64px -172px; }
			.fuse-after-status.df:before { background-position: -84px -172px; }
			.fuse-after-status.iq:before { background-position: -104px -172px; }
			.fuse-after-status.sp:before { background-position: -124px -172px; }

			.status-up,
			.status-down,
			.status-draw {
				padding: 0 0 0 16px;
				width: 62px;
				height: 20px;
				font-size: 1.1rem;
				line-height: 20px;
				position: absolute;
				top: 4px;
				left: 112px;
				-webkit-box-sizing: border-box;
				background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0)));
			}

			.status-up { color: #b5f2ff; }
			.status-down { color: #ffb4b4; }
			.status-draw { color: #7d7d7d; }

				.status-up:before,
				.status-down:before,
				.status-draw:before {
					width: 11px;
					height: 11px;
					content: "";
					display: block;
					position: absolute;
					top: 5px;
					left: 3px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}

				.status-up:before { background-position: -96px -376px; }
				.status-down:before { background-position: -96px -392px; }
				.status-draw:before { background-position: -96px -408px; }

	.fuse-lv,
	.fuse-sef {
		padding: 11px 0 0;
		width: 115px;
		height: 122px;
		position: absolute;
		top: 20px;
		left: 190px;
		-webkit-box-sizing: border-box;
	}

		.fuse-lv:before {
			width: 25px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 2px;
			background-image: url("Game_Images/sprite_lang.png");
			background-repeat: no-repeat;
			background-position: -262px -46px;
			-webkit-background-size: 320px 1550px;
		}

		.fuse-sef:before {
			width: 38px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 2px;
			background-image: url("Game_Images/sprite_lang.png");
			background-repeat: no-repeat;
			background-position: -262px -64px;
			-webkit-background-size: 320px 1550px;
		}

		.fuse-lv-block,
		.fuse-sef-block {
			width: 115px;
			height: 58px;
			line-height: 54px;
			text-align: center;
			position: relative;
			border: rgba(255,255,255,0.1) solid 2px;
			background: rgba(0,0,0,0.5);
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 0 0 2px #000000;
		}

			.fuse-lv-block span.lv-bold {
				font-size: 1.8rem;
				color: #ffd200;
				font-weight: bold;
			}

			.fuse-sef-block span.sef-bold {
				font-size: 1.8rem;
				color: #ebd8b9;
				font-weight: bold;
			}

			.lv-up { color: #b5f2ff; }
			.lv-down { color: #ffb4b4; }
			.lv-draw { color: #7d7d7d; }

				.lv-up:before,
				.lv-down:before,
				.lv-draw:before {
					width: 11px;
					height: 11px;
					content: "";
					display: block;
					position: absolute;
					top: 8px;
					right: 3px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}

				.lv-up:before { background-position: -96px -376px; }
				.lv-down:before { background-position: -96px -392px; }
				.lv-draw:before { background-position: -96px -408px; }
				
		.fuse-new {
			width: 74px;
			height: 76px;
			position: absolute;
			top: 35px;
			left: -7px;
			background-image: url("Game_Images/sprite_lang.png");
			background-repeat: no-repeat;
			background-position: 0 -106px;
			-webkit-background-size: 320px 1550px;
		}

	.fuse-next-btn.mbgaui-widget-anchors,
	.fuse-next-btn.mbgaui-active {
		width: 41px;
		height: 34px;
		display: block;
		position: absolute;
		bottom: 10px;
		right: 15px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index:125;
	}

	.fuse-next-btn.mbgaui-widget-anchors { background-position: -256px -632px; }
	.fuse-next-btn.mbgaui-active { background-position: -256px -672px; }

/* Quest boss tree
----------------------------------------------------------------*/
.quest-tree-title {
	color: #ffffff;
	line-height: 40px;
	font-weight: bold;
	font-family: DotFont;
	text-align: center;
}

.quest-tree-boss-area {
	width: 320px;
	height: 440px;
	position: relative;
	top: 40px;
	background-image: url("Game_Images/character_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 320px 480px;
	overflow: hidden;
}

	.quest-tree-boss-area:before {
		width: 260px;
		height: 328px;
		content: "";
		display: block;
		position: absolute;
		top: 56px;
		left: 31px;
		background-image: url("Game_Images/tree_backline.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 260px 328px;
	}

	.quest-tree-boss-block1 {
		width: 64px;
		height: 74px;
		position: absolute;
		top: 10px;
		left: 9px;
		z-index: 1;
	}

		.quest-tree-boss-block1 img {
			width: 64px;
			height: 74px;
		}

	.quest-tree-boss-block2 {
		width: 80px;
		height: 93px;
		position: absolute;
		top: 0;
		left: 128px;
		z-index: 2;
	}

		.quest-tree-boss-block2 img {
			width: 80px;
			height: 93px;
		}

	.quest-tree-boss-block3 {
		width: 96px;
		height: 110px;
		position: absolute;
		top: 60px;
		left: 221px;
		z-index: 3;
	}

		.quest-tree-boss-block3 img {
			width: 96px;
			height: 110px;
		}

	.quest-tree-boss-block4 {
		width: 128px;
		height: 148px;
		position: absolute;
		top: 101px;
		left: 109px;
		z-index: 4;
	}

		.quest-tree-boss-block4 img {
			width: 128px;
			height: 148px;
		}

	.quest-tree-boss-block5 {
		width: 160px;
		height: 184px;
		position: absolute;
		top: 165px;
		right: 183px;
		z-index: 5;
	}

		.quest-tree-boss-block5 img {
			width: 160px;
			height: 184px;
		}

	.quest-tree-boss-clear {
		margin: -11px 0 0 -40px;
		width: 80px;
		height: 22px;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 70%;
		left: 50%;
		background-image: url("Game_Images/sprite_lang.png");
		background-repeat: no-repeat;
		background-position: -74px -106px;
		-webkit-background-size: 320px 1550px;
	}

	.quest-tree-reward-area {
		width: 188px;
		height: 180px;
		position: absolute;
		top: 260px;
		left: 118px;
		background-image: url("Game_Images/tree_reward_back.png");
		background-repeat: no-repeat;
		background-position: 50% 130%;
		-webkit-background-size: 149px 149px;
	}

	.quest-tree-reward-area img.chara {
		width: 187px;
		height: 140px;
	}

		.quest-tree-reward-name {
			width: 210px;
			height: 28px;
			text-align: center;
			position: absolute;
			top: 141px;
			left: -12px;
			background-image: url("Game_Images/bonus_obi.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 210px 28px;
		}

			.quest-tree-reward-name p {
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 18px;
				font-weight: bold;
				display: inline-block;
				position: relative;
			}

	.quest-tree-reward-area .img-bg-n-shadow { margin-top: 63px; }

/* Quest evo tree
----------------------------------------------------------------*/
.quest-tree-evo-area {
	width: 320px;
	height: 440px;
	position: relative;
	top: 40px;
	background-image: url("Game_Images/character_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 320px 480px;
	overflow: hidden;
}

	.quest-tree-evo-block1,
	.quest-tree-evo-block2 {
		display: table;
		position: absolute;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 2px #000000;
	}

	.quest-tree-evo-block1 {
		width: 226px;
		height: 39px;
		top: 16px;
		left: 42px;
	}

	.quest-tree-evo-block2 {
		width: 266px;
		height: 50px;
		top: 113px;
		left: 27px;
	}

		.quest-tree-evo-block-img1,
		.quest-tree-evo-block-img2 {
			display: block;
			position: absolute;
		}

		.quest-tree-evo-block-img1 {
			width: 120px;
			height: 90px;
			top: -13px;
			left: 140px;
		}

		.quest-tree-evo-block-img2 {
			width: 163px;
			height: 122px;
			top: -20px;
			left: 129px;
		}

			.quest-tree-evo-block-img1:before,
			.quest-tree-evo-block-img2:before {
				width: 80px;
				height: 30px;
				content: "";
				display: block;
				position: absolute;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: 0 -456px;
				-webkit-background-size: 320px 1550px;
			}

			.quest-tree-evo-block-img1:before {
				top: 75px;
				left: 22px;
			}

			.quest-tree-evo-block-img2:before {
				top: 106px;
				left: 40px;
			}

			.quest-tree-evo-block-img1 img,
			.quest-tree-evo-block-img2 img {
				-webkit-transform: scaleX(-1);
			}

			.quest-tree-evo-block-img1 img {
				width: 120px;
				height: 90px;
			}

			.quest-tree-evo-block-img2 img {
				width: 163px;
				height: 122px;
			}

		.quest-tree-evo-block1 p,
		.quest-tree-evo-block2 p {
			padding: 0 8px 0 32px;
			font-size: 1.1rem;
			color: #8f8e8e;
			line-height: 18px;
			font-weight: bold;
			vertical-align: middle;
			display: table-cell;
		}

	.quest-tree-evo-arr-area1,
	.quest-tree-evo-arr-area2 {
		width: 125px;
		height: 39px;
		position: absolute;
	}

	.quest-tree-evo-arr-area1 {
		top: 68px;
		left: 55px;
	}

	.quest-tree-evo-arr-area2 {
		top: 177px;
		left: 40px;
	}

		.quest-tree-evo-arr,
		.quest-tree-evo-arr-on {
			width: 23px;
			height: 39px;
			float: left;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}

		.quest-tree-evo-arr { background-position: -48px -236px; }
		.quest-tree-evo-arr-on { background-position: -72px -236px; }

	.quest-tree-evo-block3 {
		width: 305px;
		height: 144px;
		position: absolute;
		top: 225px;
		left: 7px;
		-webkit-box-sizing: border-box;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 2px #000000;
	}

		.quest-tree-evo-block3:before {
			width: 149px;
			height: 149px;
			content: "";
			display: block;
			position: absolute;
			top: 48px;
			left: 12px;
			background-image: url("Game_Images/tree_reward_back.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 149px 149px;
		}

		.quest-tree-evo-block3 img {
			width: 200px;
			height: 150px;
			position: absolute;
			top: 5px;
			left: -9px;
			z-index: 2;
		}

		.quest-tree-evo-block3 p {
			padding: 0 8px 0 32px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 34px;
			font-weight: bold;
			position: relative;
			z-index: 3;
		}
		
		.quest-tree-evo-status-max {
			font-size: 1.0rem;
			color: #a70705;
			line-height: 16px;
			position: absolute;
			top: 1px;
			left: 252px;
		}
		
		.quest-tree-evo-status {
			padding: 5px;
			width: 92px;
			height: 110px;
			position: absolute;
			top: 15px;
			left: 192px;
			-webkit-box-sizing: border-box;
			background: rgba(0,0,0,0.2);
		}

			.quest-tree-evo-status li {
				padding: 0 0 0 22px;
				width: 82px;
				height: 20px;
				font-size: 1.2rem;
				color: #a70705;
				line-height: 20px;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			.quest-tree-evo-status .hp:before,
			.quest-tree-evo-status .at:before,
			.quest-tree-evo-status .df:before,
			.quest-tree-evo-status .iq:before,
			.quest-tree-evo-status .sp:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 388px;
			}

			.quest-tree-evo-status .hp:before { background-position: -44px -172px; }
			.quest-tree-evo-status .at:before { background-position: -64px -172px; }
			.quest-tree-evo-status .df:before { background-position: -84px -172px; }
			.quest-tree-evo-status .iq:before { background-position: -104px -172px; }
			.quest-tree-evo-status .sp:before { background-position: -124px -172px; }

/* Edge
----------------------------------------------------------------*/
.edge-s {
	width: 32px;
	height: 12px;
	position: absolute;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -262px -34px;
	-webkit-background-size: 320px 1550px;
	z-index: 3;
}

.edge-l {
	width: 39px;
	height: 14px;
	position: absolute;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -262px -20px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.edge-ll {
	width: 52px;
	height: 18px;
	position: absolute;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -103px -88px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.gacha-confirm-thumb-parts .edge-s {
	bottom: 1px;
	left: 0;
}

.item-img-box .edge-l {
	bottom: 5px;
	left: 0;
}

.mydeck-dialog-detail-img .edge-l {
	top: 0;
	left: -3px;
}

.deck-img-block .edge-l {
	bottom: 20px;
	left: 6px;
}

.character-detail-img .edge-ll {
	top: 3px;
	left: 3px;
}

.dialog-reward-item-body .edge-ll {
	bottom: 3px;
	left: 1px;
}

.edge-color { color: #ff0000!important; }

/* Edge Green
----------------------------------------------------------------*/
.edge-green-s {
	width: 32px;
	height: 12px;
	position: absolute;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: 0px -369px;
	-webkit-background-size: 320px 1550px;
	z-index: 3;
}

.edge-green-l {
	width: 39px;
	height: 14px;
	position: absolute;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -262px -6px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.edge-green-ll {
	width: 52px;
	height: 18px;
	position: absolute;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -262px -2px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.gacha-confirm-thumb-parts .edge-green-s {
	bottom: 1px;
	left: 0;
}

.item-img-box .edge-green-l {
	bottom: 5px;
	left: 0;
}

.mydeck-dialog-detail-img .edge-green-l {
	top: 0;
	left: -3px;
}

.deck-img-block .edge-green-l {
	bottom: 20px;
	left: 6px;
}

.character-detail-img .edge-green-ll {
	top: 3px;
	left: 3px;
}

.dialog-reward-item-body .edge-green-ll {
	bottom: 3px;
	left: 1px;
}

.edge-green-color { color: #23f507!important; }

/* Arrow up
----------------------------------------------------------------*/
.arrow-up-s {
	width: 32px;
	height: 12px;
	position: absolute;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -262px -34px;
	-webkit-background-size: 320px 1550px;
	z-index: 3;
}

.arrow-up-l {
	width: 40px;
	height: 50px;
	position: absolute;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -20px -975px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.arrow-up-ll {
	width: 52px;
	height: 18px;
	position: absolute;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -103px -88px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.gacha-confirm-thumb-parts .arrow-up-s {
	bottom: 1px;
	left: 0;
}

.item-img-box .arrow-up-l {
	bottom: 5px;
	left: 0;
}

.mydeck-dialog-detail-img .arrow-up-l {
	top: 0;
	left: -3px;
}

.deck-img-block .arrow-up-l {
	bottom: 20px;
	left: 6px;
}

.character-detail-img .arrow-up-ll {
	top: 3px;
	left: 3px;
}

.dialog-reward-item-body .arrow-up-ll {
	bottom: 3px;
	left: 1px;
}

.arrow-up-color { color: #23f507!important; }

/* Arrow down
----------------------------------------------------------------*/
.arrow-down-s {
	width: 32px;
	height: 12px;
	position: absolute;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -262px -34px;
	-webkit-background-size: 320px 1550px;
	z-index: 3;
}

.arrow-down-l {
	width: 50px;
	height: 50px;
	position: absolute;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -65px -975px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.arrow-down-ll {
	width: 52px;
	height: 18px;
	position: absolute;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -103px -88px;
	-webkit-background-size: 320px 1550px;
	z-index: 4;
}

.gacha-confirm-thumb-parts .arrow-down-s {
	bottom: 1px;
	left: 0;
}

.item-img-box .arrow-down-l {
	bottom: 5px;
	left: 0;
}

.mydeck-dialog-detail-img .arrow-down-l {
	top: 0;
	left: -3px;
}

.deck-img-block .arrow-down-l {
	bottom: 20px;
	left: 6px;
}

.character-detail-img .arrow-down-ll {
	top: 3px;
	left: 3px;
}

.dialog-reward-item-body .arrow-down-ll {
	bottom: 3px;
	left: 1px;
}

.arrow-down-color { color: #ff0000!important; }

/* Maintenance
----------------------------------------------------------------*/
.maintenance-img {
	padding: 18px 0 0;
	width: 320px;
	height: 184px;
	text-align: center;
	-webkit-box-sizing: border-box;
}

.maintenance-cap {
	margin: 0 9px 6px;
	height: 192px;
	display: table;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #000000;
}

	.maintenance-cap p {
		padding: 0 8px;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 18px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}

	.maintenance-cap p span { color: #ffcf00 }

/* friend invite
----------------------------------------------------------------*/
.invite_input,
.invite_post,
.invite_input1,
.invite_post1,
.invite_input2,
.invite_post2 {
	color: #a13500;
}

.friend-invite-area-wrap {
	margin: 0 5px 8px;
	width: 314px;
	position: relative;
	top: 3px;
}

	.friend-invite-area-wrap dl {
		padding: 20px 9px 4px;
		width: 310px;
		-webkit-box-sizing: border-box;
	}
	
		.friend-invite-area-wrap dl dt {
			margin: 0 0 16px;
			font-size: 1.4rem;
			color: #e15800;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
		}
		
		.friend-invite-area-wrap dl dd {
			margin: 0 0 20px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 18px;
		}
		
		.friend-invite-area-wrap dl dd.small {
			margin: 0 auto;
			padding: 8px 5px;
			width: 294px;
			border: rgba(255,255,255,0.1) solid 2px;
			background: rgba(0,0,0,0.5);
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 0 0 2px #000000;
		}
		
			.friend-invite-area-wrap dl dd span { font-weight: bold; }
			
			.friend-invite-area-wrap dl dd.small p {
				margin: 4px 0;
				font-size: 1.1rem;
				color: #ed4601;
				line-height: 14px;
			}

.friend-invite-area-wrap2 {
	margin: 0 3px;
	width: 314px;
	height: 310px;
	position: relative;
	top: 3px;
	-webkit-box-sizing: border-box;
}

	.friend-invite-area-wrap2.ducttape:before {
		width: 77px;
		height: 95px;
		content: "";
		display: block;
		position: absolute;
		left: -5px;
		top: 3px;
		background-image: url("Game_Images/invite_rewards_pic_tape.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 77px 95px;
		z-index: 10;
	}
	
	.friend-invite-area-wrap2.nuxbits:before {
		width: 77px;
		height: 95px;
		content: "";
		display: block;
		position: absolute;
		left: -5px;
		top: 3px;
		background-image: url("Game_Images/invite_rewards_pic_nuxbits.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 77px 95px;
		z-index: 10;
	}
	
	.friend-invite-area-wrap2.all:before {
		width: 320px;
		height: 95px;
		content: "";
		display: block;
		position: absolute;
		left: -4px;
		top: 3px;
		background-image: url("Game_Images/invite_rewards_pic_all.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 95px;
		z-index: 10;
	}
	
	.friend-invite-switch-btn {
		padding: 53px 0 0;
		width: 77px;
		height: 77px;
		position: absolute;
		left: 233px;
		top: 130px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/invite_more_btn.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 77px 77px;
		z-index: 10;
	}
	
	.friend-invite-switch-btn.mbgaui-widget-anchors { opacity: 1.0; }
	.friend-invite-switch-btn.mbgaui-active { opacity: 0.5; }
	
		.friend-invite-switch-btn p {
			padding: 0 5px 0 0;
			font-size: 1.1rem;
			color: #b23000;
			line-height: 20px;
			font-weight: bold;
			text-align: center;
		}

	.friend-invite-header-cap {
		margin: 0 auto;
		width: 302px;
		height: 20px;
		position: relative;
		z-index: 11;
	}

		.friend-invite-header-cap p {
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
		}
		
		.friend-invite-header-cap p span { color: #fcff00; }
		
	.friend-invite-upper-chara-block {
		margin: 0 auto;
		width: 302px;
		height: 67px;
		display: -webkit-box;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.4);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
		
		.friend-invite-block {
			width: 298px;
			height: 68px;
			display: -webkit-box;
			background-image: url("Game_Images/quest_rank_bg.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 298px 48px;
		}
		
			.friend-invite-block-img {
				padding: 9px 0 0 10px;
				width: 65px;
				height: 68px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.friend-invite-block-stats-upper {
				width: 233px;
				height: 68px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
				.friend-invite-block-stats-upper-name {
					padding: 0 0 0 7px;
					width: 233px;
					height: 14px;
					font-size: 1.0rem;
					color: #ffffff;
					line-height: 14px;
					font-weight: bold;
					position: relative;
					-webkit-box-sizing: border-box;
				}
				

			.friend-invite-block-stats-upper-stats {
				margin: 0 0 0 5px;
				width: 221px;
				height: 35px;
				position: relative;
				-webkit-box-sizing: border-box;
				border: rgba(255,255,255,0.1) solid 1px;
				-webkit-box-shadow: 0 0 2px #000000;
				background: #000000;
			}

				.friend-invite-block-stats-upper-stats li.hp,
				.friend-invite-block-stats-upper-stats li.at,
				.friend-invite-block-stats-upper-stats li.df,
				.friend-invite-block-stats-upper-stats li.iq,
				.friend-invite-block-stats-upper-stats li.sp,
				.friend-invite-block-stats-upper-stats li.ed,
				.friend-invite-block-stats-upper-stats li.up,
				.friend-invite-block-stats-upper-stats li.down,
				.friend-invite-block-stats-upper-stats li.null {
					padding: 0 0 0 20px;
					width: 70px;
					height: 15px;
					font-size: 1.0rem;
					color: #ff0000;
					line-height: 15px;
					float: left;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.friend-invite-block-stats-upper-stats li.hp:before,
					.friend-invite-block-stats-upper-stats li.at:before,
					.friend-invite-block-stats-upper-stats li.df:before,
					.friend-invite-block-stats-upper-stats li.iq:before,
					.friend-invite-block-stats-upper-stats li.sp:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}
					
					.friend-invite-block-stats-upper-stats li.ed:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/edge_icon.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 20px 20px;
					}

					.friend-invite-block-stats-upper-stats li.up:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/arrow_up_icon.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 20px 20px;
					}

					.friend-invite-block-stats-upper-stats li.down:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/arrow_down_icon.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 20px 20px;
					}

					.friend-invite-block-stats-upper-stats li.hp:before { background-position: -44px -172px; }
					.friend-invite-block-stats-upper-stats li.at:before { background-position: -64px -172px; }
					.friend-invite-block-stats-upper-stats li.df:before { background-position: -84px -172px; }
					.friend-invite-block-stats-upper-stats li.iq:before { background-position: -104px -172px; }
					.friend-invite-block-stats-upper-stats li.sp:before { background-position: -124px -172px; }
					
				.friend-invite-block-stats-upper-stats li.max {
					width: 220px;
					height: 18px;
					font-size: 1.0rem;
					color: #ff0000;
					line-height: 18px;
					text-align: right;
					position: absolute;
					top: -18px;
					left: 0;
					-webkit-box-sizing: border-box;
				}
					
			.friend-invite-block-stats-upper-skill {
				margin: 0 0 0 7px;
				padding: 0 0 0 20px;
				width: 221px;
				height: 14px;
				font-size: 1.0rem;
				color: #c6c6c6;
				line-height: 13px;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.friend-invite-block-stats-upper-skill:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: -3px;
					left: 0;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -216px 0;
					-webkit-background-size: 320px 1550px;
				}
				
			.friend-invite-block-center-cap {
				margin: 0 auto;
				width: 302px;
				height: 35px;
				display: table;
				position: relative;
				z-index: 1;
			}
			
				.friend-invite-block-center-cap p {
					font-size: 1.3rem;
					color: #ffffff;
					line-height: 14px;
					text-align: center;
					display: table-cell;
					vertical-align: middle;
					position: relative;
					z-index: 2;
				}
				
				.friend-invite-block-center-cap p span { font-weight: bold; }
				.friend-invite-block-center-cap p span.yellow { color: #fcff00; }
				
				.friend-invite-block-center-cap:before {
					width: 80px;
					height: 119px;
					content: "";
					display: block;
					position: absolute;
					top: -1px;
					left: 11px;
					background-image: url("Game_Images/invite_arr.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 80px 119px;
				}
				
		.friend-invite-block-lower {
			margin: 0 auto;
			width: 298px;
			height: 161px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.friend-invite-block-lower-img {
			width: 137px;
			height: 117px;
			text-align: center;
			position: absolute;
			top: -6px;
			left: 82px;
			background-image: url("Game_Images/tree_reward_back.png");
			background-repeat: no-repeat;
			background-position: 50% 0;
			-webkit-background-size: 117px 117px;
		}
		
			.friend-invite-block-lower-img-name {
				width: 203px;
				height: 15px;
				text-align: center;
				position: absolute;
				bottom: 4px;
				left: -43px;
				background-image: url("Game_Images/invite_textshadow.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 203px 15px;
				z-index: 1;
			}
			
				.friend-invite-block-lower-img-name div.shadow-name {
					padding: 0 0 0 22px;
					height: 15px;
					font-size: 1.2rem;
					color: #ffffff;
					line-height: 14px;
					font-weight: bold;
					display: inline-block;
					position: relative;
				}
				
		.friend-invite-block-lower-img-stats {
			margin: 0 auto;
			padding: 2px 8px 0;
			width: 286px;
			height: 75px;
			position: absolute;
			top: 111px;
			left: 7px;
			border: rgba(255,255,255,0.1) solid 1px;
			background: rgba(0,0,0,0.5);
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 0 0 2px #000000;
		}
		
				.friend-invite-block-lower-img-stats li.hp,
				.friend-invite-block-lower-img-stats li.at,
				.friend-invite-block-lower-img-stats li.df,
				.friend-invite-block-lower-img-stats li.iq,
				.friend-invite-block-lower-img-stats li.sp,
				.friend-invite-block-lower-img-stats li.ed,
				.friend-invite-block-lower-img-stats li.up,
				.friend-invite-block-lower-img-stats li.down,
				.friend-invite-block-lower-img-stats li.null {
					padding: 0 0 0 20px;
					width: 88px;
					height: 15px;
					font-size: 1.0rem;
					color: #ff0000;
					line-height: 15px;
					float: left;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.friend-invite-block-lower-img-stats li.hp:before,
					.friend-invite-block-lower-img-stats li.at:before,
					.friend-invite-block-lower-img-stats li.df:before,
					.friend-invite-block-lower-img-stats li.iq:before,
					.friend-invite-block-lower-img-stats li.sp:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}
					
					.friend-invite-block-lower-img-stats li.ed:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/edge_icon.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 20px 20px;
					}

					.friend-invite-block-lower-img-stats li.up:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/arrow_up_icon.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 20px 20px;
					}

					.friend-invite-block-lower-img-stats li.down:before {
						width: 20px;
						height: 20px;
						content: "";
						display: block;
						position: absolute;
						top: -2px;
						left: 0;
						background-image: url("Game_Images/arrow_down_icon.png");
						background-repeat: no-repeat;
						background-position: 0 0;
						-webkit-background-size: 20px 20px;
					}

					.friend-invite-block-lower-img-stats li.hp:before { background-position: -44px -172px; }
					.friend-invite-block-lower-img-stats li.at:before { background-position: -64px -172px; }
					.friend-invite-block-lower-img-stats li.df:before { background-position: -84px -172px; }
					.friend-invite-block-lower-img-stats li.iq:before { background-position: -104px -172px; }
					.friend-invite-block-lower-img-stats li.sp:before { background-position: -124px -172px; }
					
					.friend-invite-block-lower-img-stats li.skill {
						width: 270px;
						height: 41px;
						display: table;
						position: absolute;
						top: 30px;
						left: 0;
						-webkit-box-sizing: border-box;
					}

						.friend-invite-block-lower-img-stats li.skill:before {
							width: 20px;
							height: 18px;
							content: "";
							display: block;
							position: absolute;
							top: 0;
							left: 10px;
							background-image: url("Game_Images/sprite.png");
							background-repeat: no-repeat;
							background-position: -216px 0;
							-webkit-background-size: 320px 1550px;
						}

						.friend-invite-block-lower-img-stats li.skill_invite:before {
							top: 3px;
						}
					
						.friend-invite-block-lower-img-stats li.skill dl {
							vertical-align: middle;
							display: table-cell;
						}
						
							.friend-invite-block-lower-img-stats li.skill dt {
								padding: 0 0 0 30px;
								font-size: 1.1rem;
								color: #ffffff;
								line-height: 12px;
								font-weight: bold;
							}
							
							.friend-invite-block-lower-img-stats li.skill dd {
								padding: 0 0 0 30px;
								font-size: 0.9rem;
								color: #c6c6c6;
								line-height: 11px;
							}
						
					.friend-invite-block-lower-img-stats li.max {
						width: 220px;
						height: 18px;
						font-size: 1.0rem;
						color: #ff0000;
						line-height: 18px;
						text-align: right;
						position: absolute;
						top: -18px;
						left: 62px;
						-webkit-box-sizing: border-box;
					}
						
		.friend-invite-block-now {
			width: 75px;
			height: 75px;
			display: table;
			position: absolute;
			top: 315px;
			left: 8px;
			background-image: url("Game_Images/nowinvite.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 75px 75px;
		}
		
			.friend-invite-block-now p {
				font-size: 0.9rem;
				color: #7e5600;
				line-height: 9px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
				.friend-invite-block-now p span {
					font-size: 2.4em;
					color: #c03b00;
					line-height: 24px;
					position: relative;
					top: -2px;
				}

		.friend-invite-block-bottom-cap {
			margin: 0 9px;
			width: 302px;
			height: 19px;
			position: relative;
			z-index: 1;
		}
							
			.friend-invite-block-bottom-cap p {
				font-size: 1.1rem;
				color: #ffffff;
				line-height: 19px;
				text-align: center;
			}
			
			.friend-invite-block-id {
				margin: 0 auto 21px;
				width: 143px;
				height: 36px;
				display: -webkit-box;
				position: relative;
				background-image: url("Game_Images/invite_textbox.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 143px 36px;
			}
			
				.friend-invite-block-id:before {
					width: 47px;
					height: 27px;
					content: "";
					display: block;
					position: absolute;
					top: 36px;
					left: 46px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					background-position: -40px -344px;
					-webkit-background-size: 320px 1550px;
				}
			
				.friend-invite-block-id p {
					width: 88px;
					height: 36px;
					font-size: 1.6rem;
					color: #70d8ff;
					line-height: 36px;
					font-weight: bold;
					text-align: center;
				}
				
				.friend-invite-block-id a {
					margin: 3px 0 0;
					width: 51px;
					height: 29px;
					display: block;
					font-size: 1.2rem;
					color: #70d8ff;
					line-height: 29px;
					font-weight: bold;
					text-align: center;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.friend-invite-block-id a.mbgaui-widget-anchors { background-position: -64px -152px; }
				.friend-invite-block-id a.mbgaui-active { background-position: -64px -184px; }
				
			.friend-invite-sns-button {
				margin: 0 67px;
				padding: 2px 0 0;
				width: 186px;
				height: 52px;
				display: -webkit-box;
				-webkit-box-sizing: border-box;
			}
			
				.friend-invite-sns-button li {
					width: 62px;
					height: 43px;
					font-size: 1.0rem;
					color: #ffffff;
					text-align: center;
				}
				
					.friend-invite-sns-button li a {
						margin: 0 auto;
						width: 44px;
						height: 43px;
						display: block;
						background-position: 0 0;
						background-repeat: no-repeat;
						-webkit-background-size: 44px 43px;
					}
					
					.friend-invite-sns-button li a.mbgaui-widget-anchors { opacity: 1.0; }
					.friend-invite-sns-button li a.mbgaui-active { opacity: 0.5; }
					
					.friend-invite-sns-button li a.l { background-image: url("Game_Images/btn_line.png"); }
					.friend-invite-sns-button li a.t { background-image: url("Game_Images/btn_tweeter.png"); }
					.friend-invite-sns-button li a.f { background-image: url("Game_Images/btn_facebook.png"); }
					.friend-invite-sns-button li a.e { background-image: url("Game_Images/btn_mail.png"); }
					.friend-invite-sns-button li a.k { background-image: url("Game_Images/btn_kakao.png"); }
		
			.friend-invite-block-id-popup {
				width: 166px;
				height: 85px;
				display: table;
				position: absolute;
				top: 158px;
				left: 77px;
				-webkit-border-radius: 5px;
				background: rgba(255,255,255,0.7);
				z-index: 10;
			}
			
				.friend-invite-block-id-popup p {
					font-size: 2.0rem;
					color: #403f3f;
					line-height: 24px;
					font-weight: bold;
					text-align: center;
					vertical-align: middle;
					display: table-cell;
				}

.friend-invite-sns-button li .friend-prize-icon {
	display:block;
	background:url("Game_Images/invite_rewards_pic_fbitem_icon.png") no-repeat;
	background-size:61px 47px;
	width:56px;
	height:17px;
	padding:30px 0 0 5px;
	font-size:1.2rem;
	font-weight:bold;
	color:#ffcc00;
}

.friend-invite-sns-button li .friend-prize-icon {
	-webkit-animation-name: friend-prize-icon;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
}
	@-webkit-keyframes friend-prize-icon {
		from {
			-webkit-transform:translate(0px,0px);
			-webkit-animation-timing-function: ease-in;
		}
		45%{
			-webkit-transform:translate(-10px,0px);
		}
		99.9%,to {
			-webkit-transform:translate(0px,0px);
			-webkit-animation-timing-function: ease-out;
		}
	}



/* connect invite
----------------------------------------------------------------*/
.connect-invite-area {
	min-height: 118px;
	background-color: rgba(0,0,0,0.3);
	padding: 14px 0;
	position: relative;
	margin: 3px 0 27px;
}
.connect-invite-area:before,.connect-invite-area:after {
	background-image: url("Game_Images/line_dotb.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 10px 3px;
	position:absolute;
	width:100%;
}
.connect-invite-area:before {
	content: "";
	top:-3px;
	left:0;
	height:3px
}
.connect-invite-area:after {
	content:".";
	bottom:-3px;
	left:0;
	clear:both;
	height:0;
	overflow:hidden;
	padding-top:3px;
}

	.connect-invite-area li {
		width:50%;
		float:left;
	}
	.connect-invite-area li img {
		vertical-align:bottom;
	}
	
	.connect-invite-area li dl {
		margin: 0 2px 0 18px;	
	}
		.connect-invite-area li dl dt {
			font-weight: bold;
			margin-top: 4px;
			color: #ffb400;
		}
		.connect-invite-area li dl dd {
			width: 100%;
			font-size: 1.6rem;
			font-weight: bold;
			margin-top: 10px;
			color: #ffffff;
			position: relative;
		}
			.connect-invite-area li dl dd > span {
				color: #ffd200;
				display: inline-block;
				position: absolute;
				top: 0;
				right: 0;
				text-align: right;
				width: 100%;
			}
			
.connect-invite-btn-area {
	width:100%;
	font-weight: bold;
}
.connect-invite-btn-area .facebook {
	margin:0 auto;
	width: 126px;
	
}
	.connect-invite-btn-area .facebook > .mbgaui-widget-anchors {
		color:#ffffff;
		background:url("Game_Images/btn_facebook_2.png") no-repeat;
		background-size:126px 43px;
		width: 86px;
		line-height: 38px;
		padding: 0 0 5px 40px;
		font-size: 1.4rem;
		display:block;
	}
	.connect-invite-btn-area .facebook .mbgaui-active { opacity:0.5;}

.connect-invite-attention-area {
	margin: 24px 9px 0;
	padding:12px 6px;
	position: relative;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px #000000;
}
	.connect-invite-attention-area p {
		color:#ff4b00;
		font-size:1.1rem;
		margin:0 0 10px;
	}
	.connect-invite-attention-area p:last-child {
		margin:0 0 0;
	}



/* friend input
----------------------------------------------------------------*/
.friend-input-header-cap {
	margin: 0 9px;
	width: 302px;
	height: 92px;
	display: table;
}

	.friend-input-header-cap ul {
		vertical-align: middle;
		display: table-cell;
	}
	
		.friend-input-header-cap li {
			margin: 0 0 6px;
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
		}
	
		.friend-input-header-cap li.red {
			margin: 0;
			font-size: 1.0rem;
			color: #ed4601;
			line-height: 13px;
		}
	
	.friend-input-id {
		margin: 0 0 14px 68px;
		width: 200px;
		height: 37px;
		display: -webkit-box;
		position: relative;
	}
	
		.friend-input-id-left {
			margin: 0 2px 0 0;
			padding: 5px 0 0 5px;
			width: 143px;
			height: 36px;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/invite_textbox.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 143px 36px;
		}
		
			.friend-input-id-left input {
				width: 132px;
				height: 25px;
				font-size: 1.4rem;
				color: #0091c8;
				line-height: 23px;
				font-weight: bold;
				text-align: center;
				-webkit-box-sizing: border-box;
				-webkit-border-radius: 3px;
				border: #1b1b1b solid 1px;
				-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
				background: #ffffff;
			}
		
		.friend-input-id-right {
			width: 55px;
			height: 37px;
			position: relative;
		}
		
			.friend-input-id-right input {
				width: 55px;
				height: 37px;
				font-size: 1.7rem!important;
				color: #a3e0ff;
				line-height: 37px;
				font-weight: bold!important;
				text-decoration: none;
				text-align: center;
				display: block;
				position: relative;
				border: none!important;
				background-color: rgba(0,0,0,0);
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -120px -152px;
				-webkit-background-size: 320px 1550px;
				-webkit-appearance: none;
			}
			
			.friend-input-id-right input.mbgaui-widget-anchors { opacity: 1.0; }
			.friend-input-id-right input.mbgaui-active { opacity: 0.5; }
			
			.friend-input-id-right input.disabled {
				color: #696969!important;
				background-position: -120px -192px!important;
			}
			
	.friend-input-reward {
		width: 298px;
		height: 106px;
		display: -webkit-box;
		background-image: url("Game_Images/quest_rank_bg.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 298px 48px;
	}
	
		.friend-input-reward-img {
			width: 105px;
			height: 118px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.friend-input-reward-img img {
				position: absolute;
				top: -10px;
				left: -20px;
				width: 140px;
				height: 105px;
			}
			
		.friend-input-reward-cap {
			width: 193px;
			height: 106px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.friend-input-reward-cap-name {
				padding: 0 0 0 25px;
				height: 36px;
				font-size: 1.2rem;
				color: #ffffff;
				line-height: 36px;
				font-weight: bold;
			}
			
	.friend-input-reward-stats {
		margin: 0 auto;
		padding: 0 4px;
		width: 190px;
		height: 59px;
		position: relative;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
	
			.friend-input-reward-stats li.hp,
			.friend-input-reward-stats li.at,
			.friend-input-reward-stats li.df,
			.friend-input-reward-stats li.iq,
			.friend-input-reward-stats li.sp,
			.friend-input-reward-stats li.ed,
			.friend-input-reward-stats li.up,
			.friend-input-reward-stats li.down,
			.friend-input-reward-stats li.null {
				padding: 0 0 0 20px;
				width: 58px;
				height: 18px;
				font-size: 1.0rem;
				color: #ff0000;
				line-height: 18px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.friend-input-reward-stats li.hp:before,
				.friend-input-reward-stats li.at:before,
				.friend-input-reward-stats li.df:before,
				.friend-input-reward-stats li.iq:before,
				.friend-input-reward-stats li.sp:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}

				.friend-input-reward-stats li.ed:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 0;
					background-image: url("Game_Images/edge_icon.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}

				.friend-input-reward-stats li.up:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 0;
					background-image: url("Game_Images/arrow_up_icon.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}

				.friend-input-reward-stats li.down:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					left: 0;
					background-image: url("Game_Images/arrow_down_icon.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}

				.friend-input-reward-stats li.hp:before { background-position: -44px -172px; }
				.friend-input-reward-stats li.at:before { background-position: -64px -172px; }
				.friend-input-reward-stats li.df:before { background-position: -84px -172px; }
				.friend-input-reward-stats li.iq:before { background-position: -104px -172px; }
				.friend-input-reward-stats li.sp:before { background-position: -124px -172px; }

				.friend-input-reward-stats li.skill {
					padding: 0 0 0 20px;
					width: 180px;
					height: 18px;
					font-size: 1.0rem;
					color: #c6c6c6;
					line-height: 18px;
					float: left;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.friend-input-reward-stats li.skill:before {
						width: 20px;
						height: 18px;
						content: "";
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -216px 0;
						-webkit-background-size: 320px 1550px;
					}
					
				.friend-input-reward-stats li.max {
					width: 185px;
					height: 18px;
					font-size: 1.0rem;
					color: #ff0000;
					line-height: 18px;
					text-align: right;
					position: absolute;
					top: -30px;
					left: 0;
					-webkit-box-sizing: border-box;
				}
	.stats-no-edge li.hp,
	.stats-no-edge li.at,
	.stats-no-edge li.df,
	.stats-no-edge li.iq,
	.stats-no-edge li.sp,
	.stats-no-edge li.ed,
	.stats-no-edge li.max,
	.stats-no-edge li.null {
		color: #c6c6c6;
	}
					
	.friend-input-banner-cap {
		margin: 12px 4px 0;
		width: 312px;
		height: 22px;
		font-size: 1.0rem;
		color: #fff000;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
	}
	
	.friend-input-banner {
		margin: 0 9px;
		width: 302px;
		height: 91px
	}
	
		.friend-input-banner a.mbgaui-widget-anchors { opacity: 1.0; }
		.friend-input-banner a.mbgaui-active { opacity: 0.5; }
		
/* deck popup
----------------------------------------------------------------*/
.deck-popup {
	padding: 20px 0 0;
	width: 302px;
	height: 420px;
	position: absolute;
	top: 30px;
	left: 9px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.9);
}

	.deck-popup:before {
		width: 300px;
		height: 18px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-image: url("Game_Images/tekari.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 300px 18px;
	}
	
	.deck-popup:after {
		width: 20px;
		height: 20px;
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -264px -24px;
		-webkit-background-size: 320px 1550px;
	}
	
.deck-popup2 {
	padding: 30px 0 0;
	width: 302px;
	height: 420px;
	position: absolute;
	top: 30px;
	left: 9px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.9);
}

	.deck-popup2:before {
		width: 300px;
		height: 18px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-image: url("Game_Images/tekari.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 300px 18px;
	}
	
	.deck-popup2:after {
		width: 20px;
		height: 20px;
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -264px -24px;
		-webkit-background-size: 320px 1550px;
	}
	
	.deck-popup-cap-up {
		margin: 0 9px 15px;
		width: 284px;
		height: 36px;
		display: table;
	}
	
		.deck-popup-cap-up p {
			font-size: 1.4rem;
			color: #ff3c00;
			line-height: 18px;
			font-family: DotFont;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}
	
	.deck-popup-img {
		width: 302px;
		height: 144px;
		position: relative;
	}
	
	.deck-popup-img2 {
		margin: 0 auto;
		width: 280px;
		height: 320px;
		position: relative;
	}
	
	.deck-popup-img-cap {
		width: 280px;
		height: 20px;
		font-size: 1.8rem;
		color: #fdff2f;
		line-height: 20px;
		font-family: DotFont;
		text-align: center;
		text-shadow: 0 2px 1px #ac5100;
		position: absolute;
		bottom: 13px;
		left: 0;
	}
	
	.deck-popup-cap-bottom {
		width: 290px;
		height: 144px;
		display: table;
		position: absolute;
		bottom: 6px;
		left: 6px;
		-webkit-box-sizing: border-box;
		background: rgba(52,52,52,0.5);
	}
	
		.deck-popup-cap-bottom p {
			padding: 16px;
			font-size: 1.4rem;
			color: #ababab;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}
		
	.deck-popup-cap-bottom2 {
		width: 290px;
		height: 56px;
		display: table;
		position: absolute;
		bottom: 6px;
		left: 6px;
		-webkit-box-sizing: border-box;
		background: rgba(52,52,52,0.5);
	}
	
		.deck-popup-cap-bottom2 p {
			padding: 8px 16px;
			font-size: 1.4rem;
			color: #ababab;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}

	.deck-popup-cap-bottom3 {
		width: 290px;
		height: 160px;
		display: table;
		position: absolute;
		bottom: 50px;
		left: 6px;
		-webkit-box-sizing: border-box;
		/*background: rgba(52,52,52,0.5);*/
	}
	
		.deck-popup-cap-bottom3 p {
			padding: 16px;
			font-size: 1.4rem;
			color: #ababab;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}

/* insen CM
----------------------------------------------------------------*/
.insen-cm-body {
	width: 320px;
	height: 480px;
	background-image: url("Game_Images/insen_bg.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 480px;
}

.insen-cm-body2 {
	width: 320px;
	height: 480px;
	background-image: url("Game_Images/insen_bg2.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 480px;
}

.insen-cm-body2.mbgaui-widget-anchors { opacity: 1.0; }
.insen-cm-body2.mbgaui-active { opacity: 0.5; }

	.insen-cm-cap {
		margin: 0 9px;
		width: 302px;
		height: 90px;
		display: table;
	}
	
		.insen-cm-cap dl {
			display: table-cell;
			vertical-align: middle;
		}
		
			.insen-cm-cap dl dt {
				margin: 0 0 8px;
				font-size: 1.4rem;
				color: #ffffff;
				line-height: 18px;
				font-weight: bold;
				font-family: DotFont;
				text-align: center;
			}
			
			.insen-cm-cap dl dd {
				font-size: 1.2rem;
				color: #d7d6d6;
				line-height: 18px;
				font-weight: bold;
				text-align: center;
			}
			
.insen-cm-animation {
	margin: 0 0 7px;
	width: 320px;
	height: 327px;
}

.insen-cm-btn {
	margin: 0 auto;
	width: 194px;
	height: 50px;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: 0 -213px;
	-webkit-background-size: 320px 1550px;
}

.insen-cm-btn.mbgaui-widget-anchors { opacity: 1.0; }
.insen-cm-btn.mbgaui-active { opacity: 0.5; }

/* auto fuse block
----------------------------------------------------------------*/
.auto-fuse-rank {
	padding: 80px 0 2px 10px;
	height: 24px;
}

	.auto-fuse-rank .lv {
		font-size: 1.0rem;
		color: #ffd200;
		line-height: 11px;
		position: relative;
	}
	
	.auto-fuse-rank .ev,
	.auto-fuse-rank .ev2 {
		font-size: 1.0rem;
		line-height: 11px;
		position: relative;
		padding-top: 2px;
	}

		.auto-fuse-rank .ev2:before {
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			position: absolute;
			top: 0px;
			right: 11px;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -228px -76px;
			-webkit-background-size: 320px 388px;
		}
		
	.auto-fuse-area {
		padding: 0 0 0 3px;
		width: 217px;
		height: 79px;
		position: relative;
		-webkit-box-siaing: border-box;
		-webkit-border-radius: 5px;
		-webkit-box-sizing: border-box;
		border: #373737 solid 1px;
		background: #3f3f3f;
	}
	
		.auto-fuse-area:before {
			width: 213px;
			height: 45px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 1px;
			-webkit-border-radius: 5px;
			background: #2f2f2f;
		}
		
		.auto-fuse-area:after {
			width: 213px;
			height: 1px;
			content: "";
			display: block;
			position: absolute;
			top: 61px;
			left: 1px;
			-webkit-border-radius: 5px;
			background: #2f2f2f;
		}
	
	.auto-fuse-list-cap {
		margin: 0 0 2px;
	}
	
	.auto-fuse-list-cap dt {
		margin: 0 0 2px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.auto-fuse-list-cap dt.name {
		color: #ffffff;
	}
	
	.auto-fuse-block {
		width: 42px;
		height: 77px;
		position: relative;
		float: left;
	}
	
		.auto-fuse-block-img {
			margin: 5px auto;
			padding: 2px;
			width: 35px;
			height: 35px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -216px -80px;
			-webkit-background-size: 320px 1550px;
		}
		
		.auto-fuse-block-cap1,
		.auto-fuse-block-cap2 {
			width: 42px;
			height: 16px;
			font-size: 1.1rem;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
		}
		
		.auto-fuse-block-cap1 { color: #ffd200; }

	.auto-fuse-area2 {
		padding: 0 0 0 3px;
		width: 217px;
		height: 63px;
		position: relative;
		-webkit-box-siaing: border-box;
		-webkit-border-radius: 5px;
		-webkit-box-sizing: border-box;
		border: #373737 solid 1px;
		background: #3f3f3f;
	}
	
		.auto-fuse-area2:before {
			width: 213px;
			height: 45px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 1px;
			-webkit-border-radius: 5px;
			background: #2f2f2f;
		}
	
	.auto-fuse-list-cap2 {
		margin: 0 0 2px;
	}
	
	.auto-fuse-list-cap2 dt {
		margin: 0 0 2px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.auto-fuse-list-cap2 dt.name {
		color: #ffffff;
	}
	
	.auto-fuse-block2 {
		width: 42px;
		height: 61spx;
		position: relative;
		float: left;
	}
	
		.auto-fuse-block-img2 {
			margin: 5px auto;
			padding: 2px;
			width: 35px;
			height: 35px;
			-webkit-box-sizing: border-box;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -216px -80px;
			-webkit-background-size: 320px 1550px;
		}
		
		.auto-fuse-block-cap3 {
			width: 42px;
			height: 16px;
			font-size: 1.1rem;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
		}

.auto-fuse-evo-mark {
	width: 71px;
	height: 10px;
	position: absolute;
	top: 75px;
	left: 1px;
	background-image: url("Game_Images/sprite_lang.png");
	background-repeat: no-repeat;
	background-position: -155px -110px;
	-webkit-background-size: 320px 1550px;
}

/* Trade
----------------------------------------------------------------*/
.trade-top-body {
	width: 320px;
	height: 480px;
	position: relative;
	background-color: #000000;
	background-image: url("Game_Images/trade_bg.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 480px;
	overflow: hidden;
}

	.trade-top-header {
		width: 320px;
		height: 40px;
		position: relative;
	}
	
		.trade-top-header p {
			font-size: 1.4rem;
			color: #00e4ff;
			line-height: 38px;
			font-family: DotFont;
			text-align: center;
		}
		
	.trade-top-box-area2 {
		margin: 0 27px;
		width: 266px;
		height: 192px;
		position: relative;
		z-index: 3;
	}

		.trade-top-box-area2 .trade-top-box-left {
			width: 121px;
			height: 181px;
			position: absolute;
			top: 61px;
			left: 0;
			z-index: 2;
		}

		.trade-top-box-area2 .trade-top-box-right {
			width: 121px;
			height: 181px;
			position: absolute;
			top: 61px;
			left: 145px;
			z-index: 1;
		}
		
		.trade-top-box-left1.mbgaui-widget-anchors,
		.trade-top-box-left1.mbgaui-active {
			padding: 7px 26px 0 0;
			width: 121px;
			height: 134px;
			font-size: 1.4rem;
			color: #a6d2ff;
			line-height: 16px;
			font-weight: bold;
			font-family: DotFont;
			text-align: center;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 121px 134px;
			z-index: 1;
		}
		
		.trade-top-box-left1.mbgaui-disabled {
			padding: 7px 26px 0 0;
			width: 121px;
			height: 134px;
			font-size: 1.4rem;
			color: #a6d2ff;
			line-height: 16px;
			font-weight: bold;
			font-family: DotFont;
			text-align: center;
			display: block;
			position: relative;
			top: 20px;
			-webkit-box-sizing: border-box;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 121px 134px;
			z-index: 1;
		}
		
		.trade-top-box-left1-filter {
			width: 85px;
			height: 85px;
			position: absolute;
			top: 25px;
			left: 4px;
			background: rgba(0,0,0,0.6);
			z-index: 2;
		}
		
		.trade-top-box-right1.mbgaui-widget-anchors,
		.trade-top-box-right1.mbgaui-active {
			padding: 7px 0 0 26px;
			width: 121px;
			height: 137px;
			font-size: 1.4rem;
			color: #fb7e02;
			line-height: 16px;
			font-weight: bold;
			font-family: DotFont;
			text-align: center;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 121px 134px;
			z-index: 1;
		}
		
		.trade-top-box-right1.mbgaui-disabled {
			padding: 7px 0 0 26px;
			width: 121px;
			height: 137px;
			font-size: 1.4rem;
			color: #fb7e02;
			line-height: 16px;
			font-weight: bold;
			font-family: DotFont;
			text-align: center;
			display: block;
			position: relative;
			top: 20px;
			-webkit-box-sizing: border-box;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 121px 134px;
			z-index: 1;
		}
		
		.trade-top-box-right1-filter {
			width: 85px;
			height: 85px;
			position: absolute;
			top: 25px;
			left: 31px;
			background: rgba(0,0,0,0.6);
			z-index: 2;
		}
		
		.trade-top-box-left1.mbgaui-widget-anchors,
		.trade-top-box-right1.mbgaui-widget-anchors {
			top: 20px;
		}
		
		.trade-top-box-left1.mbgaui-active,
		.trade-top-box-right1.mbgaui-active {
			top: 22px;
		}
		
		.trade-top-box-left1.mbgaui-widget-anchors:active,
		.trade-top-box-right1.mbgaui-widget-anchors:active {
			top: 22px;
		}
		
		.trade-top-box-left1 { background-image: url("Game_Images/trade1_btn.png"); }
		.trade-top-box-right1 { background-image: url("Game_Images/trade2_btn.png"); }
		
		.trade-top-bbox-area1 {
			margin: 0 60px;
			width: 320px;
			height: 145px;
			position: relative;
		}

			.trade-top-bbox-area1 .trade-top-bbox-center {
				width: 200px;
				height: 45px;
				position: absolute;
				top: 42px;
				left: 60px;
				z-index: 3;
			}
			
			.trade-top-bbox-center1.mbgaui-widget-anchors,
			.trade-top-bbox-center1.mbgaui-active {
				width: 200px;
				height: 45px;
				font-size: 1.4rem;
				color: #00e4ff;
				line-height: 45px;
				font-weight: bold;
				font-family: DotFont;
				text-align: center;
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 200px 45px;
				z-index: 1;
			}
			
			.trade-top-bbox-center1.mbgaui-disabled {
				width: 200px;
				height: 45px;
				font-size: 1.4rem;
				color: #00e4ff;
				line-height: 45px;
				font-weight: bold;
				font-family: DotFont;
				text-align: center;
				display: block;
				position: relative;
				top: 0;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 200px 45px;
				z-index: 1;
			}
			
			.trade-top-bbox-center1-filter {
				width: 190px;
				height: 35px;
				position: absolute;
				top: 5px;
				left: 5px;
				background: rgba(0,0,0,0.6);
				z-index: 2;
			}
			
			.trade-top-bbox-center1.mbgaui-widget-anchors {
				top: 0;
			}

			.trade-top-bbox-center1.mbgaui-active {
				top: 2px;
			}
			
			.trade-top-bbox-center1.mbgaui-widget-anchors:active {
				top: 2px;
			}

			.trade-top-bbox-center1 { background-image: url("Game_Images/trade3_btn.png"); }
			
	.trade-top-andmore {
		font-size: 1.3rem;
		color: #00e4ff;
		line-height: 16px;
		text-align: center;
	}
	
		.trade-top-andmore a { font-weight: bold; }
		.trade-top-andmore a.mbgaui-widget-anchors { color: #ffd200; }
		.trade-top-andmore a.mbgaui-active { color: #241300; }
		.trade-top-andmore a.mbgaui-widget-anchors:active { color: #241300; }
		

.trade-offers-body {
	width: 320px;
	height: 480px;
	position: relative;
	background-color: #000000;
	background-image: url("Game_Images/bg_black.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 480px;
	overflow: hidden;
}

	.trade-offers-back {
		margin: 0 0 0 40px;
		width: 280px;
		height: 215px;
		position: relative;
		top: 40px;
		background-image: url("Game_Images/back_light.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 141px 203px;
		z-index: 2;
	}
	
	.trade-offers-back2 {
		margin: 0 0 0 20px;
		padding: 0 20px 0 0;
		width: 280px;
		height: 215px;
		position: relative;
		top: 40px;
		background-image: url("Game_Images/back_light.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 141px 203px;
		z-index: 2;
	}
	
	.trade-offers-img {
		width: 152px;
		position: relative;
		-webkit-box-sizing: border-box;
		z-index: 3;
	}
	
	.trade-offers-img2 {
		width: 152px;
		position: relative;
		-webkit-box-sizing: border-box;
		z-index: 3;
	}
	
	.trade-offers-stage {
		width: 118px;
		height: 90px;
		position: absolute;
		top: 101px;
		left: 11px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 118px 90px;
		z-index: 1;
	}
	
	.trade-offers-stage2 {
		width: 118px;
		height: 90px;
		position: absolute;
		top: 91px;
		left: 11px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 118px 90px;
		z-index: 1;
	}
	
	.trade-offers-name {
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 18px;
		font-weight: bold;
		text-align: right;
		position: absolute;
		top: 6px;
		right: 9px;
	}
	
	.trade-offers-status {
		padding: 6px;
		width: 89px;
		height: 125px;
		position: absolute;
		top: 30px;
		right: 9px;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.4);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
	
	.trade-offers-status .lv {
		margin: 0 2px;
		font-size: 1.2rem;
		color: #ffd200;
		line-height: 16px;
	}
	
	.trade-offers-status .lv span { font-weight: bold; }
	
	.trade-offers-status .sef {
		margin: 0 2px 2px;
		font-size: 1.2rem;
		line-height: 14px;
	}
	
	.trade-offers-status .sef span { font-weight: bold; }
	
	.trade-offers-status-atdf {
		padding: 2px;
		width: 70px;
		height: 76px;
		-webkit-box-sizing: border-box;
		background: rgba(0,0,0,0.4);
	}
	
	.trade-offers-status-atdf li {
		padding: 0 0 0 18px;
		width: 48px;
		height: 14px;
		font-size: 0.9rem;
		line-height: 14px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.trade-offers-status-atdf li.hp:before,
		.trade-offers-status-atdf li.at:before,
		.trade-offers-status-atdf li.df:before,
		.trade-offers-status-atdf li.iq:before,
		.trade-offers-status-atdf li.sp:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}
		
		.trade-offers-status-atdf li.hp:before { background-position: -44px -172px; }
		.trade-offers-status-atdf li.at:before { background-position: -64px -172px; }
		.trade-offers-status-atdf li.df:before { background-position: -84px -172px; }
		.trade-offers-status-atdf li.iq:before { background-position: -104px -172px; }
		.trade-offers-status-atdf li.sp:before { background-position: -124px -172px; }
		
	.trade-offers-status-term-area {
		width: 320px;
		height: 190px;
		position: absolute;
		top: 230px;
		left: 0;
	}
	
		.term-title {
			margin: 0 0 4px 10px;
			font-size: 1.4rem;
			color: #67cbff;
			font-family: DotFont;
			display: inline-block;
			position: relative;
		}
		
			.term-title:before {
				width: 14px;
				height: 8px;
				content: "";
				display: block;
				position: absolute;
				top: 6px;
				right: -16px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -216px -40px;
				-webkit-background-size: 320px 1550px;
			}
			
	.trade-offers-list-block-no-shadow {
		margin: 0 0 8px 10px;
		width: 300px;
		height: 48px;
		position: relative;
		top: 2px;
		left: 2px;
		background: #454545;
	}
		
		.trade-offers-list-block-no-shadow:before {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			right: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -304px -96px;
			-webkit-background-size: 320px 1550px;
		}
		
		.trade-offers-list-block-no-shadow:after {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: 0;
			left: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -312px -96px;
			-webkit-background-size: 320px 1550px;
		}
	
		.trade-offers-list-block-no {
			width: 300px;
			height: 48px;
			display: -webkit-box;
			position: relative;
			top: -2px;
			left: -2px;
			background: -webkit-gradient(linear,left top,left bottom,from(#767a7d),to(#606569));
		}
		
			.trade-offers-list-block-no-left {
				padding: 6px 0 0 6px;
				width: 50px;
				height: 48px;
				-webkit-box-sizing: border-box;
			}
			
			.trade-offers-list-block-no-center {
				width: 210px;
				height: 48px;
				font-size: 1.5rem;
				color: #373737;
				line-height: 48px;
				font-weight: bold;
				text-align: center;
			}
			
			.trade-offers-list-block-no-right {
				width: 40px;
				height: 48px;
				position: relative;
			}
			
				.trade-offers-list-block-no-right:before {
					width: 22px;
					height: 22px;
					content: "";
					display: block;
					position: absolute;
					top: 14px;
					left: 9px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: 0 -192px;
					-webkit-background-size: 320px 388px;
				}
				
	.trade-offers-list-block-shadow {
		margin: 0 0 8px 10px;
		width: 300px;
		height: 48px;
		position: relative;
		top: 2px;
		left: 2px;
		background: #004366;
	}
		
		.trade-offers-list-block-shadow:before {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			right: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -304px -72px;
			-webkit-background-size: 320px 1550px;
		}
		
		.trade-offers-list-block-shadow:after {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: 0;
			left: -2px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -312px -72px;
			-webkit-background-size: 320px 1550px;
		}
	
		.trade-offers-list-block {
			width: 300px;
			height: 48px;
			display: -webkit-box;
			position: relative;
			top: -2px;
			left: -2px;
			background: -webkit-gradient(linear,left top,left bottom,from(#009acd),to(#00779e));
		}
		
			.trade-offers-list-block-left {
				padding: 6px 0 0 6px;
				width: 50px;
				height: 48px;
				-webkit-box-sizing: border-box;
			}
			
			.trade-offers-list-block-center {
				width: 210px;
				height: 48px;
				font-size: 1.5rem;
				color: #d6f4ff;
				line-height: 48px;
				font-weight: bold;
				text-align: center;
			}
			
			.trade-offers-list-block-right {
				width: 40px;
				height: 48px;
				position: relative;
			}
			
				.trade-offers-list-block-right:before {
					width: 22px;
					height: 22px;
					content: "";
					display: block;
					position: absolute;
					top: 14px;
					left: 9px;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					background-position: -24px -192px;
					-webkit-background-size: 320px 388px;
				}
				
.trade-item-num {
	padding: 0 2px;
	min-width: 19px;
	height: 12px;
	font-size: 0.7rem;
	color: #ffffff;
	line-height: 10px;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: -2px;
	top: -3px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	border: #4b1414 solid 1px;
	background: #730000;
}

.dialog-trade-confirm-upper {
	margin: 10px 20px 0;
	width: 264px;
	height: 84px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
}

	.dialog-trade-confirm-upper-img {
		width: 84px;
		position: relative;
	}

	.dialog-trade-confirm-upper-cap {
		width: 180px;
		height: 75px;
		display: table;
	}

		.dialog-trade-confirm-upper-cap p {
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 16px;
			vertical-align: middle;
			display: table-cell;
		}

		.dialog-trade-confirm-upper-cap p.warning { color: #ff0000; }

.dialog-trade-confirm-lower {
	margin: 0 8px;
	width: 288px;
	height: 103px;
	position: relative;
	-webkit-box-sizing: border-box;
	border: #b6b2ad solid 2px;
	background: #766957;
}

	.term-title2 {
		margin: 0 0 4px 10px;
		font-size: 1.4rem;
		color: #433522;
		line-height: 18px;
		font-family: DotFont;
		display: inline-block;
		position: relative;
	}
	
		.term-title2:before {
			width: 14px;
			height: 8px;
			content: "";
			display: block;
			position: absolute;
			top: 7px;
			right: -16px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -232px -40px;
			-webkit-background-size: 320px 1550px;
		}

	.dialog-trade-confirm-lower-area {
		padding: 0 10px;
		width: 268px;
		height: 73px;
		display: -webkit-box;
	}

	.dialog-trade-confirm-lower-block-area3 {
		width: 89px;
		height: 73px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.dialog-trade-confirm-lower-block-area5 {
		width: 53px;
		height: 73px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.dialog-trade-confirm-lower-block {
		margin: 0 0 5px;
		width: 54px;
		height: 48px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.dialog-trade-confirm-num {
		padding: 0 14px;
		font-size: 1.0rem;
		color: #433522;
		line-height: 12px;
		text-align: center;
	}
	
	.dialog-trade-lv-num {
		padding: 0 14px;
		font-size: 1.0rem;
		color: #ffd200;
		line-height: 12px;
	}
	
	.dialog-trade-sef-num {
		padding: 0 14px;
		font-size: 1.0rem;
		line-height: 12px;
	}
	
		.dialog-trade-sef-num span,
		.dialog-trade-lv-num span {
			font-weight: bold;
		}

.trade-skill {
	margin: 0 9px 5px;
	padding: 0 8px 0 40px;
	width: 302px;
	height: 49px;
	position: relative;
	-webkit-box-sizing: border-box;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px #000000;
	z-index: 2;
}

	.trade-skill:before {
		width: 28px;
		height: 32px;
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 5px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -216px -632px;
		-webkit-background-size: 320px 1550px;
	}
	
	.trade-skill dt {
		height: 15px;
		font-size: 1.0rem;
		color: #ffffff;
		line-height: 15px;
		font-weight: bold;
		display: inline-block;
		position: relative;
	}
	
	.trade-skill dd {
		height: 26px;
		display: table;
	}
	
		.trade-skill dd p {
			font-size: 1.0rem;
			color: #6b6b6b;
			line-height: 12px;
			vertical-align: middle;
			display: table-cell;
		}
		
	.term-title3 {
		margin: 0 0 0 10px;
		font-size: 1.4rem;
		color: #ff800f;
		line-height: 26px;
		font-family: DotFont;
		display: inline-block;
		position: relative;
	}
	
		.term-title3:before {
			width: 14px;
			height: 8px;
			content: "";
			display: block;
			position: absolute;
			top: 11px;
			right: -16px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -248px -40px;
			-webkit-background-size: 320px 1550px;
		}
		
.show-trade-list-block-no {
	margin: 0 11px 4px;
	width: 298px;
	height: 46px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border: #404040 solid 2px;
	background: #505050;
	opacity: 0.5;
}

	.show-trade-list-block-no-left {
		padding: 3px 0 0 3px;
		width: 42px;
		height: 42px;
		-webkit-box-sizing: border-box;
	}
	
	.show-trade-list-block-no-center {
		width: 200px;
		height: 42px;
		font-size: 1.5rem;
		color: #8f9ea4;
		line-height: 42px;
		font-weight: bold;
		text-align: center;
	}
	
	.show-trade-list-block-no-right {
		padding: 0 0 0 14px;
		width: 52px;
		height: 42px;
		font-size: 1.3rem;
		color: #8ec0c8;
		line-height: 42px;
		text-align: center;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.show-trade-list-block-no-right:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 11px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -284px -128px;
			-webkit-background-size: 320px 388px;
		}
		
.show-trade-list-block {
	margin: 0 11px 4px;
	width: 298px;
	height: 46px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border: #8f4914 solid 2px;
	background: rgba(119,64,23,0.8);
}

.show-trade-list-block-my {
	border: #16617d solid 2px!important;
	background: rgba(0,120,160,0.5)!important;
}

	.show-trade-list-block-left {
		padding: 3px 0 0 3px;
		width: 42px;
		height: 42px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.show-trade-list-block-center {
		width: 200px;
		height: 42px;
		font-size: 1.5rem;
		color: #d6f4ff;
		line-height: 42px;
		font-weight: bold;
		text-align: center;
	}
	
	.show-trade-list-block-right {
		padding: 0 0 0 14px;
		width: 52px;
		height: 42px;
		font-size: 1.3rem;
		color: #ebd8b9;
		line-height: 42px;
		text-align: center;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.show-trade-list-block-right:before {
			width: 20px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 11px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -284px -128px;
			-webkit-background-size: 320px 388px;
		}
		
	.trade-limit-num {
		font-size: 1.3rem;
		color: #a3a3a3;
		font-weight: bold;
		position: absolute;
		top: 82px;
		left: 90px;
	}
		
/*setting
----------------------------------------------------------------*/
.setting-body {
	margin: 0 auto;
	width: 300px;
	height: 208px;
	position: relative;
	top: 93px;
	border: rgba(255,255,255,0.1) solid 2px;
	background: rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #000000;
}

	.setting-body li {
		margin: 0 14px;
		width: 268px;
		height: 68px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border-top: #252525 solid 1px;
		border-bottom: #1d1d1d solid 1px;
	}
	
	.setting-body li:nth-of-type(1) { border-top: none; }
	.setting-body li:nth-last-of-type(1) { border-bottom: none; }
	
	.setting-li-left {
		width: 200px;
		height: 66px;
		display: table;
	}
	
		.setting-li-left p {
			padding: 0 0 0 18px;
			font-size: 2.0rem;
			color: #ffffff;
			line-height: 24px;
			font-weight: bold;
			-webkit-box-sizing: border-box;
			vertical-align: middle;
			display: table-cell;
		}
	
	.setting-li-right {
		width: 68px;
		height: 66px;
		position: relative;
	}
	
.setting-add-area {
	position:relative;
	top:94px;
	margin:8px 9px 0;
	font-weight: bold;
}
	.setting-add-area li {
		position:relative;
		display:inline-block;
	}
	.setting-add-area li.facebook {top:0; left:176px;}
	.setting-add-area li.facebook > .mbgaui-widget-anchors {
		color:#ffffff;
		background:url("Game_Images/btn_facebook_2.png") no-repeat;
		background-size:126px 43px;
		width: 86px;
		line-height: 38px;
		padding: 0 0 5px 40px;
		font-size: 1.4rem;
	}
	.setting-add-area li.facebook .mbgaui-active { opacity:0.5;}

/*Welcome
----------------------------------------------------------------*/
.welcome-header-cap {
	width: 302px;
	height: 75px;
	display: table;
}

	.welcome-header-cap p {
		font-size: 1.1rem!important;
		line-height: 22px!important;
		font-weight: bold!important;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
	.welcome-header-cap p span {
		color: #ffd200;
	}

.edge-num {
	width: 131px;
	height: 32px;
	position: absolute;
	top: 12px;
	left: 4px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/maxedge_welcome.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 131px 32px;
	z-index: 3;
}

	.edge-num p {
		font-size: 1.8rem!important;
		color: #ffffff;
		font-family: DotFont;
		text-align: right;
		position: relative;
		top: 7px;
		right: 52px;
	}
	
.edge-num2 {
	width: 131px;
	height: 32px;
	position: absolute;
	top: 18px;
	left: -15px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/edge_welcome.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 131px 32px;
	z-index: 3;
}

	.edge-num2 p {
		font-size: 1.8rem!important;
		color: #ffffff;
		font-family: DotFont;
		text-align: right;
		position: relative;
		top: 7px;
		right: 52px;
	}
	
.edge-num2-2 {
	width: 131px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -15px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/edge_welcome.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 131px 32px;
	z-index: 3;
}

	.edge-num2-2 p {
		font-size: 1.8rem!important;
		color: #ffffff;
		font-family: DotFont;
		text-align: right;
		position: relative;
		top: 7px;
		right: 52px;
	}

.edge-green-num2 {
	width: 131px;
	height: 32px;
	position: absolute;
	top: 18px;
	left: -15px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/edge_green_welcome.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 131px 32px;
	z-index: 3;
}

	.edge-green-num2 p {
		font-size: 1.8rem!important;
		color: #ffffff;
		font-family: DotFont;
		text-align: right;
		position: relative;
		top: 7px;
		right: 52px;
	}

.edge-green-num2-2 {
	width: 131px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -15px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/edge_green_welcome.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 131px 32px;
	z-index: 3;
}

	.edge-green-num2-2 p {
		font-size: 1.8rem!important;
		color: #ffffff;
		font-family: DotFont;
		text-align: right;
		position: relative;
		top: 7px;
		right: 52px;
	}

.edge-hero {
	width: 131px;
	height: 32px;
	position: absolute;
	top: 18px;
	left: -15px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/edge_hero.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 131px 32px;
	z-index: 3;
}

	.edge-hero p {
		font-size: 1.8rem!important;
		color: #ffffff;
		font-family: DotFont;
		text-align: right;
		position: relative;
		top: 7px;
		right: 52px;
	}

.edge-hero1 {
	width: 131px;
	height: 32px;
	position: absolute;
	top: 18px;
	left: -15px;
	-webkit-box-sizing: border-box;
	background-image: url("Game_Images/edge_hero_300.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 131px 32px;
	z-index: 3;
}

.edge-num3 {
	width: 75px;
	height: 30px;
	position: absolute;
	top: 2px;
	left: 86px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/gvg_edge.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 75px 30px;
	z-index: 3;
}

	.edge-num3 p {
		font-size: 1.1rem!important;
		color: #ffffff;
		line-height: 14px!important;
		font-family: DotFont;
		text-align: right;
		position: relative;
		top: 12px;
		right: 18px;
	}
	
.welcome-middle-cap {
	margin: 0 0 8px;
	font-size: 1.2rem;
	line-height: 22px;
	font-weight: bold;
	text-align: center;
	position: relative;
}

	.welcome-middle-cap:before {
		width: 39px;
		height: 55px;
		content: "";
		display: block;
		position: absolute;
		top: -26px;
		left: 45px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: 0 -328px;
		-webkit-background-size: 320px 1550px;
	}
	
	.welcome-middle-cap:after {
		width: 21px;
		height: 31px;
		content: "";
		display: block;
		position: absolute;
		top: -13px;
		right: 32px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -40px -312px;
		-webkit-background-size: 320px 1550px;
	}

.welcome-middle-img-area {
	margin: 0 auto 16px;
	width: 318px;
	height: 48px;
	display: -webkit-box;
	-webkit-box-pack: center;
}

	.welcome-middle-img-block {
		width: 53px;
		height: 48px;
		position: relative;
	}
	
	.welcome-middle-img-block:nth-of-type(1):before {
		width: 39px;
		height: 55px;
		content: "";
		display: block;
		position: absolute;
		top: -34px;
		left: -12px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: 0 -328px;
		-webkit-background-size: 320px 1550px;
		z-index: 56;
	}
	
	.welcome-middle-img-block:nth-of-type(1):after {
		width: 21px;
		height: 31px;
		content: "";
		display: block;
		position: absolute;
		top: 37px;
		right: 7px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -40px -312px;
		-webkit-background-size: 320px 1550px;
		z-index: 56;
	}
	
	.welcome-middle-img-block:nth-last-of-type(1):before {
		width: 39px;
		height: 55px;
		content: "";
		display: block;
		position: absolute;
		top: -36px;
		left: 32px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: 0 -328px;
		-webkit-background-size: 320px 1550px;
		z-index: 56;
	}
	
	.welcome-middle-img-block:nth-last-of-type(1):after {
		width: 21px;
		height: 31px;
		content: "";
		display: block;
		position: absolute;
		top: 37px;
		right: 39px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -40px -312px;
		-webkit-background-size: 320px 1550px;
		z-index: 56;
		
	}
	
.welcome-bottom-cap {
	text-align: center;
}

	.welcome-bottom-cap p {
		padding: 0 0 0 23px;
		font-size: 1.2rem;
		color: #ff4b00;
		line-height: 18px;
		display: inline-block;
		position: relative;
	}
	
		.welcome-bottom-cap p:before {
			width: 23px;
			height: 19px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -200px -280px;
			-webkit-background-size: 320px 1550px;
		}

/*long btn
----------------------------------------------------------------*/
.help-long-btn.mbgaui-widget-anchors,
.help-long-btn.mbgaui-active {
	margin: 0 0 15px;
	width: 302px;
	height: 57px;
	text-align: center;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
}
	
	.help-long-btn.mbgaui-widget-anchors p,
	.help-long-btn.mbgaui-active p {
		font-size: 1.9rem;
		color: #ffd800;
		line-height: 54px;
		font-weight: bold;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.help-long-btn-icon {
		width: 39px;
		height: 39px;
		position: absolute;
		top: 8px;
		left: 10px;
		-webkit-box-sizing: border-box;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -44px -36px;
		-webkit-background-size: 320px 388px;
	}
	
	.help-long-btn-icon.movie:before {
		width: 23px;
		height: 24px;
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 6px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
	}
	
	.help-long-btn-icon.movie:before {
		width: 25px;
		height: 25px;
		background-position: -168px -276px;
	}
	
	.help-long-btn.mbgaui-widget-anchors:after,
	.help-long-btn.mbgaui-active:after {
		width: 11px;
		height: 11px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -216px -24px;
		-webkit-background-size: 320px 1550px;
	}

.help-long-btn.mbgaui-widget-anchors {
	border: #651d0d solid 2px;
	background: #36140b;
}

.help-long-btn.mbgaui-active {
	border: #2d2d2d solid 2px;
	background: #191919;
}

/*help icon
----------------------------------------------------------------*/
.help-attr-area {
	margin: 0 1px 8px;
	width: 300px;
	height: 60px;
	display: -webkit-box;
}

	.help-attr-area li {
		padding: 48px 0 0;
		width: 60px;
		height: 60px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.help-attr-area li p {
			padding: 0;
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 12px;
			font-weight: bold;
			text-align: center;
			position: relative;
			z-index: 1;
		}
		
		.help-attr-area li.sign1 p { color: #ff2a00; }
		.help-attr-area li.sign2 p { color: #7189ff; }
		.help-attr-area li.sign3 p { color: #fff842; font-size: 1.0rem; }
		.help-attr-area li.sign4 p { color: #9fe7df; }
		.help-attr-area li.sign5 p { color: #5bd455; }
	
		.help-attr-area li:before {
			width: 46px;
			height: 46px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 7px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
			z-index: 1;
		}
		
		.help-attr-area li.sign1:before { background-position: -80px -456px; }
		.help-attr-area li.sign2:before { background-position: -128px -456px; }
		.help-attr-area li.sign3:before { background-position: -176px -456px; }
		.help-attr-area li.sign4:before { background-position: -224px -456px; }
		.help-attr-area li.sign5:before { background-position: -272px -456px; }
		                                                                    
		.help-attr-area li.type1:before { background-position: -80px -504px; }
		.help-attr-area li.type2:before { background-position: -128px -504px; }
		.help-attr-area li.type3:before { background-position: -176px -504px; }
		.help-attr-area li.type4:before { background-position: -224px -504px; }
		.help-attr-area li.type5:before { background-position: -272px -504px; }
		
		.help-attr-area li:after {
			width: 24px;
			height: 60px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: 0 -736px;
			-webkit-background-size: 320px 1550px;
		}
	
	.help-attr-area li:nth-last-of-type(1):after {
		width: 24px;
		height: 60px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background: none;
	}

/*fuse limit break dialog
----------------------------------------------------------------*/
.limit-break-header-cap {
	height: 30px;
	font-size: 1.2rem;
	color: #444444;
	line-height: 30px;
	text-align: center;
}

.limit-break-upper-chara {
	margin: 0 0 18px;
	width: 304px;
	height: 78px;
	display: -webkit-box;
}

	.limit-break-upper-chara-left {
		padding: 0 0 0 17px;
		width: 100px;
		height: 78px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		position: relative;
	}
	
	.limit-break-upper-chara-right {
		width: 202px;
		height: 78px;
		display: -webkit-box;
		position: relative;
	}
	
		.limit-break-upper-chara-status {
			width: 185px;
			height: 66px;
			position: relative;
			top: 4px;
			-webkit-box-sizing: border-box;
			-webkit-border-radius: 3px;
			-webkit-box-shadow: inset 0 0 2px #c7c7c7;
			border: #a3a3a3 solid 1px;
			background: #5c5c5c;
		}
		
			.limit-break-upper-chara-status ul {
				width: 183px;
				height: 64px;
			}
			
				.limit-break-upper-chara-status ul li {
					padding: 0 0 0 36px;
					width: 91px;
					height: 21px;
					font-size: 1.1rem;
					color: #b9b9b9;
					line-height: 21px;
					float: left;
					position: relative;
					-webkit-box-sizing: border-box;
				}
				
				.limit-break-upper-chara-status ul li.up {
					color: #a3efff;
					font-weight: bold;
				}
				
				.limit-break-upper-chara-status ul li.down {
					color: #ffa1a1;
					font-weight: bold;
				}
				
				.limit-break-upper-chara-status ul li.hp:before,
				.limit-break-upper-chara-status ul li.at:before,
				.limit-break-upper-chara-status ul li.df:before,
				.limit-break-upper-chara-status ul li.iq:before,
				.limit-break-upper-chara-status ul li.sp:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/sprite_retina.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 388px;
				}
				
				.limit-break-upper-chara-status ul li.ed:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/edge_icon.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}

				.limit-break-upper-chara-status ul li.hp:before { background-position: -44px -172px; }
				.limit-break-upper-chara-status ul li.at:before { background-position: -64px -172px; }
				.limit-break-upper-chara-status ul li.df:before { background-position: -84px -172px; }
				.limit-break-upper-chara-status ul li.iq:before { background-position: -104px -172px; }
				.limit-break-upper-chara-status ul li.sp:before { background-position: -124px -172px; }				

				.limit-break-upper-chara-status ul li.up:after,
				.limit-break-upper-chara-status ul li.down:after,
				.limit-break-upper-chara-status ul li.draw:after {
					width: 11px;
					height: 11px;
					content: "";
					display: block;
					position: absolute;
					top: 6px;
					left: 23px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}

				.limit-break-upper-chara-status ul li.up:after { background-position: -96px -376px; }
				.limit-break-upper-chara-status ul li.down:after { background-position: -96px -392px; }
				.limit-break-upper-chara-status ul li.draw:after { background-position: -96px -408px; }
				 
.limit-break-lower-chara {
	margin: 0 auto;
	width: 289px;
	height: 179px;
	position: relative;
	-webkit-box-sizing: border-box;
	border: #b6b2ad solid 2px;
	background: #a69e93;
}

	.limit-break-lower-chara:before {
		width: 25px;
		height: 20px;
		content: "";
		display: block;
		position: absolute;
		top: -20px;
		left: 36px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -228px -260px;
		-webkit-background-size: 320px 388px;
	}
	
	.limit-break-lower-rarity-fix {
		top: 8px;
		left: 208px;
	}
	
	.limit-break-lower-num-fix {
		font-size: 1.4rem;
		color: #3e2a24;
		line-height: 20px;
		font-weight: bold;
		position: absolute;
		top: 8px;
		left: 235px;
	}

	.limit-break-lower-chara-img {
		margin: 0 auto 6px;
		padding: 0 2px;
		width: 104px;
		height: 100px;
		position: relative;
		top: 4px;
	}
	
		.limit-break-lower-chara-img:before {
			width: 104px;
			height: 100px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("Game_Images/max_star_thumbnail.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 104px 100px;
			z-index: 1;
		}
		
	.limit-break-lower-star-area {
		width: 285px;
		height: 69px;
		display: -webkit-box;
	}
	
		.limit-break-lower-star-area li {
			margin: 0 4px 0 3px;
			width: 88px;
			height: 60px;
			position: relative;
		}
		
			.limit-break-lower-star-area li a {
				width: 88px;
				height: 60px;
				display: block;
				position: relative;
			}
			
				.limit-break-lower-star-block .check {
					width: 88px;
					height: 60px;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url("Game_Images/max_select02.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 88px 60px;
				}
				
					.limit-break-lower-star-block .check:before {
						width: 26px;
						height: 18px;
						content: "";
						display: block;
						position: absolute;
						top: -6px;
						right: -6px;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -144px -368px;
						-webkit-background-size: 320px 1550px;
						z-index: 1;
					}
				
				.limit-break-lower-star-block .nocheck {
					width: 88px;
					height: 60px;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background: none;
				}

	.limit-break-lower-star-area2 {
		margin: 0 auto;
		width: 270px;
		height: 61px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
	}
	
		.limit-break-lower-star-area2 li {
			margin: 0 1px 0 0;
			padding: 4px 0;
			width: 53px;
			height: 61px;
			position: relative;
		}
		
			.limit-break-lower-star-area2 li:before {
				width: 13px;
				height: 61px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: 0 -488px;
				-webkit-background-size: 320px 1550px;
			}
			
			.limit-break-lower-star-area2 li:nth-last-of-type(1):before {
				width: 13px;
				height: 61px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				background: none;
			}
			
				.limit-break-lower-star-block2 .check {
					width: 53px;
					height: 53px;
					display: block;
					position: absolute;
					top: 4px;
					left: 0;
					background-image: url("Game_Images/max_select01.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 53px 53px;
				}
				
					.limit-break-lower-star-block2 .check:before {
						width: 26px;
						height: 18px;
						content: "";
						display: block;
						position: absolute;
						top: -6px;
						right: -6px;
						background-image: url("Game_Images/sprite.png");
						background-repeat: no-repeat;
						background-position: -144px -368px;
						-webkit-background-size: 320px 1550px;
						z-index: 1;
					}
				
				.limit-break-lower-star-block2 .nocheck {
					width: 53px;
					height: 53px;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					background: none;
				}

			.limit-break-lower-star {
				padding: 44px 0 0;
				width: 84px;
				height: 56px;
				text-align: center;
				position: absolute;
				bottom: 3px;
				left: 2px;
				-webkit-box-sizing: border-box;
			}
			
				.limit-break-lower-star.gstar:before,
				.limit-break-lower-star.nstar:before {
					width: 45px;
					height: 45px;
					content: "";
					display: block;
					position: absolute;
					left: 21px;
					top: 2px;
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 45px 45px;
				}
				
				.limit-break-lower-star.gstar:before { background-image: url("Game_Images/max_star01.png"); }
				.limit-break-lower-star.nstar:before { background-image: url("Game_Images/max_star03.png"); }
			
				.limit-break-lower-star p {
					padding: 0 0 0 14px;
					font-size: 1.2rem;
					line-height: 14px;
					font-weight: bold;
					text-align: left;
					display: inline-block;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.limit-break-lower-star p.hp { color: #008297; }
					.limit-break-lower-star p.at { color: #ff0000; }
					.limit-break-lower-star p.df { color: #2a4ecc; }
					.limit-break-lower-star p.iq { color: #3d7c06; }
					.limit-break-lower-star p.sp { color: #d85600; }

					.limit-break-lower-star p.hp:before,
					.limit-break-lower-star p.at:before,
					.limit-break-lower-star p.df:before,
					.limit-break-lower-star p.iq:before,
					.limit-break-lower-star p.sp:before {
						width: 12px;
						height: 12px;
						content: "";
						display: block;
						position: absolute;
						top: 1px;
						left: 0;
						background-image: url("Game_Images/sprite_retina.png");
						background-repeat: no-repeat;
						-webkit-background-size: 320px 388px;
					}

					.limit-break-lower-star p.hp:before { background-position: -188px -60px; }
					.limit-break-lower-star p.at:before { background-position: -200px -60px; }
					.limit-break-lower-star p.df:before { background-position: -212px -60px; }
					.limit-break-lower-star p.iq:before { background-position: -224px -60px; }
					.limit-break-lower-star p.sp:before { background-position: -236px -60px; }
			
			.limit-break-lower-status {
				padding: 22px 0 0;
				width: 53px;
				height: 53px;
				text-align: center;
				position: absolute;
				bottom: 0;
				left: 0;
				-webkit-box-sizing: border-box;
			}
			
				.limit-break-lower-status.hp:before,
				.limit-break-lower-status.at:before,
				.limit-break-lower-status.df:before,
				.limit-break-lower-status.iq:before,
				.limit-break-lower-status.sp:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					left: 16px;
					top: 2px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.limit-break-lower-status.hp:before { background-position: -200px -600px; }
				.limit-break-lower-status.at:before { background-position: -104px -600px; }
				.limit-break-lower-status.df:before { background-position: -176px -600px; }
				.limit-break-lower-status.iq:before { background-position: -128px -600px; }
				.limit-break-lower-status.sp:before { background-position: -152px -600px; }
			
				.limit-break-lower-status p {
					font-size: 1.2rem;
					line-height: 14px;
					font-weight: bold;
					text-align: center;
					display: inline-block;
					position: relative;
					-webkit-box-sizing: border-box;
				}

					.limit-break-lower-status.hp p { color: #008297; }
					.limit-break-lower-status.at p { color: #ff0000; }
					.limit-break-lower-status.df p { color: #2a4ecc; }
					.limit-break-lower-status.iq p { color: #3d7c06; }
					.limit-break-lower-status.sp p { color: #d85600; }
			
.limit-break-footer-cap {
	margin: 0 8px;
	width: 286px;
	height: 36px;
	display: table;
	position: absolute;
	top: 345px;
	left: 0;
}

	.limit-break-footer-cap p {
		font-size: 1.2rem;
		color: #e50000;
		line-height: 16px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	
.limit-break-confirm-upper {
	margin: 0 auto;
	width: 285px;
	height: 93px;
	position: relative;
	display: -webkit-box;
	z-index: 2;
}

	.limit-break-confirm-upper:before {
		width: 27px;
		height: 18px;
		content: "";
		display: block;
		position: absolute;
		left: 129px;
		bottom: -16px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -256px -260px;
		-webkit-background-size: 320px 388px;
	}
	
.limit-break-confirm-upper2 {
	margin: 0 auto;
	width: 285px;
	height: 58px;
}
	
	.limit-break-confirm-upper-left {
		width: 142px;
		height: 93px;
		position: relative;
	}
	
		.limit-break-confirm-upper-left:before {
			width: 45px;
			height: 45px;
			content: "";
			display: block;
			position: absolute;
			left: 48px;
			top: 24px;
			background-image: url("Game_Images/max_star02.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 45px 45px;
		}
		
	.limit-break-confirm-upper-right {
		padding: 36px 0 0 10px;
		width: 143px;
		height: 93px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
		
		.limit-break-confirm-upper-right p {
			padding: 0 0 0 36px;
			font-size: 1.4rem;
			line-height: 20px;
			font-weight: bold;
			position: relative;
		}
		
			.limit-break-confirm-upper-right p.hp { color: #008297; }
			.limit-break-confirm-upper-right p.at { color: #ff0000; }
			.limit-break-confirm-upper-right p.df { color: #2a4ecc; }
			.limit-break-confirm-upper-right p.iq { color: #3d7c06; }
			.limit-break-confirm-upper-right p.sp { color: #d85600; }
		
			.limit-break-confirm-upper-right p.hp:before,
			.limit-break-confirm-upper-right p.at:before,
			.limit-break-confirm-upper-right p.df:before,
			.limit-break-confirm-upper-right p.iq:before,
			.limit-break-confirm-upper-right p.sp:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}
			
			.limit-break-confirm-upper-right p.hp:before { background-position: -200px -600px; }
			.limit-break-confirm-upper-right p.at:before { background-position: -104px -600px; }
			.limit-break-confirm-upper-right p.df:before { background-position: -176px -600px; }
			.limit-break-confirm-upper-right p.iq:before { background-position: -128px -600px; }
			.limit-break-confirm-upper-right p.sp:before { background-position: -152px -600px; }

				.limit-break-confirm-upper-right p.up:after,
				.limit-break-confirm-upper-right p.down:after,
				.limit-break-confirm-upper-right p.draw:after {
					width: 11px;
					height: 11px;
					content: "";
					display: block;
					position: absolute;
					top: 5px;
					left: 23px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}

				.limit-break-confirm-upper-right p.up:after { background-position: -96px -376px; }
				.limit-break-confirm-upper-right p.down:after { background-position: -96px -392px; }
				.limit-break-confirm-upper-right p.draw:after { background-position: -96px -408px; }

.limit-break-confirm-middle {
	margin: 0 auto;
	width: 285px;
	height: 106px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	border-top: #b6b2ad solid 2px;
	border-bottom: #b6b2ad solid 2px;
	background: #a69e93;
	z-index: 1;
}

	.limit-break-confirm-middle:before {
		width: 27px;
		height: 18px;
		content: "";
		display: block;
		position: absolute;
		left: 129px;
		bottom: -16px;
		background-image: url("Game_Images/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -289px -260px;
		-webkit-background-size: 320px 388px;
	}

	.limit-break-confirm-middle-left {
		width: 142px;
		height: 106px;
		position: relative;
	}
	
		.limit-break-confirm-middle-left-img {
			margin: 0 auto;
			padding: 0 2px;
			width: 104px;
			height: 100px;
			position: relative;
			top: 2px;
		}
		
			.limit-break-confirm-middle-left-img:before {
				width: 104px;
				height: 100px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url("Game_Images/max_star_thumbnail.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 104px 100px;
				z-index: 1;
			}
			
	.limit-break-confirm-middle-right {
		padding: 42px 0 0 10px;
		width: 143px;
		height: 106px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.limit-break-confirm-middle-right p {
			padding: 0 0 0 36px;
			font-size: 1.4rem;
			line-height: 20px;
			font-weight: bold;
			position: relative;
		}
		
			.limit-break-confirm-middle-right p.hp { color: #008297; }
			.limit-break-confirm-middle-right p.at { color: #ff0000; }
			.limit-break-confirm-middle-right p.df { color: #2a4ecc; }
			.limit-break-confirm-middle-right p.iq { color: #3d7c06; }
			.limit-break-confirm-middle-right p.sp { color: #d85600; }
		
			.limit-break-confirm-middle-right p.hp:before,
			.limit-break-confirm-middle-right p.at:before,
			.limit-break-confirm-middle-right p.df:before,
			.limit-break-confirm-middle-right p.iq:before,
			.limit-break-confirm-middle-right p.sp:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}
			
			.limit-break-confirm-middle-right p.hp:before { background-position: -200px -600px; }
			.limit-break-confirm-middle-right p.at:before { background-position: -104px -600px; }
			.limit-break-confirm-middle-right p.df:before { background-position: -176px -600px; }
			.limit-break-confirm-middle-right p.iq:before { background-position: -128px -600px; }
			.limit-break-confirm-middle-right p.sp:before { background-position: -152px -600px; }

				.limit-break-confirm-middle-right p.up:after,
				.limit-break-confirm-middle-right p.down:after,
				.limit-break-confirm-middle-right p.draw:after {
					width: 11px;
					height: 11px;
					content: "";
					display: block;
					position: absolute;
					top: 5px;
					left: 23px;
					background-image: url("Game_Images/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}

				.limit-break-confirm-middle-right p.up:after { background-position: -96px -376px; }
				.limit-break-confirm-middle-right p.down:after { background-position: -96px -392px; }
				.limit-break-confirm-middle-right p.draw:after { background-position: -96px -408px; }
				
.limit-break-confirm-lower {
	margin: 0 auto;
	padding: 22px 0 0;
	width: 285px;
	height: 104px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	z-index: 1;
}

	.limit-break-confirm-lower-left {
		padding: 0 0 0 17px;
		width: 100px;
		height: 104px;
		-webkit-box-sizing: border-box;
		position: relative;
	}
	
	.limit-break-confirm-lower-right {
		width: 185px;
		height: 104px;
		position: relative;
	}
	
/* limit break star
----------------------------------------------------------------*/
.limit-break-list-star {
	width: 30px;
	height: 10px;
	display: -webkit-box;
	-webkit-box-pack: end;
	position: absolute;
	top: 4px;
	left: 34px;
}

	.limit-break-list-star li {
		width: 10px;
		height: 10px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -208px -152px;
		-webkit-background-size: 320px 1550px;
	}
	
.limit-break-detail-star {
	width: 45px;
	height: 15px;
	display: -webkit-box;
	-webkit-box-pack: end;
	position: absolute;
	top: 170px;
	left: 100px;
}

.limit-break-detail-star-trade-fix {
	top: 138px!important;
	left: 113px!important;
}

.limit-break-detail-star-trade-fix2 {
	top: 108px!important;
	left: 120px!important;
}

.star-detail-dialog {
	top: 121px!important;
	left: 84px!important;
}

	.limit-break-detail-star li {
		width: 15px;
		height: 15px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -152px -347px;
		-webkit-background-size: 320px 1550px;
	}
	
.limit-break-deck-star {
	width: 15px;
	height: 45px;
	position: absolute;
	top: 31px;
	left: -10px;
}

.star-deck-dialog {
	top: 34px!important;
	left: 0!important;
}

	.limit-break-deck-star li {
		width: 15px;
		height: 15px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -152px -347px;
		-webkit-background-size: 320px 1550px;
	}
	
/* love send gauge
----------------------------------------------------------------*/
.love-send-gauge {
	width: 100px;
	height: 35px;
	position: absolute;
	top: 54px;
	left: 0;
	-webkit-box-sizing: border-box;
}

.love-send-gauge-max {
	width: 140px;
	font-size: 0.9rem;
	color: #181818;
	line-height: 12px;
	position: absolute;
	top: -15px;
	left: 0;
	-webkit-box-sizing: border-box;
}

	.love-send-gauge-max span {
		font-weight: bold;
	}

.love-send-gauge-cap0,
.love-send-gauge-cap1,
.love-send-gauge-cap2 {
	width: 110px;
	font-size: 1.2rem;
	line-height: 20px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 12px;
}

.love-send-gauge-cap0 { color: #808080; }
.love-send-gauge-cap1 { color: #ff380d; }
.love-send-gauge-cap2 { color: #ff9950; }

/* love send dialog
----------------------------------------------------------------*/
.love-send-dialog-area {
	margin: 0 auto;
	padding: 96px 0 0;
	width: 300px;
	height: 120px;
	position: relative;
	-webkit-box-sizing: border-box;
}

	.love-send-dialog-area:before {
		width: 123px;
		height: 92px;
		content: "";
		display: block;
		position: absolute;
		top: 15px;
		left: 88px;
		background-image: url("../i/love/dig_pic.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 123px 92px;
	}
	
.love-send-user-left-fix {
	top: 15px!important;
	left: 48px!important;
}

.love-send-user-right-fix {
	top: 15px!important;
	left: 204px!important;
}

.love-send-dialog-text {
	margin: 0 auto;
	font-size: 1.1rem;
	color: #ff380d;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	position: relative;
}

	.love-send-dialog-text-arr {
		padding: 0 0 0 14px;
		position: relative;
	}
	
		.love-send-dialog-text-arr:before {
			width: 7px;
			height: 11px;
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 4px;
			background-image: url("Game_Images/sprite.png");
			background-repeat: no-repeat;
			background-position: -176px -152px;
			-webkit-background-size: 320px 1550px;
		}
		

/* Send love 130724 */
.love-send-cannot-text {
	width: 320px;
	height: 47px;
	display: table;
	position: absolute;
	top: 47px;
	left: 0;
	-webkit-box-sizing: border-box;
}

	.love-send-cannot-text:before {
		width: 6px;
		height: 12px;
		content: "";
		display: block;
		position: absolute;
		top: 19px;
		right: 8px;
		background-image: url("Game_Images/sprite.png");
		background-repeat: no-repeat;
		background-position: -208px -88px;
		-webkit-background-size: 320px 1550px;
	}

	.love-send-cannot-text p {
		padding: 0 14px 0 0;
		font-size: 1.2rem;
		line-height: 18px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
	.love-send-cannot-text-wrap {
		padding: 0 0 0 40px;
		color: #ff884c;
		font-weight: bold;
		position: relative;
	}
	
		.love-send-cannot-text-wrap:before {
			width: 39px;
			height: 28px;
			content: "";
			display: block;
			position: absolute;
			top: -7px;
			left: 0;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -276px -68px;
			-webkit-background-size: 320px 388px;
			z-index: 1;
		}
		
		.love-send-cannot-text-wrap:after {
			width: 18px;
			height: 17px;
			content: "";
			display: block;
			position: absolute;
			top: -4px;
			left: 10px;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -276px -100px;
			-webkit-background-size: 320px 388px;
			z-index: 2;
		}
		
		.love-send-cannot-text-fla {
			position: relative;
		}
		
			.love-send-cannot-text-fla:before {
				width: 21px;
				height: 31px;
				content: "";
				display: block;
				position: absolute;
				top: -16px;
				left: -44px;
				background-image: url("Game_Images/sprite.png");
				background-repeat: no-repeat;
				background-position: -40px -312px;
				-webkit-background-size: 320px 1550px;
				z-index: 2;
			}
		
		.love-send-cannot-text-num {
			font-size: 1.4rem;
			color: #ff0000;
		}
		
		.love-send-cannot-text-unlock {
			padding: 0 0 0 20px;
			position: relative;
		}
		
			.love-send-cannot-text-unlock:before {
				width: 19px;
				height: 17px;
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: 1px;
				background-image: url("Game_Images/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -296px -100px;
				-webkit-background-size: 320px 388px;
				z-index: 2;
			}
			
/* help link
----------------------------------------------------------------*/
.help-link.mbgaui-widget-anchors,
.help-link.mbgaui-active {
	font-weight: bold;
}

.help-link.mbgaui-widget-anchors {
	color: #ffd200;
}

.help-link.mbgaui-active {
	color: #371a00;
}

/* list new
----------------------------------------------------------------*/
.form-snippet {
	width: 320px;
	min-height: 200px;
	display: block;
	overflow: hidden;
}

.list-new-block {
	margin: 0;
	padding: 11px 0 0;
	width: 80px;
	height: 116px;
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
}

	.list-new-block-top {
		margin: 2px 0 0;
		padding: 0 4px;
		height: 14px;
		font-size: 1.1rem;
		color: #ffd200;
		line-height: 14px;
	}
	
		.list-new-block-top span {
			font-weight: bold;
		}
		
	.list-new-block-bottom {
		padding: 0 4px;
		height: 14px;
		font-size: 1.1rem;
		line-height: 14px;
		position: relative;
	}
	
		.list-new-block-bottom-icon {
			width: 16px;
			height: 16px;
			display: inline-block;
			position: absolute;
			top: 0;
			right: 6px;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -228px -76px;
			-webkit-background-size: 320px 388px;
		}
	
		.list-new-block-bottom span {
			font-weight: bold;
		}
		
	.list-new-block-bottom2 {
		margin: 2px 0 0;
		padding: 0 0 0 4px;
		height: 14px;
		font-size: 1.0rem;
		line-height: 14px;
		position: relative;
	}
	
		/* background minimum*/
		.list-new-block-bottom2-icon {
			margin: 0 0 0 3px;
			width: 8px;
			height: 8px;
			display: inline-block;
			vertical-align: middle;
			background-image: url("Game_Images/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -114px -38px;
			-webkit-background-size: 160px 194px;
		}
	
		.list-new-block-bottom2 span {
			font-weight: bold;
		}
		
/* list toggle
----------------------------------------------------------------*/
.list-toggle-btn {
	width: 70px;
	height: 31px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 70px 31px;
}

.list-toggle-btn.mbgaui-widget-anchors { opacity: 1.0; }
.list-toggle-btn.mbgaui-active { opacity: 0.5; }

	.list-toggle-btn2 { background-image: url("Game_Images/swich_btn01.png"); }
	.list-toggle-btn1 { background-image: url("Game_Images/swich_btn02.png"); }
	
/* trade light
----------------------------------------------------------------*/
.trade-light-on {
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 35px;
	left: 6px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -264px -360px;
	-webkit-background-size: 320px 388px;
	z-index: 92;
}

.trade-light-off {
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 35px;
	left: 6px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -264px -344px;
	-webkit-background-size: 320px 388px;
	z-index: 91;
}

/* battle wall comment
----------------------------------------------------------------*/
.battle-wall-comment {
	margin: 0 0 0 8px;
	padding: 3px 1px;
	width: 148px;
	height: 55px;
	position: relative;
	-webkit-border-radius: 5px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}

	.battle-wall-comment:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -8px;
		right: 20px;
		border-top: 8px solid rgba(0,0,0,0.5);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

/* Band Skill Count
----------------------------------------------------------------*/
.deck-skill-area li.band-skill-count0 {
	border-radius: 10px;
	background-position: 0px -988px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	width: 17px;
	height: 17px;
	left: -5px;
	top: -3px;
	position: absolute;
}

.deck-skill-area li.band-skill-count1 {
	border-radius: 10px;
	background-color: #ae0605;
	width: 15px;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	left: -5px;
	top: -3px;
	position: absolute;
}

.deck-skill-area li.band-skill-count2 {
	border-radius: 10px;
	background-color: #658606;
	width: 15px;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	left: -5px;
	top: -3px;
	position: absolute;
}

.deck-skill-area li.band-skill-count3 {
	border-radius: 10px;
	background-color: #029dfe;
	width: 15px;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	left: -5px;
	top: -3px;
	position: absolute;
}

.dialog-chest-page-btn.mbgaui-widget-anchors {
	width: 100px;
	height: 40px;
	position: relative;
	background-image: url("Game_Images/loginboss_button.png");
	background-repeat: no-repeat;
	top: 10px;
	left: -37px;
}

.dialog-chest-page-btn.mbgaui-widget-anchors.mbgaui-active {
	width: 100px;
	height: 40px;
	position: relative;
	background-image: url("Game_Images/loginboss_button_down.png");
	background-repeat: no-repeat;
	top: 10px;
	left: -37px;
}

.webinfo-battle-page-btn {
	width: 100%;
	height: 100%;
    display: -webkit-box;
	border-spacing: 20px 0;
	-webkit-box-sizing: border-box;
	-webkit-box-pack: center;
}

/* Login Boss Chest Page
----------------------------------------------------------------*/
.chest-prize-holder {
	width: 197px;
	height: 250px;
	position: relative;
	top: 9px;
	left: 116px;
	padding-top: 50px;
	background-image: url("Game_Images/treasure_overlay.png");
	background-repeat: no-repeat;
	-webkit-background-size: 204px 267px;
	padding-left: 7px;
}
.chest-prize-guaranteed-list-name,
.chest-prize-best-list-name,
.chest-key-list-name {
	height: 20px;
	font-size: 1.3rem;
	color: #ffffff;
	line-height: 20px;
	font-weight: bold;
	position: relative;
	z-index: 1;
	text-align: center;
}
.chest-prize-guaranteed-list-img-block,
.chest-prize-best-list-img-block,
.chest-key-list-img-block {
	display: -webkit-box;
}
.chest-prize-guaranteed-list-img-block li,
.chest-prize-best-list-img-block li,
.chest-key-list-img-block li {
	width: 44px;
	height: 50px;
	position: relative;
}
.chest-prize-table,
.chest-key-table {
	min-height: 50px;
	display: table;
	margin: 0 auto;
}
.chest-map {
    background-image: url("../i/login_boss/chest_page_background.png");
    width: 320px;
    height: 440px;
    position: relative;
    top: 40px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 320px 440px;
}
.chest-prize-guaranteed-list-img-block-num,
.chest-prize-best-list-img-block-num,
.chest-key-list-img-block-num {
	font-size: 0.9rem;
	color: #ffffff;
	line-height: 13px;
	text-align: center;
}
.deck-job-boost-detail {
	margin: 5px 13px;
	padding: 10px;
	width: 280px;
	height: 33px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
.deck-job-boost-detail li {
	padding: 0 0 0 20px;
	width: 70px;
	height: 23px;
	font-size: 1.2rem;
	line-height: 20px;
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
}
.deck-job-boost-detail li.job1,
.deck-job-boost-detail li.job2,
.deck-job-boost-detail li.job3,
.deck-job-boost-detail li.job4,
.deck-job-boost-detail li.job5 {
	width: 65px;
}

.deck-job-boost-detail li.job1:before,
.deck-job-boost-detail li.job2:before,
.deck-job-boost-detail li.job3:before,
.deck-job-boost-detail li.job4:before,
.deck-job-boost-detail li.job5:before {
	width: 23px;
	height: 23px;
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: 0;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 388px;
}
.deck-job-boost-detail li.job1:before {
	background-position: -44px -148px;
}
.deck-job-boost-detail li.job2:before {
	background-position: -68px -148px;
}
.deck-job-boost-detail li.job3:before {
	background-position: -92px -148px;
}
.deck-job-boost-detail li.job4:before {
	background-position: -116px -148px;
}
.deck-job-boost-detail li.job5:before {
	background-position: -140px -148px;
}

.deck-element-boost-detail {
	margin: 5px 13px;
	padding: 10px;
	width: 280px;
	height: 33px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
.deck-element-boost-detail li {
	padding: 0 0 0 20px;
	width: 70px;
	height: 23px;
	font-size: 1.2rem;
	line-height: 20px;
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
}
.deck-element-boost-detail li.element1,
.deck-element-boost-detail li.element2,
.deck-element-boost-detail li.element3,
.deck-element-boost-detail li.element4,
.deck-element-boost-detail li.element5 {
	width: 65px;
}

.deck-element-boost-detail li.element1:before,
.deck-element-boost-detail li.element2:before,
.deck-element-boost-detail li.element3:before,
.deck-element-boost-detail li.element4:before,
.deck-element-boost-detail li.element5:before {
	width: 23px;
	height: 23px;
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: 0;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 388px;
}
.deck-element-boost-detail li.element1:before {
	background-position: -86px -100px;
}
.deck-element-boost-detail li.element2:before {
	background-position: -111px -100px;
}
.deck-element-boost-detail li.element3:before {
	background-position: -135px -100px;
}
.deck-element-boost-detail li.element4:before {
	background-position: -158px -100px;
}
.deck-element-boost-detail li.element5:before {
	background-position: -181px -100px;
}
/* special campaign list page */
.special-compaign-list-wrapper {
	min-height: 480px;;
	margin: 40px 0 0;
}

.special-compaign-list-wrapper-none {
	margin: 0;
	min-height: 480px;
}

.capaign {
	margin: 5px;
}

.campaign-list {
	width: 100px;
	height: 16px;
	position: relative;
	font-weight: bold;
	color: white;
	top: -18px;
	margin-left: 20px;
	font-size: 1.0rem;
}

.campaign-list-body {
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	background: #444444;
	height: 128px;
}
.campaign-list-body div.mbgaui-widget-anchors.mbgaui-active {
	opacity: 0.7;
}
.campaign-list-img {
	padding: 11px 10px 0 10px;
}

.exchange-list-message1 {
	position: relative;
	top: 44px;
	padding: 8px 0 8px 0px;
	margin: 15px;
	color: #ffb400;
	text-align: center;
}

.exchange-list-message11 {
	position: relative;
	top: 44px;
	font-weight: bold;
	padding: 8px 0 8px 0px;
	margin: 15px;
	color: #ffb400;
	text-align: center;
	padding: 8px 0;
	font-size: 1.3rem;
	color: #ffb400;
	line-height: 16px;
	font-family: DotFont;
	text-align: center;
	position: relative;
	text-shadow: 0 1px 1px #a55d00;
}
.exchange-list-message11 p {
    font-family: DotFont;
}
.exchange-list-message3{
	position: relative;
	padding: 8px 0 8px 0px;
	margin: 15px;
	color: #ffb400;
	text-align: center;
}

.exchange-list-banner {
	position: relative;
	width: 320px;
	height: 117px;
	margin: 40px 0 10px 0;
}


.pumkin-list-body {
	background: ;
}

.pumkin-heads {
	position: relative;
	margin: 75px 10px 10px 10px;
}

.pumkin-heads li {
	display: inline;
}

.pumkin-heads.pumkin-num {
	float: right;
	position: relative;
	top: -25px;
	color: #ffb400;
}

.pumkin-heads.icon {
	float: left;
	width: 64;
	display: inline;
	padding-right: 10px;
}

.pumkin-item-list-title {
	margin: 20px 20px 5px 20px;
	font-weight: bold;
	color: white;
}
.pumkin-table {
	margin: 0 10px 0 43px;
	border: rgba(255,255,255,0.1) solid 2px;
	/*padding: 5px 5px 10px 5px;*/
	background: rgba(0,0,0,0.4);
	color: #878787;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #000000;
}

.collect-table {
	border-spacing: 0px;
}
.pumkin-table  td {
	padding: 4px 0 4px 5px;
	width: 20px;
}


.pumkin-table  td.name {
	width: 165px;
	border-collapse: collapse;
	border-right: rgba(255,255,255,0.1) solid 2px;
	height: 100%;
}

.pumkin-table  td.icon {
	width: 20px;
	position: relative;
	top: 6px;
	left: 20px;
}

.pumkin-table  td.icon.exp {
	left: 28px;
}


.pumkin-table  td.number {
	width: 10px;
	/*padding-left: 3px;*/
	color: white;
	text-align: center;
	position: relative;
	left: 13px;
}

.pumkin-table  td.number.exp {
	width: 10px;
	/*padding-left: 3px;*/
	color: white;
	text-align: center;
	position: relative;
	left: 17px;
}

.pumkin_have {
	width: 20px;
	height: 20px;
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	left: 153px;
	background-image: url("Game_Images/sprite_retina.png");
	background-repeat: no-repeat;
	background-position: -264px -128px;
	-webkit-background-size: 320px 388px;
}

.home-banner-time {
	color: white;
}

.new_red_icon {
	background-position: -100px -1005px;
	width: 40px;
	height: 41px;
	content: "";
	display: block;
	position: absolute;
	top: 113px;
	left: 133px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;

}
.luxite_prize_list {
	background-image: url("Game_Images/luxite_prize_bg.png");
	width: 320px;
	height: 225px;
	background-repeat: no-repeat;
	position: relative;
	display:-webkit-box;
	-webkit-background-size: 320px 225px;
}
.luxite_prize_list_1 {
	height: 169px;
	margin-left: 1px;
	margin-right: 1px;
	width: 156px;
	margin-top: 42px;
}
.luxite_prize_list_2 {
	height: 30px;
	width: 158px;
}
.luxite_prize_list_3 {
	text-align:center;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6rem;
	margin:0 0 2px;
}
.luxite_prize_list_reward_image {
	text-align:center;
	margin-top:-14px;
}
.gacha-top-bbox-platinum-luxite.gacha-top-bbox-center-title:before {
	background-position: -95px -370px;
	width: 14px;
}
.gacha-top-bbox-golden-luxite.gacha-top-bbox-center-title:before {
	background-position: -95px -370px;
	width: 14px;
}
.gacha-top-bbox-silver-luxite.gacha-top-bbox-center-title:before {
	background-position: -189px -370px;
	width: 14px;
}
.gacha-top-bbox-bronze-luxite.gacha-top-bbox-center-title:before {
	background-position: -189px -370px;
	width: 14px;
}
.gacha-top-bbox-crystal-luxite.gacha-top-bbox-center-title:before {
	background-position: -95px -370px;
	width: 14px;
}
.xmas-tree.gacha-top-bbox-center-title:before {
	background-position: -300px -370px;
}
.mydeck-dialog-width {
	width: 300px;
}
.mydeck-dialog-width2 {
	width: 232px;
}
.mydeck-dialog-width3 {
	width: 250px;
}
.mydeck-dialog-width4 {
	width: 210px;
}
.status-multi2.fighter-list {
	top: 36px;
	height: 73px;

}
.cap-box.fighter-list {
	left: 10px;
	position: static;
}
.list-cap.fighter-list {
	top: 81px;
	left: 68px;
	position: absolute;
}
.list-block.fighter-list {
	min-height: 157px;
}
.friend-btn.gear-fix.fighter-list {
	top: 115px;
}
.gold-num.pumpkin:before,
.list-cap dd.gold2.pumpkin:before,
.list-cap dd.gold.pumpkin:before,
.dialog-buy-cap dd.gold.pumpkin:before,
.pumpkin.dialog-fuse-before-s:before,
.pumpkin.dialog-fuse-after-s:before,
.pumpkin.dialog-fuse-before-f:before,
.pumpkin.dialog-fuse-after-f:before
 {
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	-webkit-background-size: 320px 1550px;
	background-position: -209px -1006px;
}
.cbanner {
	width: 320px;
	height: 117px;
	top: 0;
	left: -5px;
}
.ctext {
	margin: 0 9px;
	width: 302px;
	height: 19px;
	position: relative;
}

.cquest-icon {
	text-align:center;
	color: #070707;
	font-weight: bold;
	font-size: 1.6rem;
	margin:0 0 2px;
	line-height: 68px;
}
.sp-campaign-time {
	color: #FFFFFF;
}

.ps-flag {
	width: 18px;
	height: 18px;
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -11px;
	background-image: url("Game_Images/sprite.png");
	background-repeat: no-repeat;
	background-position: -144px -1003px;
	-webkit-background-size: 320px 1550px;
}
.ps-name {
	margin-top: 2px;
}
.gacha-cm-build2.mbgaui-widget-anchors.remove-before-icon:before {
	background-image: none;
}

dl.quest-cap-double1.comeback-quest {
	height: 36px!important;
	padding-top: 16px;
}
.status-multi2 li.skill .skill-name.passive-skill {
	color: #23f507;
}
.status-multi2 li.skill .no-skill.skill-name.passive-skill {
	color: #FFFFFF;
}

.status-multi2 li.skill .skill-name.passive-skill:before {
	background-position: -144px -1003px;
}
.status-multi2.fighter-list ul {
	height: 74px;
}
#fever-bar-beginner-boost-home {
	position: absolute;
	color: red;
	left: 120px;
	bottom: 4px;
}

#fever-bar-beginner-boost-battle {
	position: absolute;
	color: red;
	left: 120px;
	bottom: 120px;
}