@charset "shift_jis";

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

#modal {
	display: none;
	position: absolute;
		z-index: 9200;
		left: 50%;
	width: 930px;
	height: 650px;
	margin-left: -465px;
}

/* --------------------------------
	#pop
-------------------------------- */
#popBody {
	background: transparent;
}
#pop {
	width: 940px;
	margin: 0 auto;
	background: url(../story/images/box_chara_bg1.png) no-repeat left top;
}

#pop #popWrap {
	position: relative;
	width: 940px;
	height: 649px;
	background: url(../story/images/box_chara_bg2.png) no-repeat left bottom;
}

#pop dl {
	position: absolute;
	top: 129px;
	right: 92px;
	z-index: 9800;
}

#pop dl dt {
	margin-bottom: 8px;
}

#pop dl dd {
	margin-bottom: 14px;
}

#pop #popMain {
	position: absolute;
	top: 44px;
	left: 100px;
	z-index: 9700;
}

#pop #popItem {
	position: absolute;
	bottom: 65px;
	right: 80px;
	z-index: 9600;
	width: 380px;
	height: 302px;
}

#pop #popItem li {
	position: absolute;
}

#pop #popItem li.popItem01 {
	top: 51px;
	left: 0;
}

#pop #popItem li.popItem02 {
	top: 0;
	left: 170px;
}

#pop #popItem li.popItem03 {
	top: 163px;
	left: 126px;
}

#pop #popItem li.popItem04 {
	top: 153px;
	left: 270px;
}

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

#pop #popBtn {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 9900;
	width: 100%;
}

#pop #popBtn .popPrev {
	position: absolute;
	left: 94px;
}

#pop #popBtn .popNext {
	position: absolute;
	right: 5px;
}