@charset "shift_jis"; /* CSS Document */ #page-title {margin:0 0 0 5px;} /* ローカルナビ */ #lnav {position:absolute; top:460px; left:0;} #newmark {position:absolute; top:-5px; left:470px;} #newmark2 {position:absolute; top:-5px; left:725px;} #lnav li {float:left;} #lnav li a {display:block; overflow:hidden; height:0; padding-top:31px; width:251px; cursor:pointer;} /* リンクあり */ #lnav li.lnav01 a {background:url(../battle/images/lnav_01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_01.png", sizingMethod="scale"); margin-right:2px;} #lnav li.lnav02 a {background:url(../battle/images/lnav_02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_02.png", sizingMethod="scale"); margin-right:2px;} #lnav li.lnav03 a {background:url(../battle/images/lnav_03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_03.png", sizingMethod="scale");} #lnav li.lnav01 a:hover {background:url(../battle/images/lnav_01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_01_on.png", sizingMethod="scale");} #lnav li.lnav02 a:hover {background:url(../battle/images/lnav_02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_02_on.png", sizingMethod="scale");} #lnav li.lnav03 a:hover {background:url(../battle/images/lnav_03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_03_on.png", sizingMethod="scale");} #lnav li.lnav01 a#l-current {background:url(../battle/images/lnav_01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_01_on.png", sizingMethod="scale");} #lnav li.lnav02 a#l-current {background:url(../battle/images/lnav_02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_02_on.png", sizingMethod="scale");} #lnav li.lnav03 a#l-current {background:url(../battle/images/lnav_03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lnav_03_on.png", sizingMethod="scale");} /* ローカルナビ（二次階層） */ #lnav-2nd {position:absolute; top:460px; left:0;} #lnav-2nd li {float:left;} #lnav-2nd li a {display:block; overflow:hidden; height:0; padding-top:31px; width:251px; cursor:pointer;} /* リンクあり */ #lnav-2nd li.lnav01 a {background:url(../battle/images/lnav_01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_01.png", sizingMethod="scale"); margin-right:2px;} #lnav-2nd li.lnav02 a {background:url(../battle/images/lnav_02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_02.png", sizingMethod="scale"); margin-right:2px;} #lnav-2nd li.lnav03 a {background:url(../battle/images/lnav_03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_03.png", sizingMethod="scale");} #lnav-2nd li.lnav01 a:hover {background:url(../battle/images/lnav_01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_01_on.png", sizingMethod="scale");} #lnav-2nd li.lnav02 a:hover {background:url(../battle/images/lnav_02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_02_on.png", sizingMethod="scale");} #lnav-2nd li.lnav03 a:hover {background:url(../battle/images/lnav_03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_03_on.png", sizingMethod="scale");} #lnav-2nd li.lnav01 a#l-current {background:url(../battle/images/lnav_01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_01_on.png", sizingMethod="scale");} #lnav-2nd li.lnav02 a#l-current {background:url(../battle/images/lnav_02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_02_on.png", sizingMethod="scale");} #lnav-2nd li.lnav03 a#l-current {background:url(../battle/images/lnav_03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lnav_03_on.png", sizingMethod="scale");} /* サブローカルナビ バトルの流れ */ #s-lnav {position:absolute; top:-50px; right:-2px; width:432px; height:66px; background:url(images/bg_s-lnav.png) no-repeat center top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_s-lnav.png", sizingMethod="scale");} #s-lnav li a {display:block; overflow:hidden; height:0; padding-top:32px; cursor:pointer; width:140px;} #s-lnav li.s-lnav01 {position:absolute; top:17px;} #s-lnav li.s-lnav02 {position:absolute; top:0; left:145px;} #s-lnav li.s-lnav03 {position:absolute; top:32px; left:145px;} #s-lnav li.s-lnav04 {position:absolute; top:17px; left:290px;} #s-lnav li.s-lnav01 a {background:url(images/s-lnav_01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_01.png", sizingMethod="scale");} #s-lnav li.s-lnav02 a {background:url(images/s-lnav_02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_02.png", sizingMethod="scale");} #s-lnav li.s-lnav03 a {background:url(images/s-lnav_03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_03.png", sizingMethod="scale");} #s-lnav li.s-lnav04 a {background:url(images/s-lnav_04.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_04.png", sizingMethod="scale");} #s-lnav li.s-lnav01 a:hover {background:url(images/s-lnav_01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_01_on.png", sizingMethod="scale");} #s-lnav li.s-lnav02 a:hover {background:url(images/s-lnav_02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_02_on.png", sizingMethod="scale");} #s-lnav li.s-lnav03 a:hover {background:url(images/s-lnav_03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_03_on.png", sizingMethod="scale");} #s-lnav li.s-lnav04 a:hover {background:url(images/s-lnav_04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_04_on.png", sizingMethod="scale");} #s-lnav li.s-lnav01 a#s-l_current {background:url(images/s-lnav_01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_01_on.png", sizingMethod="scale");} #s-lnav li.s-lnav02 a#s-l_current {background:url(images/s-lnav_02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_02_on.png", sizingMethod="scale");} #s-lnav li.s-lnav03 a#s-l_current {background:url(images/s-lnav_03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_03_on.png", sizingMethod="scale");} #s-lnav li.s-lnav04 a#s-l_current {background:url(images/s-lnav_04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_04_on.png", sizingMethod="scale");} /* サブローカルナビ バトルのコツ */ #s-lnav_kotsu {position:absolute; top:-50px; right:-2px; width:422px; height:66px;} #s-lnav_kotsu li a {display:block; overflow:hidden; height:0; padding-top:32px; cursor:pointer; width:136px;} #s-lnav_kotsu li.s-lnav_kotsu01 {position:absolute; top:17px;} #s-lnav_kotsu li.s-lnav_kotsu02 {position:absolute; top:0; left:145px;} #s-lnav_kotsu li.s-lnav_kotsu03 {position:absolute; top:32px; left:145px;} #s-lnav_kotsu li.s-lnav_kotsu04 {position:absolute; top:17px; left:290px;} #s-lnav_kotsu li.s-lnav_kotsu01 a {background:url(images/s-lnav_kotsu01.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu01.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu02 a {background:url(images/s-lnav_kotsu02.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu02.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu03 a {background:url(images/s-lnav_kotsu03.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu03.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu04 a {background:url(images/s-lnav_kotsu04.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu04.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu01 a:hover {background:url(images/s-lnav_kotsu01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu01_on.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu02 a:hover {background:url(images/s-lnav_kotsu02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu02_on.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu03 a:hover {background:url(images/s-lnav_kotsu03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu03_on.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu04 a:hover {background:url(images/s-lnav_kotsu04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu04_on.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu01 a#s-l_current {background:url(images/s-lnav_kotsu01_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu01_on.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu02 a#s-l_current {background:url(images/s-lnav_kotsu02_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu02_on.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu03 a#s-l_current {background:url(images/s-lnav_kotsu03_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu03_on.png", sizingMethod="scale");} #s-lnav_kotsu li.s-lnav_kotsu04 a#s-l_current {background:url(images/s-lnav_kotsu04_on.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/s-lnav_kotsu04_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;} /* 未来見 */ #miraimi {background:#041236; padding:20px 10px 0 10px;} #miraimi #wrapper {width:760px; margin:0 auto; text-align:center;} #miraimi #header {position:relative; height:70px;} #miraimi #logo-nintendo {position:absolute; top:0; left:0;} #miraimi #logo-xenoblade {position:absolute; top:0; right:0; background:none;} #miraimi #contents {margin-bottom:40px; position:relative;} #miraimi #left-box {float:left;} #miraimi #right-box {float:right;} #miraimi #footer {width:100%; text-align:center; padding-top:0;} /* 各ページレイアウト */ /* トップページ */ #battle .battle .leftbox {position:absolute; top:66px; left:0; width:340px;} #txt-battle01 {margin-bottom:10px;} #battle .battle .rightbox {position:absolute; top:72px; right:1px;} /* バトルの流れ */ #battle .flow .topbox {position:absolute; top:41px; left:5px;} #battle .flow .bottombox {position:absolute; top:114px; left:5px;} /* フィールド移動 */ #battle .move .topbox {position:absolute; top:48px; left:5px;} #battle .move #movie {position:absolute; top:113px; left:5px;} #battle .move .rightbox {position:absolute; top:112px; right:1px;} #battle .move #pagenate {position:absolute; right:1px; top:429px;} /* 攻撃 */ #battle .attack .topbox {position:absolute; top:48px; left:5px;} #battle .attack #movie {position:absolute; top:113px; left:4px;} #battle .attack .rightbox {position:absolute; top:112px; right:1px;} #battle .attack #pagenate {position:absolute; left:5px; top:429px;} #battle .attack #pagenate02 {position:absolute; right:1px; top:430px;} /* 仲間との連携 */ #battle .cooperation .topbox {position:absolute; top:48px; left:5px;} #battle .cooperation #movie {position:absolute; top:113px; left:4px;} #battle .cooperation .rightbox {position:absolute; top:113px; right:1px;} #battle .cooperation #pagenate {position:absolute; left:5px; top:429px;} #battle .cooperation #pagenate02 {position:absolute; right:1px; top:430px;} /* バトルリザルト */ #battle .result .topbox {position:absolute; top:48px; left:5px;} #battle .result #movie {position:absolute; top:113px; left:4px;} #battle .result .rightbox {position:absolute; top:113px; right:1px;} #battle .result #pagenate {position:absolute; left:5px; top:430px;} /* バトルのコツ */ #battle .kotsu .topbox {position:absolute; top:42px; left:5px;} #battle .kotsu .bottombox {position:absolute; top:110px; left:5px;} /* 戦闘中のキズナ */ #battle .kizuna .topbox {position:absolute; top:48px; left:5px;} #battle .kizuna .leftbox {position:absolute; top:123px; left:5px;} #battle .kizuna .rightbox {position:absolute; top:123px; right:0px;} /* 約束の力 */ #battle .promise .topbox {position:absolute; top:48px; left:5px;} #battle .promise .leftbox {position:absolute; top:123px; left:5px;} #battle .promise .rightbox {position:absolute; top:123px; right:0px;} /* チェインアタック */ #battle .chain .topbox {position:absolute; top:48px; left:5px;} #battle .chain .middlebox {position:absolute; top:107px; left:5px;} #battle .chain .bottombox {position:absolute; top:233px; left:5px;} /* メンバーのテンション */ #battle .tension .topbox {position:absolute; top:48px; left:5px;} #battle .tension .rightbox {position:absolute; top:123px; left:6px;} #battle .tension .leftbox {position:absolute; top:123px; right:1px;} /* 特徴 ユニークモンスターとの戦い */ #battle .monster .topbox {position:absolute; top:48px; left:5px;} #battle .monster .middlebox {position:absolute; top:107px; left:4px;} #battle .monster .bottombox {position:absolute; top:228px; left:47px;} #battle .monster #pagenate {position:absolute; left:5px; top:430px;} /* 特徴 機神兵との戦い */ #battle .kishin .topbox {position:absolute; top:48px; left:5px;} #battle .kishin .middlebox {position:absolute; top:108px; left:5px;} #battle .kishin .bottombox {position:absolute; top:222px; left:46px;} #battle .kishin #pagenate {position:absolute; left:5px; top:429px;} #battle .kishin #pagenate02 {position:absolute; right:1px; top:430px;} /* 特徴 モナドの力 */ #battle .monado .topbox {position:absolute; top:48px; left:5px;} #battle .monado .middlebox {position:absolute; top:106px; left:5px;} #battle .monado .bottombox {position:absolute; top:241px; left:5px;} #battle .monado #pagenate {position:absolute; left:5px; top:430px;} #battle .monado #pagenate02 {position:absolute; right:1px; top:430px;} /* 特徴 キャラクターと武器 */ #battle .chara-arms .topbox {position:absolute; top:48px; left:5px;} #battle .chara-arms .middlebox {position:absolute; top:108px; left:5px;} #battle .chara-arms .bottombox {position:absolute; top:241px; left:5px;} #battle .chara-arms #pagenate {position:absolute; right:1px; top:429px;}