@charset "shift_jis"; /* CSS Document */ #page-title {margin-bottom:0;} /* トップページ */ #contents-list {width:690px; margin:60px auto 0 auto;} #contents-list li {float:left; margin:0 30px 25px 0;} #contents-list li.nomg {margin-right:0;} #contents-list li a {display:block; overflow:hidden; height:0; padding-top:178px; width:330px; cursor:pointer;} /* サムネイルリスト（リンク有り） */ #contents-list li.list_field a {background:url(images/thumb_field.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/thumb_field.png", sizingMethod="scale");} #contents-list li.list_customizing a {background:url(images/thumb_customizing.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/thumb_customizing.png", sizingMethod="scale");} #contents-list li.list_kizuna a {background:url(images/thumb_kizuna.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/thumb_kizuna.png", sizingMethod="scale");} #contents-list li.list_yarikomi a {background:url(images/thumb_yarikomi.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/thumb_yarikomi.png", sizingMethod="scale");} /* ローカルナビ */ #lnav {position:absolute; top:460px; left:0;} #lnav li {float:left;} #lnav li a {display:block; overflow:hidden; height:0; padding-top:28px; cursor:pointer;} /* リンクあり */ #lnav li.lnav01 a {background:url(images/lnav01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav01.png", sizingMethod="scale"); width:190px;} #lnav li.lnav02 a {background:url(images/lnav02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav02.png", sizingMethod="scale"); width:189px;} #lnav li.lnav03 a {background:url(images/lnav03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav03.png", sizingMethod="scale"); width:189px;} #lnav li.lnav04 a {background:url(images/lnav04.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav04.png", sizingMethod="scale"); width:190px;} #lnav li.lnav01 a:hover {background:url(images/lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav01_on.png", sizingMethod="scale");} #lnav li.lnav02 a:hover {background:url(images/lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav02_on.png", sizingMethod="scale");} #lnav li.lnav03 a:hover {background:url(images/lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav03_on.png", sizingMethod="scale");} #lnav li.lnav04 a:hover {background:url(images/lnav04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav04_on.png", sizingMethod="scale");} #lnav li.lnav01 a#l-current {background:url(images/lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav01_on.png", sizingMethod="scale");} #lnav li.lnav02 a#l-current {background:url(images/lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav02_on.png", sizingMethod="scale");} #lnav li.lnav03 a#l-current {background:url(images/lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav03_on.png", sizingMethod="scale");} #lnav li.lnav04 a#l-current {background:url(images/lnav04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav04_on.png", sizingMethod="scale");} /* サブローカルナビ（キズナ） */ #k-lnav {position:absolute; top:439px; left:0;} #k-lnav li {float:left; margin-right:1px;} #k-lnav li a {display:block; overflow:hidden; height:0; padding-top:18px; cursor:pointer;} #k-lnav li.k-lnav01 a {background:url(images/k-lnav01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav01.png", sizingMethod="scale"); width:251px;} #k-lnav li.k-lnav02 a {background:url(images/k-lnav02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav02.png", sizingMethod="scale"); width:252px;} #k-lnav li.k-lnav03 a {background:url(images/k-lnav03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav03.png", sizingMethod="scale"); width:253px;} #k-lnav li.k-lnav01 a:hover {background:url(images/k-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav01_on.png", sizingMethod="scale");} #k-lnav li.k-lnav02 a:hover {background:url(images/k-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav02_on.png", sizingMethod="scale");} #k-lnav li.k-lnav03 a:hover {background:url(images/k-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav03_on.png", sizingMethod="scale");} #k-lnav li.k-lnav01 a#s-l_current {background:url(images/k-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav01_on.png", sizingMethod="scale");} #k-lnav li.k-lnav02 a#s-l_current {background:url(images/k-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav02_on.png", sizingMethod="scale");} #k-lnav li.k-lnav03 a#s-l_current {background:url(images/k-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/k-lnav03_on.png", sizingMethod="scale");} /* サブローカルナビ（フィールド） */ #s-lnav {position:absolute; top:439px; left:0;} #s-lnav li {float:left; margin-right:1px;} #s-lnav li a {display:block; overflow:hidden; height:0; padding-top:18px; cursor:pointer;} #s-lnav li.s-lnav01 a {background:url(images/s-lnav01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav01.png", sizingMethod="scale"); width:251px;} #s-lnav li.s-lnav02 a {background:url(images/s-lnav02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav02.png", sizingMethod="scale"); width:252px;} #s-lnav li.s-lnav03 a {background:url(images/s-lnav03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav03.png", sizingMethod="scale"); width:253px;} #s-lnav li.s-lnav01 a:hover {background:url(images/s-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav01_on.png", sizingMethod="scale");} #s-lnav li.s-lnav02 a:hover {background:url(images/s-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav02_on.png", sizingMethod="scale");} #s-lnav li.s-lnav03 a:hover {background:url(images/s-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav03_on.png", sizingMethod="scale");} #s-lnav li.s-lnav01 a#s-l_current {background:url(images/s-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav01_on.png", sizingMethod="scale");} #s-lnav li.s-lnav02 a#s-l_current {background:url(images/s-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav02_on.png", sizingMethod="scale");} #s-lnav li.s-lnav03 a#s-l_current {background:url(images/s-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav03_on.png", sizingMethod="scale");} /* サブローカルナビ（カスタマイズ） */ #c-lnav {position:absolute; top:439px; left:0;} #c-lnav li {float:left; margin-right:1px;} #c-lnav li a {display:block; overflow:hidden; height:0; padding-top:18px; cursor:pointer;} #c-lnav li.c-lnav01 a {background:url(images/c-lnav01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav01.png", sizingMethod="scale"); width:188px;} #c-lnav li.c-lnav02 a {background:url(images/c-lnav02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav02.png", sizingMethod="scale"); width:189px;} #c-lnav li.c-lnav03 a {background:url(images/c-lnav03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav03.png", sizingMethod="scale"); width:189px;} #c-lnav li.c-lnav04 a {background:url(images/c-lnav04.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav04.png", sizingMethod="scale"); width:189px;} #c-lnav li.c-lnav01 a:hover {background:url(images/c-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav01_on.png", sizingMethod="scale");} #c-lnav li.c-lnav02 a:hover {background:url(images/c-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav02_on.png", sizingMethod="scale");} #c-lnav li.c-lnav03 a:hover {background:url(images/c-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav03_on.png", sizingMethod="scale");} #c-lnav li.c-lnav04 a:hover {background:url(images/c-lnav04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav04_on.png", sizingMethod="scale");} #c-lnav li.c-lnav01 a#c-l_current {background:url(images/c-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav01_on.png", sizingMethod="scale");} #c-lnav li.c-lnav02 a#c-l_current {background:url(images/c-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav02_on.png", sizingMethod="scale");} #c-lnav li.c-lnav03 a#c-l_current {background:url(images/c-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav03_on.png", sizingMethod="scale");} #c-lnav li.c-lnav04 a#c-l_current {background:url(images/c-lnav04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c-lnav04_on.png", sizingMethod="scale");} /* サブローカルナビ（やりこみ） */ #y-lnav {position:absolute; top:439px; left:0;} #y-lnav li {float:left; margin-right:1px;} #y-lnav li a {display:block; overflow:hidden; height:0; padding-top:18px; cursor:pointer;} #y-lnav li.y-lnav01 a {background:url(images/y-lnav01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav01.png", sizingMethod="scale"); width:251px;} #y-lnav li.y-lnav02 a {background:url(images/y-lnav02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav02.png", sizingMethod="scale"); width:252px;} #y-lnav li.y-lnav03 a {background:url(images/y-lnav03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav03.png", sizingMethod="scale"); width:253px;} #y-lnav li.y-lnav01 a:hover {background:url(images/y-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav01_on.png", sizingMethod="scale");} #y-lnav li.y-lnav02 a:hover {background:url(images/y-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav02_on.png", sizingMethod="scale");} #y-lnav li.y-lnav03 a:hover {background:url(images/y-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav03_on.png", sizingMethod="scale");} #y-lnav li.y-lnav01 a#s-l_current {background:url(images/y-lnav01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav01_on.png", sizingMethod="scale");} #y-lnav li.y-lnav02 a#s-l_current {background:url(images/y-lnav02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav02_on.png", sizingMethod="scale");} #y-lnav li.y-lnav03 a#s-l_current {background:url(images/y-lnav03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/y-lnav03_on.png", sizingMethod="scale");} /* ポップアップ */ #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; padding-top:0;} /* 背景 */ body#system {background:url(images/bg_field.jpg) no-repeat center top #020a1f;} body#system.noFlash {background-image:none !important; background-color:#020a1f;} body#system.noFlash #header-3rd {background:url(images/bg_field-header.jpg) no-repeat center top;} body#system.noFlash #wrapper {background:url(images/bg_field-inner.jpg) no-repeat left 170px;} /* 【キズナ】 */ /* キズナについて */ #system .kizuna .topbox {position:absolute; top:32px; left:5px;} #system .kizuna .bottombox {position:absolute; top:212px; left:74px;} /* クエスト */ #system .quest .leftbox {position:absolute; top:31px; left:5px;} #system .quest .rightbox {position:absolute; top:38px; right:1px;} /* キズナトーク */ #system .talk .topbox {position:absolute; top:32px; left:5px;} #system .talk .bottombox {position:absolute; top:242px; left:5px;} /* 【フィールド】 */ /* 広大なマップ */ #system .map .leftbox {position:absolute; top:70px; left:0;} #system .map .rightbox {position:absolute; top:72px; right:1px;} /* 立体的なフィールド構造 */ #system .field .topbox {position:absolute; top:30px; left:5px;} #system .field .bottombox {position:absolute; top:247px; left:5px;} /* サポート */ #system .support .leftbox {position:absolute; top:70px; left:5px;} #system .support .rightbox {position:absolute; top:70px; right:5px; width:375px;} #system .support .rightbox li {float:left; margin:0 15px 15px 0;} #system .support .rightbox li.thumb02, #system .support .rightbox li.thumb04 {margin:0;} #system .support .rightbox li a {display:block; overflow:hidden; height:0; padding-top:141px; width:178px; cursor:pointer;} #system .support .rightbox li.thumb01 a {background:url(images/thumb_support01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/thumb_support01.png", sizingMethod="scale");} #system .support .rightbox li.thumb02 a {background:url(images/thumb_support02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/thumb_support02.png", sizingMethod="scale");} #system .support .rightbox li.thumb03 a {background:url(images/thumb_support03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/thumb_support03.png", sizingMethod="scale");} #system .support .rightbox li.thumb04 a {background:url(images/thumb_support04.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/thumb_support04.png", sizingMethod="scale");} /* 【カスタマイズ】 */ /* 武器・防具 */ #system .arms .topbox {position:absolute; top:52px; left:5px;} #system .arms .bottombox {position:absolute; top:258px; left:5px;} /* アーツ */ #system .arts .topbox {position:absolute; top:38px; left:5px;} #system .arts .bottombox {position:absolute; top:221px; left:5px;} /* スキル */ #system .skill .leftbox {position:absolute; top:38px; left:5px;} #system .skill .rightbox {position:absolute; top:42px; right:2px;} /* ジェム */ #system .jem .topbox {position:absolute; top:52px; left:5px;} #system .jem .bottombox {position:absolute; top:258px; left:5px;} /* 【やりこみ】 */ /* プレイアワード */ #system .award .leftbox {position:absolute; top:49px; left:5px;} #system .award .rightbox {position:absolute; top:53px; right:1px;} /* コレペディア */ #system .collepedia .leftbox {position:absolute; top:69px; left:5px;} #system .collepedia .rightbox {position:absolute; top:52px; right:2px;} /* 街の復興 */ #system .reconstruction .topbox {position:absolute; top:53px; left:5px;} #system .reconstruction .bottombox {position:absolute; top:223px; left:5px;}