@charset "shift_jis";
/* CSS Document */

#page-title {margin-bottom:32px;}
	
	/* プロローグ */
	.plorogue #left {position:absolute; left:-2px;}
	.plorogue #right {position:absolute; right:0; top:7px;}
	
	/* 巨神と人々 */
	#page-contents.people {height:370px;}
	#pagenate01, #pagenate02 {position:absolute;}
		#pagenate01 a, #pagenate02 a {display:block; overflow:hidden; height:0; cursor:pointer;}
		
	.people #left {position:absolute; left:5px; top:34px;}
	.people #world-movie {position:absolute; right:-4px; top:27px;}
		.people #pagenate01 {top:345px; right:0;}
		.people #pagenate01 a {background:url(images/pn_people01.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_people01.png", sizingMethod="scale"); width:141px; padding-top:24px;}
			
		.people #pagenate02 {top:345px; left:3px;}
		.people #pagenate02 a {background:url(images/pn_people02.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_people02.png", sizingMethod="scale"); width:142px; padding-top:24px;}	
	.people #tribe {position:absolute; top:-9px; left:5px;}
	.people .tribe01, .people .tribe02, .people .tribe03 {position:absolute;}
		.people .tribe01 {top:70px; left:5px;}
		.people .tribe02 {top:70px; right:0;}
		.people .tribe03 {top:218px; left:187px;}
		
	/* 機神兵 */
	#page-contents.kishinhei {height:370px;}
	#page-contents.kishinhei #pagenate01, #page-contents.kishinhei #pagenate02 {position:absolute;}
		#page-contents.kishinhei #pagenate01 a, #page-contents.kishinhei #pagenate02 a {display:block; overflow:hidden; height:0; cursor:pointer;}
		
	.kishinhei #left {position:absolute; left:5px; top:34px;}
	.kishinhei #right {position:absolute; right:-6px; top:25px;}
	
	.kishinhei #kishinhei-movie {position:absolute; right:0px; top:26px;}
	.kishinhei #right02 {position:absolute; right:0px; top:34px;}
	
	
	.kishinhei #kishinhei-movie02 {position:absolute; left:-4px; top:26px;}
		
		.kishinhei #pagenate01 {top:345px; right:0;}
		.kishinhei #pagenate01 a {background:url(images/pn_kishinhei01.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_kishinhei01.png", sizingMethod="scale"); width:110px; padding-top:24px;}
			
		.kishinhei #pagenate02 {top:345px; left:3px;}
		.kishinhei #pagenate02 a {background:url(images/pn_kishinhei02.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_kishinhei02.png", sizingMethod="scale"); width:110px; padding-top:24px;}
	
	/* 神剣モナド */
	#page-contents.monado {height:370px;}
	#page-contents.monado #pagenate01, #page-contents.monado #pagenate02 {position:absolute;}
		#page-contents.monado #pagenate01 a, #page-contents.monado #pagenate02 a {display:block; overflow:hidden; height:0; cursor:pointer;}
		
	.monado #left {position:absolute; left:5px; top:34px;}
	.monado #right {position:absolute; right:-6px; top:27px;}
	
	.monado #monado-movie {position:absolute; left:-3px; top:26px;}
	.monado #right02 {position:absolute; right:0px; top:34px;}
	
		.monado #pagenate01 {top:345px; right:0;}
		.monado #pagenate01 a {background:url(images/pn_monado01.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_monado01.png", sizingMethod="scale"); width:141px; padding-top:25px;}
			
		.monado #pagenate02 {top:345px; left:3px;}
		.monado #pagenate02 a {background:url(images/pn_monado02.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_monado02.png", sizingMethod="scale"); width:141px; padding-top:25px;}
	
	/* スクリーンショット */
	.screenshot #txt-screenshot {position:absolute; top:-10px; left:5px;}
		.screenshot #thumb-list {padding:60px 0 0 15px;}
		.screenshot #thumb-list li {float:left; margin:0 30px 5px 0;}
		.screenshot #thumb-list li.last {margin:0 0 5px 0;}
		
		/* ポップアップ */
		#photo {background:#041236; padding:20px 10px 0 10px;}
		#photo #wrapper {width:615px; margin:0 auto; text-align:center;}
			#photo #header {position:relative; height:70px;}
				#photo #logo-nintendo {position:absolute; top:0; left:0;}
				#photo #logo-xenoblade {position:absolute; top:0; right:0; background:none;}
			
			#photo #contents {margin-bottom:40px;}
			
			#photo #footer {width:100%; text-align:center;}
	
	/* 街と生活 */
	.life #life-flow {position:absolute; top:15px; left:7px;}
	.life #life-txt {position:absolute; top:239px; left:4px;}
	
	.life #life-flow02 {position:absolute; top:10px; left:5px;}
	.life #life-txt02 {position:absolute; top:240px; left:4px;}
	
		.life #pagenate01 {top:345px; right:0;}
		.life #pagenate01 a {background:url(images/pn_life01.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_life01.png", sizingMethod="scale"); width:129px; padding-top:24px;}
			
		.life #pagenate02 {top:345px; left:3px;}
		.life #pagenate02 a {background:url(images/pn_life02.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pn_life02.png", sizingMethod="scale"); width:141px; padding-top:25px;}
		
	
	/* ローカルナビゲーション */
	#wnav {position:absolute; top:440px; left:5px; width:758px; height:38px;}
		#wnav #newmark {top:-4px; left:728px;}
		
		#wnav li {float:left; display:inline;}
			#wnav li a {display:block; overflow:hidden; height:0; padding-top:38px; cursor:pointer;}
			#wnav li.wnav04 {margin-right:4px;}
						
			#wnav li.wnav01 a {
			background:url(images/lnav01.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav01.png", sizingMethod="scale"); width:126px;}
			#wnav li.wnav02 a {
			background:url(images/lnav02.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav02.png", sizingMethod="scale"); width:123px;}
			#wnav li.wnav03 a {
			background:url(images/lnav03.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav03.png", sizingMethod="scale"); width:121px;}
			#wnav li.wnav04 a {
			background:url(images/lnav04.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav04.png", sizingMethod="scale"); width:125px;}
			#wnav li.wnav05 a {
			background:url(images/lnav05.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav05.png", sizingMethod="scale"); width:125px;}
			#wnav li.wnav06 a {
			background:url(images/lnav06.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav06.png", sizingMethod="scale"); width:134px;}
			
			
			#wnav li.wnav01 a:hover {
			background:url(images/lnav01_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav01_on.png", sizingMethod="scale"); width:126px;}
			#wnav li.wnav02 a:hover {
			background:url(images/lnav02_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav02_on.png", sizingMethod="scale"); width:123px;}
			#wnav li.wnav03 a:hover {
			background:url(images/lnav03_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav03_on.png", sizingMethod="scale"); width:121px;}
			#wnav li.wnav04 a:hover {
			background:url(images/lnav04_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav04_on.png", sizingMethod="scale"); width:125px;}
			#wnav li.wnav05 a:hover {
			background:url(images/lnav05_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav05_on.png", sizingMethod="scale"); width:125px;}
			#wnav li.wnav06 a:hover {
			background:url(images/lnav06_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav06_on.png", sizingMethod="scale"); width:134px;}