@charset "shift-jis";
.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;

}
/* 表示エリア */
html, body, ul, ol, div, p {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

body {
	background-color: transparent;
}

.clearfix:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.clearfix{
	*zoom: 1;
}
#contents {
	width: 822px;
	height: 432px;
	margin: 0 auto;
	position: relative;
}
#inner {
	position: absolute;
	background: url(../adventure/images/modal_window_bg.png) right top  no-repeat;
	width: 759px;
	height: 393px;
	top: 44px;
	left: 42px;
}
#charaImg {
	padding: 12px 0 0 39px;
	float: left;
}
.imgArea {
	padding: 12px 0 0 15px;
	float: left;
	position: relative;
}
#labeling {
	position: absolute;
	top: 2px;
	left: -52px;
	z-index: 12;
}
.slideArea {
	position: absolute;
	top: 74px;
}
.slideAreaWrap {
	width: 324px;
	height: 225px;
	overflow: hidden;
	position:relative;
}
.slideImg {
	width: 971px;
}
.slideImg li{
	width: 324px;
	height: 194px;
	display: block;
}
.pagination {
	position: absolute;
	top: 198px;
	left: 130px;
}
.pagination li {
	*display: inline;
	display: inline-block;
	width: 26px;
	text-align: center;
	height: 20px;
	vertical-align: middle;
}

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

.img_btn{
	background-image:url(../adventure/images/img_btn.png);
	overflow: hidden;
	display: none;
}

.btn1{
	width:20px;
	height:20px;
	background-position:-10px -130px;
}
.current .btn1,.btn1:hover{
	width:20px;
	height:20px;
	background-position:-10px -160px;
}
.btn2{
	width:20px;
	height:20px;
	background-position:-10px -70px;
}
.current .btn2,.btn2:hover{
	width:20px;
	height:20px;
	background-position:-10px -100px;
}
.btn3{
	width:20px;
	height:20px;
	background-position:-10px -10px; 
}
.current .btn3,.btn3:hover{
	width:20px;
	height:20px;
	background-position:-10px -40px;
}

.close {
	position: absolute;
	top: 0;
	left: 698px;
}
.prev {
	position: absolute;
	top: 189px;
	left: 0;
}
.next {
	position: absolute;
	top: 189px;
	right: 0;
}