#rightContents {
	padding: 0 0 50px;
}

.thumb_list li {
	float: left;
	position: relative;
	cursor: pointer;
}

#thumb_main {
	margin: 54px 0 0;
}
#thumb_main li {
	width: 220px;
	height: 196px;
	margin: 0 10px 20px 0;
}

#thumb_sub li {
	width: 164px;
	height: 150px;
	margin: 0 8px 20px 0;
}

#thumb_guest {
	margin: 80px 0 0;
}
#thumb_guest li {
	width: 336px;
	height: 274px;
	margin: 0 8px 0 0;
}

.front, .back {
	position: absolute;
	top: 0;
	left: 0;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.back, li:hover .front {
	display: none;
}
.front, li:hover .back {
	display: block;
}
.opacity .back, .opacity li:hover .front {
	display: block;
}

.opacity .front {
	opacity: 1;
	z-index:2;
}
li:hover .front {
	opacity: 0;
	z-index:1;
}
.opacity .back {
	opacity: 0;
	z-index:1;
}
li:hover .back {
	opacity: 1;
	z-index:2;
}



#lb {
	overflow: hidden;
}
#chara_base {
	position: relative;
	width: 800px;
	height: 540px;
	margin: 0 auto;
	z-index: 2;
}
.one_chara {
	position: absolute;
	top: 0;
	background: url(../img/chare_bg.png) 40px 90px no-repeat;
	display: none;
}
#btn_l {
	position: absolute;
	top: 245px;
	left: 0;
	cursor: pointer;
}
#btn_r {
	position: absolute;
	top: 245px;
	right: 0;
	cursor: pointer;
}
#close_btn {
	position: absolute;
	top: 56px;
	right: 40px;
	cursor: pointer;
}