@charset "shift_jis";

/* ========================================
	iframe
======================================== */
body {
	background-color: transparent;
}

#adventurePop {
	position: relative;
	width: 727px;
	height: 720px;
}

#adventurePop #inner {
	position: relative;
	width: 610px;
	height: 586px;
	margin: 0 auto;
}

#adventurePop #inner .labeling {
	position: absolute;
	left: 93px;
	top: 86px;
}

body#hyakkiya #adventurePop #inner .labeling {
	top: 83px;
	left: 79px;
}

.slideImg {
	position: relative;
	width: 324px;
	height: 194px;
}
.slideImg li{
	position: absolute;
}
.slideImg li:first-child{
	z-index: 1;
}
.slideNav {
	bottom: 5px;
	left: 5px;
	z-index: 2;
}
.slideNav li{
	width: 20px;
	text-align: center;
	display: inline-block;

}

.slideArea {
	position: absolute;
	left: 93px;
	top: 163px;
}
.slideAreaWrap {
	width: 410px;
	height: 294px;
	overflow: hidden;
	position:relative;
}
.slideImg {
	width: 1230px;
	height: 250px;
}
.slideImg li{
	width: 410px;
	height: 250px;
	display: block;
}
.pagination {
	position: absolute;
	top: 252px;
	left: 167px;
}
.pagination li {
	*display: inline;
	display: inline-block;
	width: 25px;
	text-align: center;
	height: 26px;
	vertical-align: middle;
}

*:first-child+html .pagination li {
	display: inline;
	margin-right: 4px;
}
* html .pagination li {
	display: inline;
	margin-right: 4px;
}

.img_btn{
	overflow: hidden;
	display: none;
}

.btn1{
	width:25px;
	height: 24px;
	background-position:0 0;
}
.current .btn1,.btn1:hover{
	width:25px;
	height: 24px;
	background-position:0 -25px;
}
.btn2{
	width:25px;
	height: 24px;
	background-position:0 0;
}
.current .btn2,.btn2:hover{
	width:25px;
	height: 24px;
	background-position:0 -25px;
}
.btn3{
	width:25px;
	height: 24px;
	background-position:0 0;
}
.current .btn3,.btn3:hover{
	width:25px;
	height: 24px;
	background-position:0 -25px;
}

.prev {
	position: absolute;
	top: 255px;
	left: 0;
}
.next {
	position: absolute;
	top: 255px;
	right: 0;
}

ul.stageBtn {
	position: absolute;
	left: 103px;
	top: 606px;
}
ul.stageBtn li {
	float: left;
	background: url(../adventure/images/icon_arow.gif) right 45px no-repeat;
	padding-right: 16px;
	margin-right: 6px;
}

ul.stageBtn li.other {
	background: none;
}

/* ----------------------------------------
	urameshi.html
---------------------------------------- */

body#urameshi #adventurePop #inner {
	background: url(../adventure/images/bg_urameshi.png) 0 0 no-repeat;
}

body#urameshi #adventurePop #inner .img_btn{
	background-image:url(../adventure/images/btn_ura.jpg);
}

/* ----------------------------------------
	noroware.html
---------------------------------------- */
body#noroware #adventurePop #inner {
	background: url(../adventure/images/bg_noroware.png) 0 0 no-repeat;
}

body#noroware #adventurePop #inner .img_btn{
	background-image:url(../adventure/images/btn_noro.jpg);
}

/* ----------------------------------------
	jigokurock.html
---------------------------------------- */
body#jigokurock #adventurePop #inner {
	background: url(../adventure/images/bg_jigokurock.png) 0 0 no-repeat;
}
body#jigokurock #adventurePop #inner .labeling {
	position: absolute;
	left: 85px;
}
body#jigokurock #adventurePop #inner .img_btn{
	background-image:url(../adventure/images/btn_jigoku.jpg);
}

/* ----------------------------------------
	hyakkiya.html
---------------------------------------- */
body#hyakkiya #adventurePop #inner {
	background: url(../adventure/images/bg_hyakkiya.png) 0 0 no-repeat;
}

body#hyakkiya #adventurePop #inner .img_btn{
	background-image:url(../adventure/images/btn_hya.jpg);
}