@charset "shift_jis";

#wrapper01 {
	background-image: url(../dungeon/images/bg01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

#wrapper02 {
	background-image: url(../dungeon/images/bg02.jpg);
	background-position: center 250px;
	background-repeat: no-repeat;
}

#wrapper03 {
	background-image: url(../dungeon/images/bg03.jpg);
	background-position: center 500px;
	background-repeat: no-repeat;
}

#wrapper04 {
	background-image: url(../dungeon/images/bg04.jpg);
	background-position: center 750px;
	background-repeat: no-repeat;
}

#wrapper05 {
	background-image: url(../dungeon/images/bg05.jpg);
	background-position: center 1000px;
	background-repeat: no-repeat;
}

#wrapper06 {
	background-image: url(../dungeon/images/bg06.jpg);
	background-position: center 1250px;
	background-repeat: no-repeat;
}

#wrapper07 {
	background-image: url(../dungeon/images/bg07.jpg);
	background-position: center 1500px;
	background-repeat: no-repeat;
}

#wrapper08 {
	background-image: url(../dungeon/images/bg08.jpg);
	background-position: center 1750px;
	background-repeat: no-repeat;
}

#wrapper09 {
	background-image: url(../dungeon/images/bg09.jpg);
	background-position: center 2000px;
	background-repeat: no-repeat;
}

#wrapper10 {
	background-image: url(../dungeon/images/bg10.jpg);
	background-position: center 2250px;
	background-repeat: no-repeat;
}

#wrapper11 {
	background-image: url(../dungeon/images/bg11.jpg);
	background-position: center 2500px;
	background-repeat: no-repeat;
}

#wrapper12 {
	background-image: url(../dungeon/images/bg12.jpg);
	background-position: center 2750px;
	background-repeat: no-repeat;
}


/* ========================================
	#main
======================================== */
h1.ttl {
	margin-top: 30px;
	text-align: center;
}

p.copy {
	margin-top: 22px;
	text-align: center;
}


/* --------------------------------
	#dungeon-area
-------------------------------- */
#dungeon-area {
	position: relative;
	height: 582px;
	margin-top: 2px;
	text-align: center;
	background: url(../dungeon/images/bg_dungeon_btm.png) no-repeat center bottom;
}

#dungeon-area .dungeon-wrap {
	padding-top: 71px;
	background: url(../dungeon/images/bg_dungeon_top.png) no-repeat center top;
}

#dungeon-area .inner {
	width: 858px;
	margin: 0 auto;
}

#dungeon-area h2 {
	margin-bottom: 16px;
}

#dungeon-area #dungeon-list {
	margin-top: 13px;
	height: 325px;
}

#dungeon-area #dungeon-list ul {
	position: relative;
	width: 828px;
	margin: 0 auto;
}

#dungeon-area #dungeon-list ul li {
	position: absolute;
	background: url(../dungeon/images/bg_dungeon-list.png) no-repeat left top;
	width: 334px;
	height: 194px;
}

#dungeon-area #dungeon-list ul li div {
	position: absolute;
		top: 8px;
		left: 10px;
}

#dungeon-area #dungeon-list ul li.dungeon01 {
	top: 0;
	left: 5px;
}

#dungeon-area #dungeon-list ul li.dungeon02 {
	top: 127px;
	left: 248px;
	z-index: 10;
}

#dungeon-area #dungeon-list ul li.dungeon03 {
	top: 0;
	left: 495px;
}


/* --------------------------------
	#item
-------------------------------- */
#item {
	position: relative;
	height: 911px;
	margin-top: 14px;
	text-align: center;
	background: url(../dungeon/images/bg_item_btm.png) no-repeat center bottom;
}

#item .item-wrap {
	padding-top: 69px;
	background: url(../dungeon/images/bg_item_top.png) no-repeat center top;
}

#item .inner {
	width: 858px;
	margin: 0 auto;
}

#item h2 {
	margin-bottom: 16px;
}

