@charset "Shift_JIS";

@import "../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	Story
/*-----------------------------------------------------------------------*/
#story {
}

	#story .text,
	#story .img {
		display:inline;
		position:relative;
	}
	
		#story .text li,
		#story .img li {
			position:absolute;
			left:0;
			top:0;
		}
	
	#story .text {
		float:left;
		width:450px;
		height:354px;
	}
	
		#story .text li {
			display:none;
			overflow-y:hidden;
		}
		
		.noscript #story .text li:first-child {
			display:block;
		}
	
	#story .img {
		float:right;
		width:428px;
		height:268px;
	}
	
		#story .img li {
			display:none;
		}
		
		.noscript #story .img li:first-child {
			display:block;
		}
		
	#story .navi {
		position:absolute;
		right:60px;
		top:270px;
	}
	
	.noscript #story .navi {
		display:none;
	}
	
		#story .navi li {
			display:inline;
			float:left;
			width:73px;
			margin:0 15px;
			cursor:pointer;
		}
		
		#story .navi li.current {
			overflow:hidden;
			background:no-repeat left top;
			text-indent:100%;
		}
		
		#story .navi li.current.no0 {
			background-image:url(../img/story/navi/001_on.png);
		}
		
		#story .navi li.current.no1 {
			background-image:url(../img/story/navi/002_on.png);
		}
		
		#story .navi li.current.no2 {
			background-image:url(../img/story/navi/003_on.png);
		}
		
/*-------------------------------------------------------------------------
	Character
/*-----------------------------------------------------------------------*/
#character {
	height:630px;
	background:url(../img/character/bg.png) no-repeat center bottom;
}

	#character .obj {
		position:relative;
	}
	
		#character .obj li {
			position:absolute;
		}
		
		#character .obj li.no0 {
			left:130px;
			top:20px;
		}
		
		#character .obj li.no1 {
			left:500px;
			top:5px;
		}
		
		#character .obj li.no2 {
			left:30px;
			top:160px;
		}
		
		#character .obj li.no3 {
			left:160px;
			top:200px;
		}
		
		#character .obj li.no4 {
			left:300px;
			top:230px;
			z-index:10;
		}
		
		#character .obj li.no5 {
			left:340px;
			top:170px;
		}
		
		#character .obj li.no6 {
			left:480px;
			top:260px;
		}
		
		#character .obj li.no7 {
			left:600px;
			top:290px;
			z-index:1;
		}
		
		#character .obj li.no8 {
			left:690px;
			top:160px;
		}