@charset "shift_jis"; /* CSS Document */ #page-title, #page-title2 {margin-bottom:32px; display:block; overflow:hidden; height:0; padding-top:35px;} #page-title {background:url(images/title_characters.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/title_characters.png", sizingMethod="crop");} #page-title2 {background:url(images/title_characters.png) no-repeat left top !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/title_characters.png", sizingMethod="crop");} /* ローカルナビゲーション */ #cnav {background:url(images/bg_character-nav.png) no-repeat left top; width:440px; height:38px; padding:8px 0 0 158px; margin:407px 0 0 5px;} * html #cnav {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_character-nav.png", sizingMethod="crop"); margin-top:375px;} *+html #cnav {margin-top:375px;} #cnav li {float:left; margin-right:9px;} #cnav li a {display:block; overflow:hidden; height:0; padding-top:30px; cursor:pointer; width:53px; position:relative;} /* リンク */ #cnav li.cnav01 a {background:url(images/btn_chara01.jpg) no-repeat left top;} #cnav li.cnav02 a {background:url(images/btn_chara02.jpg) no-repeat left top;} #cnav li.cnav03 a {background:url(images/btn_chara03.jpg) no-repeat left top;} #cnav li.cnav04 a {background:url(images/btn_chara04.jpg) no-repeat left top;} #cnav li.cnav05 a {background:url(images/btn_chara05.jpg) no-repeat left top;} #cnav li.cnav06 a {background:url(images/btn_chara06.jpg) no-repeat left top;} #cnav li.cnav07 a {background:url(images/btn_chara07.jpg) no-repeat left top;} /* リンクホバー */ #cnav li.cnav01 a:hover {background:url(images/btn_chara01_on.jpg) no-repeat left top;} #cnav li.cnav02 a:hover {background:url(images/btn_chara02_on.jpg) no-repeat left top;} #cnav li.cnav03 a:hover {background:url(images/btn_chara03_on.jpg) no-repeat left top;} #cnav li.cnav04 a:hover {background:url(images/btn_chara04_on.jpg) no-repeat left top;} #cnav li.cnav05 a:hover {background:url(images/btn_chara05_on.jpg) no-repeat left top;} #cnav li.cnav06 a:hover {background:url(images/btn_chara06_on.jpg) no-repeat left top;} #cnav li.cnav07 a:hover {background:url(images/btn_chara07_on.jpg) no-repeat left top;} /* リンクカレント */ #cnav li.cnav01 a#current {background:url(images/btn_chara01_on.jpg) no-repeat left top;} #cnav li.cnav02 a#current {background:url(images/btn_chara02_on.jpg) no-repeat left top;} #cnav li.cnav03 a#current {background:url(images/btn_chara03_on.jpg) no-repeat left top;} #cnav li.cnav04 a#current {background:url(images/btn_chara04_on.jpg) no-repeat left top;} #cnav li.cnav05 a#current {background:url(images/btn_chara05_on.jpg) no-repeat left top;} #cnav li.cnav06 a#current {background:url(images/btn_chara06_on.jpg) no-repeat left top;} #cnav li.cnav07 a#current {background:url(images/btn_chara07_on.jpg) no-repeat left top;} /* ローカルナビゲーション（周辺人物） */ #cnav-sub {background:url(images/bg_subcharacter-nav.png) no-repeat left top; width:485px; height:38px; padding:8px 0 0 113px; margin:407px 0 0 5px;} * html #cnav-sub {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_subcharacter-nav.png", sizingMethod="crop"); margin-top:375px;} *+html #cnav-sub {margin-top:375px;} #cnav-sub li {float:left; margin-right:6px;} #cnav-sub li a {display:block; overflow:hidden; height:0; padding-top:30px; cursor:pointer; width:53px; position:relative;} /* リンク */ #cnav-sub li.cnav01 a {background:url(images/btn_subchara01.jpg) no-repeat left top;} #cnav-sub li.cnav02 a {background:url(images/btn_subchara02.jpg) no-repeat left top;} #cnav-sub li.cnav03 a {background:url(images/btn_subchara03.jpg) no-repeat left top;} #cnav-sub li.cnav04 a {background:url(images/btn_subchara04.jpg) no-repeat left top;} #cnav-sub li.cnav05 a {background:url(images/btn_subchara05.jpg) no-repeat left top;} #cnav-sub li.cnav06 a {background:url(images/btn_subchara06.jpg) no-repeat left top;} #cnav-sub li.cnav07 a {background:url(images/btn_subchara07.jpg) no-repeat left top;} #cnav-sub li.cnav08 a {background:url(images/btn_subchara08.jpg) no-repeat left top;} /* リンクホバー */ #cnav-sub li.cnav01 a:hover {background:url(images/btn_subchara01_on.jpg) no-repeat left top;} #cnav-sub li.cnav02 a:hover {background:url(images/btn_subchara02_on.jpg) no-repeat left top;} #cnav-sub li.cnav03 a:hover {background:url(images/btn_subchara03_on.jpg) no-repeat left top;} #cnav-sub li.cnav04 a:hover {background:url(images/btn_subchara04_on.jpg) no-repeat left top;} #cnav-sub li.cnav05 a:hover {background:url(images/btn_subchara05_on.jpg) no-repeat left top;} #cnav-sub li.cnav06 a:hover {background:url(images/btn_subchara06_on.jpg) no-repeat left top;} #cnav-sub li.cnav07 a:hover {background:url(images/btn_subchara07_on.jpg) no-repeat left top;} #cnav-sub li.cnav08 a:hover {background:url(images/btn_subchara08_on.jpg) no-repeat left top;} /* リンクカレント */ #cnav-sub li.cnav01 a#current {background:url(images/btn_subchara01_on.jpg) no-repeat left top;} #cnav-sub li.cnav02 a#current {background:url(images/btn_subchara02_on.jpg) no-repeat left top;} #cnav-sub li.cnav03 a#current {background:url(images/btn_subchara03_on.jpg) no-repeat left top;} #cnav-sub li.cnav04 a#current {background:url(images/btn_subchara04_on.jpg) no-repeat left top;} #cnav-sub li.cnav05 a#current {background:url(images/btn_subchara05_on.jpg) no-repeat left top;} #cnav-sub li.cnav06 a#current {background:url(images/btn_subchara06_on.jpg) no-repeat left top;} #cnav-sub li.cnav07 a#current {background:url(images/btn_subchara07_on.jpg) no-repeat left top;} #cnav-sub li.cnav08 a#current {background:url(images/btn_subchara08_on.jpg) no-repeat left top;} /* プレイヤーキャラクター */ #main-btn {position:absolute; top:441px; left:610px;} #main-btn a {display:block; overflow:hidden; height:0; padding-top:46px; width:152px; background:url(images/btn_character.png) no-repeat left top;} #main-btn a:hover {background:url(images/btn_character_on.png) no-repeat left top;} #main-btn #newmark {top:-5px; right:-5px;} * html #main-btn a {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/btn_character.png", sizingMethod="crop"); cursor:pointer;} * html #main-btn a:hover {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/btn_character_on.png", sizingMethod="crop");} /* 周辺人物 */ #sub-btn {position:absolute; top:441px; left:610px;} #sub-btn a {display:block; overflow:hidden; height:0; padding-top:46px; width:152px; background:url(images/btn_subcharacter.png) no-repeat left top;} #sub-btn a:hover {background:url(images/btn_subcharacter_on.png) no-repeat left top;} #sub-btn #newmark {top:-5px; right:-5px;} * html #sub-btn a {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_subcharacter.png", sizingMethod="crop"); cursor:pointer;} * html #sub-btn a:hover {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_subcharacter_on.png", sizingMethod="crop");} /* モデルチェンジ */ #model-change {position:absolute; left:680px; top:380px;} #model-change li {height:15px; font-size:0; line-height:15px; margin-bottom:3px;} #model-change li a {display:block; overflow:hidden; height:0; padding-top:15px; width:82px; cursor:pointer;} #model-change li.model01 a {background:url(images/btn_change01_off.png) no-repeat left top;} #model-change li.model02 a {background:url(images/btn_change02_off.png) no-repeat left top;} #model-change li.model01 a:hover {background:url(images/btn_change01_on.png) no-repeat left top;} #model-change li.model02 a:hover {background:url(images/btn_change02_on.png) no-repeat left top;} #model-change li.model01 a#active {background:url(images/btn_change01_on.png) no-repeat left top;} #model-change li.model02 a#active {background:url(images/btn_change02_on.png) no-repeat left top;} /* IE6 */ * html #model-change li.model01 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_change01_off.png", sizingMethod="crop");} * html #model-change li.model02 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_change02_off.png", sizingMethod="crop");} * html #model-change li.model01 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_change01_on.png", sizingMethod="crop");} * html #model-change li.model02 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_change02_on.png", sizingMethod="crop");} * html #model-change li.model01 a#active {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_change01_on.png", sizingMethod="crop");} * html #model-change li.model02 a#active {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_change02_on.png", sizingMethod="crop");} /* 共通スタイル */ #characters .chara_copy, #characters .chara_profile {position:absolute;} /* シュルク */ .shulk {background:url(images/bg_character-shulk.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.shulk .chara_copy {top:15px; left:0px;} #characters.shulk .chara_profile {top:195px; left:2px;} .shulk02 {background:url(images/bg_character-shulk02.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.shulk02 .chara_copy {top:15px; left:0px;} #characters.shulk02 .chara_profile {top:195px; left:2px;} /* フィオルン */ .fiorung {background:url(images/bg_character-fiorung.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.fiorung .chara_copy {top:14px; left:-1px;} #characters.fiorung .chara_profile {top:195px; left:-1px;} .fiorung02 {background:url(images/bg_character-fiorung02.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.fiorung02 .chara_copy {top:14px; left:-1px;} #characters.fiorung02 .chara_profile {top:195px; left:-1px;} /* ダンバン */ .dunban {background:url(images/bg_character-dunban.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.dunban .chara_copy {top:14px; left:0px;} #characters.dunban .chara_profile {top:195px; left:1px;} .dunban02 {background:url(images/bg_character-dunban02.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.dunban02 .chara_copy {top:14px; left:0px;} #characters.dunban02 .chara_profile {top:195px; left:1px;} /* ライン */ .rein {background:url(images/bg_character-rein.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.rein .chara_copy {top:14px; left:5px;} #characters.rein .chara_profile {top:195px; left:5px;} .rein02 {background:url(images/bg_character-rein02.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.rein02 .chara_copy {top:14px; left:5px;} #characters.rein02 .chara_profile {top:195px; left:5px;} /* カルナ */ .carna {background:url(images/bg_character-carna.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.carna .chara_copy {top:14px; left:5px;} #characters.carna .chara_profile {top:195px; left:5px;} .carna02 {background:url(images/bg_character-carna02.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.carna02 .chara_copy {top:14px; left:5px;} #characters.carna02 .chara_profile {top:195px; left:5px;} /* メリア */ .melia {background:url(images/bg_character-melia.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.melia .chara_copy {top:14px; left:5px;} #characters.melia .chara_profile {top:195px; left:5px;} .melia02 {background:url(images/bg_character-melia02.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.melia02 .chara_copy {top:14px; left:5px;} #characters.melia02 .chara_profile {top:195px; left:5px;} /* リキ */ .riki {background:url(images/bg_character-riki.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.riki .chara_copy {top:15px; left:5px;} #characters.riki .chara_profile {top:195px; left:5px;} .riki02 {background:url(images/bg_character-riki02.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.riki02 .chara_copy {top:15px; left:5px;} #characters.riki02 .chara_profile {top:195px; left:5px;} /* ディクソン */ .dikson {background:url(images/bg_character-dikson.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.dikson .chara_copy {top:15px; left:5px;} #characters.dikson .chara_profile {top:195px; left:5px;} /* ムムカ */ .mumca {background:url(images/bg_character-mumca.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.mumca .chara_copy {top:14px; left:5px;} #characters.mumca .chara_profile {top:195px; left:5px;} /* ジュジュ */ .juju {background:url(images/bg_character-juju.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.juju .chara_copy {top:14px; left:5px;} #characters.juju .chara_profile {top:195px; left:5px;} /* オダマ */ .odama {background:url(images/bg_character-odama.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.odama .chara_copy {top:14px; left:5px;} #characters.odama .chara_profile {top:195px; left:5px;} /* ガド */ .gad {background:url(images/bg_character-gad.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.gad .chara_copy {top:14px; left:5px;} #characters.gad .chara_profile {top:195px; left:5px;} /* アルヴィース */ .alviss {background:url(images/bg_character-alviss.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.alviss .chara_copy {top:25px; left:5px;} #characters.alviss .chara_profile {top:195px; left:5px;} /* ソレアン */ .sorean {background:url(images/bg_character-sorean.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.sorean .chara_copy {top:26px; left:5px;} #characters.sorean .chara_profile {top:195px; left:5px;} /* カリアン */ .kallian {background:url(images/bg_character-kallian.jpg) no-repeat center top #020a1f !important;}/* キャラクター背景 */ #characters.kallian .chara_copy {top:14px; left:5px;} #characters.kallian .chara_profile {top:195px; left:5px;} /*--------------------------------------------------------------------- DS & Wii Layout ---------------------------------------------------------------------*/ /* シュルク */ body#characters.shulk.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.shulk.noFlash #header-2nd {background:url(images/bg_character-header-shulk.jpg) no-repeat center top;} body#characters.shulk.noFlash #wrapper {background:url(images/bg_character-inner-shulk.jpg) no-repeat left 170px;} body#characters.shulk02.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.shulk02.noFlash #header-2nd {background:url(images/bg_character-header-shulk02.jpg) no-repeat center top;} body#characters.shulk02.noFlash #wrapper {background:url(images/bg_character-inner-shulk02.jpg) no-repeat left 170px;} /* フィオルン */ body#characters.fiorung.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.fiorung.noFlash #header-2nd {background:url(images/bg_character-header-fiorung.jpg) no-repeat center top;} body#characters.fiorung.noFlash #wrapper {background:url(images/bg_character-inner-fiorung.jpg) no-repeat left 170px;} body#characters.fiorung02.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.fiorung02.noFlash #header-2nd {background:url(images/bg_character-header-fiorung02.jpg) no-repeat center top;} body#characters.fiorung02.noFlash #wrapper {background:url(images/bg_character-inner-fiorung02.jpg) no-repeat left 170px;} /* ダンバン */ body#characters.dunban.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.dunban.noFlash #header-2nd {background:url(images/bg_character-header-dunban.jpg) no-repeat center top;} body#characters.dunban.noFlash #wrapper {background:url(images/bg_character-inner-dunban.jpg) no-repeat left 170px;} body#characters.dunban02.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.dunban02.noFlash #header-2nd {background:url(images/bg_character-header-dunban02.jpg) no-repeat center top;} body#characters.dunban02.noFlash #wrapper {background:url(images/bg_character-inner-dunban02.jpg) no-repeat left 170px;} /* ライン */ body#characters.rein.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.rein.noFlash #header-2nd {background:url(images/bg_character-header-rein.jpg) no-repeat center top;} body#characters.rein.noFlash #wrapper {background:url(images/bg_character-inner-rein.jpg) no-repeat left 170px;} body#characters.rein02.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.rein02.noFlash #header-2nd {background:url(images/bg_character-header-rein02.jpg) no-repeat center top;} body#characters.rein02.noFlash #wrapper {background:url(images/bg_character-inner-rein02.jpg) no-repeat left 170px;} /* カルナ */ body#characters.carna.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.carna.noFlash #header-2nd {background:url(images/bg_character-header-carna.jpg) no-repeat center top;} body#characters.carna.noFlash #wrapper {background:url(images/bg_character-inner-carna.jpg) no-repeat left 170px;} body#characters.carna02.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.carna02.noFlash #header-2nd {background:url(images/bg_character-header-carna02.jpg) no-repeat center top;} body#characters.carna02.noFlash #wrapper {background:url(images/bg_character-inner-carna02.jpg) no-repeat left 170px;} /* メリア */ body#characters.melia.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.melia.noFlash #header-2nd {background:url(images/bg_character-header-melia.jpg) no-repeat center top;} body#characters.melia.noFlash #wrapper {background:url(images/bg_character-inner-melia.jpg) no-repeat left 170px;} body#characters.melia02.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.melia02.noFlash #header-2nd {background:url(images/bg_character-header-melia02.jpg) no-repeat center top;} body#characters.melia02.noFlash #wrapper {background:url(images/bg_character-inner-melia02.jpg) no-repeat left 170px;} /* リキ */ body#characters.riki.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.riki.noFlash #header-2nd {background:url(images/bg_character-header-riki.jpg) no-repeat center top;} body#characters.riki.noFlash #wrapper {background:url(images/bg_character-inner-riki.jpg) no-repeat left 170px;} body#characters.riki02.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.riki02.noFlash #header-2nd {background:url(images/bg_character-header-riki02.jpg) no-repeat center top;} body#characters.riki02.noFlash #wrapper {background:url(images/bg_character-inner-riki02.jpg) no-repeat left 170px;} /* ディクソン */ body#characters.dikson.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.dikson.noFlash #header-3rd {background:url(images/bg_character-header-dikson.jpg) no-repeat center top;} body#characters.dikson.noFlash #wrapper {background:url(images/bg_character-inner-dikson.jpg) no-repeat left 170px;} /* ムムカ */ body#characters.mumca.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.mumca.noFlash #header-3rd {background:url(images/bg_character-header-mumca.jpg) no-repeat center top;} body#characters.mumca.noFlash #wrapper {background:url(images/bg_character-inner-mumca.jpg) no-repeat left 170px;} /* ジュジュ */ body#characters.juju.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.juju.noFlash #header-3rd {background:url(images/bg_character-header-juju.jpg) no-repeat center top;} body#characters.juju.noFlash #wrapper {background:url(images/bg_character-inner-juju.jpg) no-repeat left 170px;} /* オダマ */ body#characters.odama.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.odama.noFlash #header-3rd {background:url(images/bg_character-header-odama.jpg) no-repeat center top;} body#characters.odama.noFlash #wrapper {background:url(images/bg_character-inner-odama.jpg) no-repeat left 170px;} /* ガド */ body#characters.gad.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.gad.noFlash #header-3rd {background:url(images/bg_character-header-gad.jpg) no-repeat center top;} body#characters.gad.noFlash #wrapper {background:url(images/bg_character-inner-gad.jpg) no-repeat left 170px;} /* アルヴィース */ body#characters.alviss.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.alviss.noFlash #header-3rd {background:url(images/bg_character-header-alviss.jpg) no-repeat center top;} body#characters.alviss.noFlash #wrapper {background:url(images/bg_character-inner-alviss.jpg) no-repeat left 170px;} /* ソレアン */ body#characters.sorean.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.sorean.noFlash #header-3rd {background:url(images/bg_character-header-sorean.jpg) no-repeat center top;} body#characters.sorean.noFlash #wrapper {background:url(images/bg_character-inner-sorean.jpg) no-repeat left 170px;} /* カリアン */ body#characters.kallian.noFlash {background-image:none !important; background-color:#020a1f;} body#characters.kallian.noFlash #header-3rd {background:url(images/bg_character-header-kallian.jpg) no-repeat center top;} body#characters.kallian.noFlash #wrapper {background:url(images/bg_character-inner-kallian.jpg) no-repeat left 170px;}