@charset "utf-8";

/* FONT 対応サイズ表*/
/*---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83	%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217 %
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
html, body {height:100%;}
body {text-align:center;}

body#top {background:url(../images/top/bg_top.jpg) no-repeat center top #020a1f;}/* トップページ背景 */
body#world {background:url(../../world/images/bg_world.jpg) no-repeat center top #020a1f;}/* ワールド背景 */
body#trailers {background:url(../../trailers/images/bg_trailers.jpg) no-repeat center top #020a1f;}/* ワールド背景 */
body#system {background:url(../../system/images/bg_system.jpg) no-repeat center top #020a1f;}/* ワールド背景 */
body#battle {background:url(../../battle/images/bg_battle.jpg) no-repeat center top #020a1f;}/* バトル背景 */

/*---------------------------------------------------------------------
Wrapper Layout
---------------------------------------------------------------------*/
#wrapper {width:768px; margin:0 auto; text-align:left; position:relative;}

	/*---------------------------------------------------------------------
	Header Layout
	---------------------------------------------------------------------*/
	#header {position:relative;}
		#nintendo, #wii {position:absolute; line-height:0; font-size:0;}
		#nintendo a, #wii a {height:0; display:block; overflow:hidden; cursor:pointer;}
		#nintendo {top:27px; left:0;}
		#wii {top:20px; right:0;}
		
		#nintendo a {width:74px; padding-top:19px; background:url(../images/top/logo_nintendo.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="common/images/top/logo_nintendo.png", sizingMethod="scale");}
		#wii a {width:79px; padding-top:35px; background:url(../images/top/logo_wii.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="common/images/top/logo_wii.png", sizingMethod="scale");}
		
	/* 二次階層 */
	#header-2nd, #header-3rd {position:relative; top:8px;}
		#header-2nd #nintendo a, #header-2nd #wii a,
		#header-3rd #nintendo a, #header-3rd #wii a {height:0; display:block; overflow:hidden; cursor:pointer;}
		#header-2nd #nintendo a {width:74px; padding-top:19px; background:url(../images/top/logo_nintendo.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/top/logo_nintendo.png", sizingMethod="scale");}
		#header-3rd #nintendo a {width:74px; padding-top:19px; background:url(../images/top/logo_nintendo.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/top/logo_nintendo.png", sizingMethod="scale");}
		
		#header-2nd #wii a {width:79px; padding-top:35px; background:url(../images/top/logo_wii.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/top/logo_wii.png", sizingMethod="scale");}
		#header-3rd #wii a {width:79px; padding-top:35px; background:url(../images/top/logo_wii.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/top/logo_wii.png", sizingMethod="scale");}
		
		#xenoblade-2nd, #xenoblade-3rd {position:absolute; left:0; top:65px;}	
			#xenoblade-2nd a {display:block; overflow:hidden; height:0; padding-top:49px; width:158px; cursor:pointer; 
			background:url(../images/common/logo_xenoblade-2nd.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/logo_xenoblade-2nd.png", sizingMethod="scale");}
			
			#xenoblade-3rd a {display:block; overflow:hidden; height:0; padding-top:49px; width:158px; cursor:pointer;
			background:url(../images/common/logo_xenoblade-2nd.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/logo_xenoblade-2nd.png", sizingMethod="scale");}
		
		#gnav-2nd, #gnav-3rd {position:absolute; right:0; top:80px; width:596px; height:23px;}
			#gnav-2nd li, #gnav-3rd li {float:left; margin-right:4px;}
			#gnav-2nd li.gnav05, #gnav-3rd li.gnav05 {margin:0;}
			#gnav-2nd li a, #gnav-3rd li a {display:block; overflow:hidden; height:0; padding-top:23px; width:116px; cursor:pointer;}
			
			/*---------------------------------------------------------------------
			二次階層グロナビ
			---------------------------------------------------------------------*/
			/* 二次階層グロナビ（リンクあり） */
			#gnav-2nd li.gnav01 a {
			background:url(../images/common/gnav01.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav01.png", sizingMethod="scale");}
			#gnav-2nd li.gnav02 a {
			background:url(../images/common/gnav02.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav02.png", sizingMethod="scale");}
			#gnav-2nd li.gnav03 a {
			background:url(../images/common/gnav03.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav03.png", sizingMethod="scale");}
			#gnav-2nd li.gnav04 a {
			background:url(../images/common/gnav04.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav04.png", sizingMethod="scale");}
			#gnav-2nd li.gnav05 a {
			background:url(../images/common/gnav05.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav05.png", sizingMethod="scale");}
			
			/* 二次階層グロナビ（リンクホバー） */
			#gnav-2nd li.gnav01 a:hover {
			background:url(../images/common/gnav01_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav01_on.png", sizingMethod="scale");}
			#gnav-2nd li.gnav02 a:hover {
			background:url(../images/common/gnav02_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav02_on.png", sizingMethod="scale");}
			#gnav-2nd li.gnav03 a:hover {
			background:url(../images/common/gnav03_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav03_on.png", sizingMethod="scale");}
			#gnav-2nd li.gnav04 a:hover {
			background:url(../images/common/gnav04_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav04_on.png", sizingMethod="scale");}
			#gnav-2nd li.gnav05 a:hover {
			background:url(../images/common/gnav05_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav05_on.png", sizingMethod="scale");}
			
			
			#gnav-2nd li.gnav01 a#current {
			background:url(../images/common/gnav01.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav01.png", sizingMethod="scale");}
			#gnav-2nd li.gnav02 a#current {
			background:url(../images/common/gnav02.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav02.png", sizingMethod="scale");}
			#gnav-2nd li.gnav03 a#current {
			background:url(../images/common/gnav03.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav03.png", sizingMethod="scale");}
			#gnav-2nd li.gnav04 a#current {
			background:url(../images/common/gnav04.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav04.png", sizingMethod="scale");}
			#gnav-2nd li.gnav05 a#current {
			background:url(../images/common/gnav05.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/common/gnav05.png", sizingMethod="scale");}
			
			
			/*---------------------------------------------------------------------
			三次階層グロナビ
			---------------------------------------------------------------------*/			
			/* 三次階層グロナビ（リンクあり） */
			#gnav-3rd li.gnav01 a {
			background:url(../images/common/gnav01.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav01.png", sizingMethod="scale");}
			#gnav-3rd li.gnav02 a {
			background:url(../images/common/gnav02.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav02.png", sizingMethod="scale");}
			#gnav-3rd li.gnav03 a {
			background:url(../images/common/gnav03.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav03.png", sizingMethod="scale");}
			#gnav-3rd li.gnav04 a {
			background:url(../images/common/gnav04.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav04.png", sizingMethod="scale");}
			#gnav-3rd li.gnav05 a {
			background:url(../images/common/gnav05.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav05.png", sizingMethod="scale");}
			
			/* 三次階層グロナビ（リンクホバー） */
			#gnav-3rd li.gnav01 a:hover {
			background:url(../images/common/gnav01_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav01_on.png", sizingMethod="scale");}
			#gnav-3rd li.gnav02 a:hover {
			background:url(../images/common/gnav02_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav02_on.png", sizingMethod="scale");}
			#gnav-3rd li.gnav03 a:hover {
			background:url(../images/common/gnav03_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav03_on.png", sizingMethod="scale");}
			#gnav-3rd li.gnav04 a:hover {
			background:url(../images/common/gnav04_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav04_on.png", sizingMethod="scale");}
			#gnav-3rd li.gnav05 a:hover {
			background:url(../images/common/gnav05_on.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav05_on.png", sizingMethod="scale");}
			
			
			#gnav-3rd li.gnav01 a#current {
			background:url(../images/common/gnav01.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav01.png", sizingMethod="scale");}
			#gnav-3rd li.gnav02 a#current {
			background:url(../images/common/gnav02.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav02.png", sizingMethod="scale");}
			#gnav-3rd li.gnav03 a#current {
			background:url(../images/common/gnav03.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav03.png", sizingMethod="scale");}
			#gnav-3rd li.gnav04 a#current {
			background:url(../images/common/gnav04.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav04.png", sizingMethod="scale");}
			#gnav-3rd li.gnav05 a#current {
			background:url(../images/common/gnav05.png) no-repeat 0 0 !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../common/images/common/gnav05.png", sizingMethod="scale");}
			
			
	
	/*---------------------------------------------------------------------
	Container Layout
	---------------------------------------------------------------------*/
	#container {height:750px; width:768px; margin:0 auto 24px auto; position:relative;}
	
		#newmark {position:absolute; z-index:999;}
		#main-contents {height:705px;}
			#xenoblade {position:absolute; top:187px; left:0px; display:block; overflow:hidden; height:0; padding-top:233px; width:714px;
			background:url(../images/top/logo_zenoblade.png) no-repeat left top !important; background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="common/images/top/logo_zenoblade.png", sizingMethod="scale");}
			#blade {position:absolute; top:404px; left:338px;}
	
		#gnav {width:768px; height:29px; margin:11px auto 0 auto;}
			#gnav li {float:left; display:inline; margin-right:9px;}
			#gnav li.gnav05 {margin:0;}
				#gnav li a {display:block; overflow:hidden; height:0; padding-top:29px;}
				
				#gnav li.gnav01 a {background:url(../images/top/nav01.gif) no-repeat left top; width:145px;}
				#gnav li.gnav02 a {background:url(../images/top/nav02.gif) no-repeat left top; width:145px;}
				#gnav li.gnav03 a {background:url(../images/top/nav03.gif) no-repeat left top; width:145px;}
				#gnav li.gnav04 a {background:url(../images/top/nav04.gif) no-repeat left top; width:145px;}
				#gnav li.gnav05 a {background:url(../images/top/nav05.gif) no-repeat left top; width:150px;}
				
				#gnav li.gnav01 a:hover {background:url(../images/top/nav01_on.gif) no-repeat left top; width:145px;}
				#gnav li.gnav02 a:hover {background:url(../images/top/nav02_on.gif) no-repeat left top; width:145px;}
				#gnav li.gnav03 a:hover {background:url(../images/top/nav03_on.gif) no-repeat left top; width:145px;}
				#gnav li.gnav04 a:hover {background:url(../images/top/nav04_on.gif) no-repeat left top; width:145px;}
				#gnav li.gnav05 a:hover {background:url(../images/top/nav05_on.gif) no-repeat left top; width:150px;}
		
		/* 二次階層 */
		#main-contents-2nd {width:764px; position:absolute; top:178px;}
			#page-title {line-height:0; font-size:0;}
			#page-contents {position:relative; width:764px;}
		
	/*---------------------------------------------------------------------
	FlashContent Layout
	---------------------------------------------------------------------*/
	#flashContent {width:100%; height:750px; margin-bottom:24px;}
	
		
/*---------------------------------------------------------------------
Footer Layout
---------------------------------------------------------------------*/
#footer {width:740px; margin:0 auto; padding:0 0 20px 0; position:relative;}
	#left-section {float:left; display:inline; margin-right:19px; margin-left: 83px;}
	#right-section {float:left; display:inline; position:relative;}
		#topics {color:#fff; margin-bottom:13px;}
			#topics dt {width:56px; line-height:0; font-size:0; height:15px;}
			#topics dd {margin:-18px 0 0 60px; font-size:83%;}
			* html #topics dd {margin-top:-16px;}
		
		/* バナー */
		#bnr-guidebook {position:absolute; top:13px; right:14px;}
		
		#bnr-area {background:url(../images/top/bg_bnr-area.gif) no-repeat left top; position:relative; margin:0 auto 20px auto; width:246px; height:106px;}
			#bnr-president {position:absolute; top:15px; left:15px;}
				#bnr-president a {display:block;}
			#bnr-movie {position:absolute; top:15px; left:260px;}
			#bnr-tvcm {position:absolute; top:15px; left:505px;}
				#bnr-president a img,
				#bnr-guidebook a img,
				#bnr-movie a img,
				#bnr-tvcm a img {vertical-align:bottom; line-height:0;}
				#bnr-president a:hover img,
				#bnr-guidebook a:hover img,
				#bnr-movie a:hover img,
				#bnr-tvcm a:hover img {filter:alpha(opacity=70); opacity:0.7;}
			
		#soft-info {background:url(../images/top/bg_softinfo.gif) no-repeat left top; width:479px; height:80px; margin-bottom:27px; position:relative;}
			#soft-info ul {position:absolute; top:12px; left:12px;}
			#soft-info ul li {line-height:100%; font-size:0; margin-bottom:5px;}
			#cero {position:absolute; left:432px; top:12px;}
			
	#fnav {clear:both; text-align:center; margin-bottom:16px; color:#666;}
		#fnav li {display:inline; border-right:1px solid #fff; margin-right:10px; padding-right:10px;}
		#fnav li.fnav05 {border:none;}
			#fnav li a {color:#fff;}
			#fnav li a:hover {color:#0b96d6;}
			#fnav li a#f-current {color:#0b96d6;}
			
		#copyright {text-align:center;}
		


/*---------------------------------------------------------------------
DS & Wii Layout
---------------------------------------------------------------------*/
body.noFlash #header-2nd,
body.noFlash #header-3rd {top:0; height:170px;}

/* TOP page */
body#top.noFlash {background-image:none; background-color:#020a1f;}
	body#top.noFlash #wrapper {background:url(../images/top/bg_top-inner.jpg) no-repeat left 200px;}
	body#top.noFlash #header {background:url(../images/top/bg_top-header.jpg) no-repeat left top; height:200px;}
	body#top.noFlash #wrapper #main-contents {height:505px;}

/* WORLD page */
body#world.noFlash {background-image:none; background-color:#020a1f;}
	body#world.noFlash #header-2nd {background:url(../../world/images/bg_world-header.jpg) no-repeat center top;}
	body#world.noFlash #wrapper {background:url(../../world/images/bg_world-inner.jpg) no-repeat left 170px;}
	
/* TRAILERS page */
body#trailers.noFlash {background-image:none; background-color:#020a1f;}
	body#trailers.noFlash #header-2nd {background:url(../../trailers/images/bg_trailers-header.jpg) no-repeat center top;}
	body#trailers.noFlash #wrapper {background:url(../../trailers/images/bg_trailers-inner.jpg) no-repeat left 170px;}

/* SYSTEM page */
body#system.noFlash {background-image:none; background-color:#020a1f;}
	body#system.noFlash #header-2nd {background:url(../../system/images/bg_field-header.jpg) no-repeat center top;}
	body#system.noFlash #wrapper {background:url(../../system/images/bg_system-inner.jpg) no-repeat left 170px;}

/* BATTLE page */
body#battle.noFlash {background-image:none; background-color:#020a1f;}
	body#battle.noFlash #header-2nd {background:url(../../battle/images/bg_battle-header.jpg) no-repeat center top;}
	body#battle.noFlash #header-3rd {background:url(../../battle/images/bg_battle-header.jpg) no-repeat center top;}
	body#battle.noFlash #wrapper {background:url(../../battle/images/bg_battle-inner.jpg) no-repeat left 170px;}