@charset "UTF-8";



#center_content_world {
	position: relative;
	height: 1024px;
}
#center_content_synopsis {
	position: relative;
	height: 1150px;
}


#main_content {
	top: 40px;
}



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

サブメニュー

------------------------------------------------------------------------------*/
#submenu_story {
	width: 276px;
	top: 128px;
	position: absolute;
	text-indent: -9999em;
}
#submenu_story li,
#submenu_story .hover {
	position: absolute;
	width: 257px;
	height: 48px;
}
#submenu_story a {
	display: block;
	width: 257px;
	height: 48px;
/*	margin-top: 20px;
	margin-left: 42px;*/
}


/*----- 世界観 -----*/
#submenu_story .world {
	position: absolute;
	background: url(../img/story/submenu_world.png) no-repeat;
	top: 0px;
	left: -18px;
}
#submenu_story .world.selected {
	background-position: 0% 100%;
	margin-left: 9px;
}

/*----- あらすじ -----*/
#submenu_story .synopsis {
	position: absolute;
	background: url(../img/story/submenu_synopsis.png) no-repeat;
	top: 49px;
	left: -18px;
}
#submenu_story .synopsis.selected {
	background-position: 0% 100%;
	margin-left: 9px;
}




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

世界観

------------------------------------------------------------------------------*/
#story_world {
	height: 911px;
	text-indent: -9999em;
}
#story_world h2 {
	position: absolute;
	background: url(../img/story/world_cap.png) no-repeat;
	width: 584px;
	height: 106px;
	top: 79px;
	left: 285px;
}

#story_world .txt {
	position: absolute;
	background: url(../img/story/world_txt.png) no-repeat;
	width: 563px;
	height: 355px;
	top: 183px;
	left: 311px;
}

#story_world .img {
	position: absolute;
	top: 532px;
	left: 260px;
}




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

あらすじ

------------------------------------------------------------------------------*/
#story_synopsis {
	height: 1063px;
	text-indent: -9999em;
}
#story_synopsis .txt1 {
	position: absolute;
	background: url(../img/story/synopsis_txt01.png) no-repeat;
	width: 630px;
	height: 213px;
	top: 140px;
	left: 270px;
}
#story_synopsis .txt2 {
	position: absolute;
	background: url(../img/story/synopsis_txt02.png) no-repeat;
	width: 630px;
	height: 393px;
	top: 628px;
	left: 270px;
}

#story_synopsis .img {
	position: absolute;
	top: 293px;
	left: 274px;
}