@charset "UTF-8";

/* ========================================
	common
======================================== */
body {
	background: url(../common/bg_card.jpg) repeat center top;
}

#gnavi ul {
	background: url(../common/bg_gnavi04.png) no-repeat right 16px;
}

#deco-corner {
	position: absolute;
	top: 15px;
	left: 626px;
	z-index: 30;
}
.js-on #deco-corner div {
	display: none;
}

.section {
	position: relative;
}

.ico-new {
	position: absolute;
	top: 18px;
	left: -47px;
}

/* ========================================
	.creature
======================================== */
.creature {
	padding-bottom: 48px;
}
.creature .card-area {
	position: relative;
	height: 243px;
}
#creature-card {
	position: absolute;
	top: 0;
	left: 0;
}
.js-on #creature-card div {
	display: none;
}

.creature .new {
	margin: 0 0 19px;
}
.creature .new li {
	float: left;
}
.creature .power-list {
	float: left;
	width: 415px;
}

/* ========================================
	.spell
======================================== */
.spell .card-area {
	position: relative;
	float: right;
	width: 360px;
	height: 188px;
}
#spell-card {
	position: absolute;
	top: 0;
	left: 0;
}
.spell-text {
	float: left;
}
.js-on #spell-card div {
	display: none;
}

/* ========================================
	.item
======================================== */
.item {
	position: relative;
	margin: 0 0 -32px;
}
.item .card-area {
	position: relative;
	float: right;
	width: 360px;
	height: 188px;
}
#item-card {
	position: absolute;
	top: 0;
	left: 0;
}
.item-text {
	float: left;
}
.js-on #item-card div {
	display: none;
}