@charset "UTF-8";

/*--------------------------------------------------------------*/
/* キャラクター展開例
/*--------------------------------------------------------------*/

#intro h2{
	position: absolute;
	width: 204px;
	height: 46px;
	top: 80px;
	left: 70px;
	z-index: 10;
}

#intro div{
	position: relative;
	width: 610px;
	height: 153px;
	top: 145px;
	left: 145px;
	overflow: hidden;
}

#intro div img{
	position: absolute;
	top: 0;
	left: 0;
}

img.comic{ background-color: #FFFFFF; }

/*--------------------------------*/

#develop_1{
	position: relative;
	width: 802px;
	height: 560px;
	margin: 0 auto 120px auto;
	overflow: hidden;
}

#develop_1 h3{
	position: absolute;
	width: 203px;
	height: 123px;
	top: 3px;
	left: 0;
	z-index: 1;
}

#develop_1 img{
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------*/

#develop_2{
	position: relative;
	width: 810px;
	height: 395px;
	margin: 0 auto 120px auto;
	/* overflow: hidden; */
}
#develop_2 p{
	overflow: hidden;
}

#develop_2 h3{
	position: absolute;
	width: 203px;
	height: 125px;
	top: 3px;
	left: 0;
	z-index: 1;
}

#develop_2 img{
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------*/

#develop_3{
	position: relative;
	width: 807px;
	height: 405px;
	margin: 0 auto 120px auto;
	/* overflow: hidden; */
}

#develop_3 h3{
	position: absolute;
	width: 203px;
	height: 125px;
	top: 3px;
	left: 0;
	z-index: 1;
}

#develop_3 img{
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------*/

#develop_4{
	position: relative;
	width: 802px;
	height: 412px;
	margin: 0 auto 120px auto;
	/* overflow: hidden; */
}

#develop_4 h3{
	position: absolute;
	width: 203px;
	height: 125px;
	top: 3px;
	left: 0;
	z-index: 1;
}

#develop_4 img{
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------*/

#develop_5{
	position: relative;
	width: 802px;
	height: 368px;
	margin: 0 auto 120px auto;
	/* overflow: hidden; */
}

#develop_5 h3{
	position: absolute;
	width: 203px;
	height: 125px;
	top: 3px;
	left: 0;
	z-index: 1;
}

#develop_5 img{
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------*/

#develop_6{
	position: relative;
	width: 810px;
	height: 397px;
	margin: 0 auto 80px auto;
	/* overflow: hidden; */
}

#develop_6 h3{
	position: absolute;
	width: 203px;
	height: 125px;
	top: 3px;
	left: 0;
	z-index: 1;
}

#develop_6 img{
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------*/

#outro{
	position: relative;
	width: 800px;
	height: 250px;
	margin: 0 auto 30px auto;
	z-index: 15;
}

#outro img{
	position: absolute;
	top: 0;
	left: 0;
}

#outro p.characters a{
	display: block;
	position: absolute;
	top: 121px;
	right: 200px;
	width: 89px;
	height: 102px;
	text-indent: -9999px;
	background-image: url(../img/develop/outro_door1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#outro p.request a{
	display: block;
	position: absolute;
	top: 114px;
	right: 106px;
	width: 92px;
	height: 113px;
	text-indent: -9999px;
	background-image: url(../img/develop/outro_door2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#outro p.characters a:hover,
#outro p.request a:hover{ background-position: left bottom; }


/*--------------------------------*/
/* ミニキャラ */
/*--------------------------------*/

#no122{
	position: absolute;
	width: 163px;
	height: 109px;
	top: 36px;
	right: 11px;
	background-image: url(../img/minichara/no122_bg.gif);
	background-repeat: no-repeat;
}
#no122 img{ position: absolute; top: -17px; left: 60px; }

#no163{	position: absolute;	top: 141px; 	left: 70px;		z-index: 99; }

#no17{	position: absolute;	top: -43px; 	left: 20px;		z-index: 98; }

#no218{	position: absolute;	top: 290px; 	left: -32px;	z-index: 96; }

#no213{	position: absolute;	top: 175px; 	left: 100px;	z-index: 95; }
#no132{	position: absolute;	top: -57px; 	right: 200px;	z-index: 94; }
#no300{	position: absolute;	bottom: 70px;	right: 110px;	z-index: 92; }

#no75{	position: absolute;	top: -45px; 	left: 10px;		z-index: 91; }
#no142{	position: absolute;	bottom: 150px;	right: 60px;	z-index: 90; }

#no170{	position: absolute;	top: 129px; 	left: 100px;	z-index: 89; }

#no151{	position: absolute;	top: -30px;		right: 330px;	z-index: 87; }

#no231{
	position: absolute;
	width: 147px;
	height: 223px;
	top: -234px;
	left: 80px;
	background-image: url(../img/minichara/no231_bg.gif);
	background-repeat: no-repeat;
	z-index: 86;
}
#no231 img{ position: absolute; bottom: 0; right: 0; }