#item #item-roulette {
	position: relative;
	height: 679px;
}

#item #item-roulette .inner {
	width: 628px;
	height: 615px;
	margin: 15px auto 0;
	background: url(../dungeon/images/bg_item_inner.png) no-repeat center 3px;
}

#item-roulette #select-item {
	position: absolute;
		top: 130px;
		left: 240px;
}

#item-roulette ul#item-list {
	position: relative;
}

#item-roulette ul#item-list li {
	position: absolute;
}

ul#item-list li.item01 {
		top: 2px;
		left: 252px;
}

ul#item-list li.item02 {
		top: 57px;
		left: 90px;
}

ul#item-list li.item03 {
		top: 202px;
		left: 0;
}

ul#item-list li.item04 {
		top: 369px;
		left: 19px;
}

ul#item-list li.item05 {
		top: 489px;
		left: 159px;
}

ul#item-list li.item06 {
		top: 489px;
		left: 343px;
}

ul#item-list li.item07 {
		top: 369px;
		left: 476px;
}

ul#item-list li.item08 {
		top: 202px;
		left: 497px;
}

ul#item-list li.item09 {
		top: 57px;
		left: 428px;
}

#item-roulette #chara {
	position: absolute;
		top: 26px;
		left: 48px;
}


/* --------------------------------
	#pop
-------------------------------- */
#coverLayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	height: 100%;
	width: 100%;
	background: url(../common/lightbox_bg.png) left top repeat;
}

#modal {
	display: none;
	position: absolute;
	z-index: 9200;
	left: 50%;
	width: 859px;
	height: 440px;
}

#popBody {
	padding-top: 17px;
	background: transparent;
}

#pop {
	position: relative;
	width: 848px;
	height: 423px;
	margin: 0 auto;
	background: url(../dungeon/images/lightbox_bg.png) left top no-repeat;
}

#pop .movie-area {
	float: left;
	width: 488px;
	padding-top: 57px;
	padding-left: 22px;
	text-align: center;
}

.movie-area #item-movie {
	width: 423px;
	height: 305px;
	margin: 0 auto;
}

#pop .text {
	position: relative;
	float: left;
	padding-top: 95px;
}

#pop .text dl dt {
	margin-bottom: 45px;
}

#pop #popClose {
	position:absolute;
	top: -14px;
	right: 0;
	z-index: 9900;
}

.text #icon {
	position: absolute;
		top: 279px;
		left: 185px;
}

.item03 .text #icon {
		top: 269px;
		left: 188px;
}

.item06 .text #icon {
		top: 277px;
		left: 188px;
}

.item07 .text #icon {
		top: 282px;
		left: 182px;
}

.item08 .text #icon {
		top: 274px;
		left: 185px;
}

.item09 .text #icon {
		top: 277px;
		left: 188px;
}


/* --------------------------------
	#item-kyouka
-------------------------------- */
#item-kyouka {
	position: relative;
	height: 780px;
	margin-top: 14px;
	text-align: center;
	background: url(../dungeon/images/bg_item_btm.png) no-repeat center bottom;
}

#update {
	position: absolute;
		top: 0;
		left: 430px;
}

#item-kyouka .item-kyouka-wrap {
	padding-top: 69px;
	background: url(../dungeon/images/bg_item_top.png) no-repeat center top;
}

#item-kyouka .inner {
	width: 858px;
	margin: 0 auto;
}

#item-kyouka h2 {
	margin-bottom: 16px;
}

#item-kyouka #power-up01 {
	margin-top: 26px;
}

#item-kyouka #power-up01 p {
	display: inline;
	padding: 0 10px;
}

#item-kyouka #power-up01 p img {
	vertical-align: top;
}

#item-kyouka #power-up02 {
	margin-top: 26px;
}

#item-kyouka #power-up02 p {
	display: inline;
	padding: 0 10px;
}

#item-kyouka #power-up02 p img {
	vertical-align: middle;
}