#main .char {
	height:645px;
	margin:0 auto;
	position:relative;
}
#main .char * {
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}
#main .char .charInner {
	width:950px;
	height:645px;
	margin:0 auto;
	position:relative;
	z-index:105;
}
#main .char .inner {
	position:relative;
}
#main .char .tex {
	background-image:url(../img/charZTex2.png);
	background-repeat:none;
	position:absolute;
	z-index:150;
	text-indent:-9999px;
	overflow:hidden;
}
#C0 .tex {	width:490px;	height:400px;	top:11px;	left:294px;	}
#C_HINA .tex {	width:475px;	height:320px;	top:38px;	left:316px;	background-position:0 -420px;	}

#main .char .type {
	width:950px;
	height:50px;
	background-image:url(../img/charType.png);
	background-repeat:none;
	position:absolute;
	top:560px;
	z-index:110;
	text-indent:-9999px;
	overflow:hidden;
}
#C0 .type {	background-position:0 0;	}
#C_HINA .type {	background-position:0 -50px;	}

#main .char .bg {
	width:100%;
	height:600px;
	overflow:hidden;
	margin:0 auto;
	position:absolute;
	z-index:100;
	top:0;
}
#main .char .bg div div {
	height:600px;
	background-repeat:none;
	position:absolute;
	top:0;
	left:50%;
}
#main .char .bg .bg0 {
	background-position:0 0;
}
#main .char .bg .bg1 {
	background-position:0 -600px;
	display:none;
}
#main .char .bg .bg2 {
	background-position:0 -1200px;
	display:none;
}
#C0 .bg div div {	margin-left:-284px;width:840px;background-image:url(../img/charSayaBg.png);	}
#C_HINA .bg div div {	margin-left:-500px;width:1095px;background-image:url(../img/charHinaBg.png);	}

#main .char .img {
	position:absolute;
	z-index:120;
}
#main .char .img div {
}
#main .char .img div div {
	background-repeat:none;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
#main .char .img .img1 {
	display:none;
}
#main .char .img .img2 {
	display:none;
}
#C0 .img {	width:310px;	height:615px;	top:28px;	left:42px;	}
#C0 .img div {	width:310px;	height:615px;	background:url(../img/charSayaCircle.png) 0 0 no-repeat;	}
#C0 .img div div {	width:310px;	height:615px;	background-image:url(../img/charSayaImg.png);	}
#C0 .img .img1 {	background-position:-310px 0;	}
#C0 .img .img2 {	background-position:-620px 0;	}

#C_HINA .img {	width:430px;	height:645px;	top:0;	left:-32px;	}
#C_HINA .img div div {	width:430px;	height:645px;	background-image:url(../img/charHinaImg.png);	}

/*saya*/
#main .char .bunny {
	width:100px;
	height:60px;
	background-image:url(../img/charSayaMadName.png);
	background-repeat:none;
	background-position:-100px 0;
	position:absolute;
	top:336px;
	left:284px;
	z-index:130;
	text-indent:-9999px;
	overflow:hidden;
}
#main .char .teddy {
	width:100px;
	height:60px;
	background-image:url(../img/charSayaMadName.png);
	background-repeat:none;
	position:absolute;
	top:146px;
	left:20px;
	z-index:140;
	text-indent:-9999px;
	overflow:hidden;
}

#main .char .dress {
	width:160px;
	height:20px;
	position:absolute;
	top:10px;
	left:99px;
	z-index:160;
}
#main .char .dress div div {
	width:160px;
	height:20px;
	background-image:url(../img/charDressName.png);
	background-repeat:none;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
#main .char .dress .dress1 {
	background-position:-160px 0;
	display:none;
}
#main .char .dress .dress2 {
	background-position:-320px 0;
	display:none;
}
#main .char .name {
	width:120px;
	height:50px;
	background-image:url(../img/charSayaName.png);
	background-repeat:none;
	position:absolute;
	top:9px;
	left:115px;
	z-index:165;
	text-indent:-9999px;
	overflow:hidden;
}
#main .char .prev,#main .char .next {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:50px;
	height:100px;
	background-image:url(../img/subPage.png);
	background-repeat:none;
	position:absolute;
	top:220px;
	z-index:170;
	opacity:0.5;
	outline:none;
	transition-property:opacity;
	transition-duration:200ms;
	transition-timing-function:linear;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:200ms;
	-webkit-transition-timing-function:linear;
	-moz-transition-property:opacity;
	-moz-transition-duration:200ms;
	-moz-transition-timing-function:linear; 
	display:block;
}
#main .char .next {
	background-position:-50px 0;
	right:0;
}
#main .char .prev:hover,#main .char .next:hover {
	opacity:1;
}
#main .char .loop {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:40px;
	height:40px;
	background-image:url(../img/charLoop.png);
	background-repeat:none;
	position:absolute;
	top:2px;
	left:250px;
	z-index:180;
	opacity:0.5;
	outline:none;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	transition-property:opacity;
	transition-duration:200ms;
	transition-timing-function:linear;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:200ms;
	-webkit-transition-timing-function:linear;
	-moz-transition-property:opacity;
	-moz-transition-duration:200ms;
	-moz-transition-timing-function:linear; 
}
#main .char .loopoff {
	background-position:-40px 0;
}
#main .char .loop:hover {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity:1;
}