/* --------------------------------------------------------------------------------- 0. default 1. [ ViewMode 1 ] 2. [ ViewMode 2 ] 3. Nacigation 4. News --------------------------------------------------------------------------------- */ @charset "UTF-8" /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; } /* -------------------------------------------------------------------------------------- default --------------------------------------------------------------------------------------- */ #wrapper { width: 982px; margin: 0 auto; position: relative; } .new-icn { position: absolute; margin: -7px 0 0 -10px; z-index: 10; } /* 先読み */ .sakiyomi { display: none; } /* Pulldown Menu --------------------------------------------------------------------------------------- */ #pulldownMenu { position: absolute; visibility: hidden; z-index: 100; left: 347px; top: -34px; } #pulldownMenu ul { width: 185px; background-color: #161616; padding: 4px 0 8px; opacity: 0.95; filter: alpha(opacity=95); } #pulldownMenu li { height: 21px; } /* Layout 1 (btn) --------------------------------------------------------------------------------------- */ #bt-layout1 a { display: block; width: 15px; height: 14px; margin-right: 6px; float: left; background: url(../images/bt_layout1_on.gif) 0 0 no-repeat; } #bt-layout1 a:hover { background: url(../images/bt_layout1_on.gif) 0 0 no-repeat; background-color: #000; } #bt-layout1 a:hover img { visibility: hidden; } /* Layout 2 (btn) --------------------------------------------------------------------------------------- */ #bt-layout2 a { display: block; width: 15px; height: 14px; margin: 0; float: left; background: url(../images/bt_layout2.gif) 0 0 no-repeat; } #bt-layout2 a:hover { background: url(../images/bt_layout2_on.gif) 0 0 no-repeat; background-color: #000; } #bt-layout2 a:hover img { visibility: hidden; } /* -------------------------------------------------------------------------------------- 1. [ ViewMode 1 ] --------------------------------------------------------------------------------------- */ /* Product --------------------------------------------------------------------------------------- */ #main-body { width: 982px; height: 1100px; padding-bottom: 61px; background: #000; } #product-title { width: 982px; margin: 0 auto 10px; } .product { float: left; width: 182px; height: 247px; margin: 0 8px 10px 0; padding: 4px; background: url(../images/layout1_nav_fr.gif) no-repeat; } .product:hover { background: url(../images/layout1_nav_fr_on.gif) no-repeat; } .product-end { float: left; width: 182px; height: 247px; margin-bottom: 10px; padding: 4px; background: url(../images/layout1_nav_fr.gif) no-repeat; } .product-end:hover { background: url(../images/layout1_nav_fr_on.gif) no-repeat; } .product-name { width: 180px; margin: 5px 1px 0; font-size: 10px; line-height: 1.5em; font-weight: bold; } .product-txt { width: 180px; height: 73px; margin: 10px 1px 0; font-size: 10px; line-height: 1.5em; } /* -------------------------------------------------------------------------------------- 2. [ ViewMode 2 ] --------------------------------------------------------------------------------------- */ #main-body2 { width: 982px; height: 820px; padding-bottom: 61px; padding-top: 10px; left: -9999px; top: -9999px; position: absolute; } #product2-menu { float: left; } .product2 { width: 235px; height: 29px; margin-bottom: 7px; padding: 4px; background: url(../images/layout2_nav_fr.gif) no-repeat; } .product2:hover { background: url(../images/layout2_nav_fr_on.gif) no-repeat; } .icon { float: left; margin-right: 5px; } .product2-name { margin: 1px 0 4px 2px; font-size: 10px; line-height: 1.5em; } .product2-right { float: left; } #flash-area { width: 720px; height: 812px; padding: 4px; background: url(../images/layout2_flash_fr.gif) 0 0 no-repeat; float: right; } /* -------------------------------------------------------------------------------------- 3. Nacigation [ TVCM , RADIO CM , GRAPHIC , ARCHIVE ] --------------------------------------------------------------------------------------- */ .product-menu { width: 182px; height: 11px; } .product-menu ul.soy-nav li, .product-menu ul.poc-nav li, .product-menu ul.cmt-nav li, .product-menu ul.nmd-nav li, .product-menu ul.orc-nav li, .product-menu ul.ulo-nav li, .product-menu ul.a-v-nav li, .product-menu ul.fib-nav li, .product-menu ul.mmt-nav li, .product-menu ul.ion-nav li, .product-menu ul.eng-nav li, .product-menu ul.jog-nav li, .product-menu ul.cal-nav li, .product-menu ul.null-nav li, .product-menu ul.bsp-nav li, .product-menu ul.ohn-nav li, .product-menu ul.ins-nav li { list-style: none; display: block; padding: 0; float:left; text-indent: -9999px; height: 11px; } .product-menu ul.soy-nav li a, .product-menu ul.poc-nav li a, .product-menu ul.cmt-nav li a, .product-menu ul.nmd-nav li a, .product-menu ul.orc-nav li a, .product-menu ul.ulo-nav li a, .product-menu ul.a-v-nav li a, .product-menu ul.fib-nav li a, .product-menu ul.mmt-nav li a, .product-menu ul.ion-nav li a, .product-menu ul.eng-nav li a, .product-menu ul.jog-nav li a, .product-menu ul.cal-nav li a, .product-menu ul.null-nav li a, .product-menu ul.bsp-nav li a, .product-menu ul.ohn-nav li a, .product-menu ul.ins-nav li a { display: block; text-decoration: none; padding: 0; height: 11px; } /* SOYJOY --------------------------------------------------------------------------------------- */ .product-menu ul.soy-nav li a { background: url(../images/soy_nav.gif) no-repeat; } .product-menu ul.soy-nav li.nav-tv { width: 29px; } .product-menu ul.soy-nav li.nav-radio { width: 48px; background: url(../images/soy_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-graphic { width: 46px; } .product-menu ul.soy-nav li.nav-archive { width: 46px; background: url(../images/soy_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-home { width: 13px; } .product-menu ul.soy-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-radio a { background-position: -29px 0; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-archive a { background-position: -123px 0; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-radio a:hover { background-position: -29px -11px; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-archive a:hover { background-position: -123px -11px; overflow:hidden; outline:none; } .product-menu ul.soy-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* ポカリスエット --------------------------------------------------------------------------------------- */ .product-menu ul.poc-nav li a { background: url(../images/poc_nav.gif) no-repeat; } .product-menu ul.poc-nav li.nav-tv { width: 29px; } .product-menu ul.poc-nav li.nav-radio { width: 48px; } .product-menu ul.poc-nav li.nav-graphic { width: 46px; } .product-menu ul.poc-nav li.nav-archive { width: 46px; background: url(../images/poc_nav.gif) -124px 0; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-home { width: 13px; } .product-menu ul.poc-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-radio a { background-position: -29px 0; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-archive a { background-position: -123px 0; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-radio a:hover { background-position: -29px -11px; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-archive a:hover { background-position: -123px -11px; overflow:hidden; outline:none; } .product-menu ul.poc-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* カロリーメイト --------------------------------------------------------------------------------------- */ .product-menu ul.cmt-nav li a { background: url(../images/cmt_nav.gif) no-repeat; } .product-menu ul.cmt-nav li.nav-tv { width: 29px; } .product-menu ul.cmt-nav li.nav-radio { width: 48px; background: url(../images/cmt_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-graphic { width: 46px; } .product-menu ul.cmt-nav li.nav-archive { width: 46px; background: url(../images/cmt_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-home { width: 13px; } .product-menu ul.cmt-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-radio a { background-position: -29px 0; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-archive a { background-position: -123px 0; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-radio a:hover { background-position: -29px -11px; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-archive a:hover { background-position: -123px -11px; overflow:hidden; outline:none; } .product-menu ul.cmt-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* ネイチャーメイド --------------------------------------------------------------------------------------- */ .product-menu ul.nmd-nav li a { background: url(../images/nmd_nav.gif) no-repeat; } .product-menu ul.nmd-nav li.nav-tv { width: 29px; background: url(../images/nmd_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-radio { width: 48px; background: url(../images/nmd_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-graphic { width: 46px; } .product-menu ul.nmd-nav li.nav-archive { width: 46px; background: url(../images/nmd_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-home { width: 13px; } .product-menu ul.nmd-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-archive a { background-position: -123px 0; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-archive a:hover { background-position: -123px -11px; overflow:hidden; outline:none; } .product-menu ul.nmd-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* オロナミンC --------------------------------------------------------------------------------------- */ .product-menu ul.orc-nav li a { background: url(../images/orc_nav.gif) no-repeat; } .product-menu ul.orc-nav li.nav-tv { width: 29px; } .product-menu ul.orc-nav li.nav-radio { width: 48px; background: url(../images/orc_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-graphic { width: 46px; } .product-menu ul.orc-nav li.nav-archive { width: 46px; background: url(../images/orc_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-home { width: 13px; } .product-menu ul.orc-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-archive a { background-position: -123px 0; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-archive a:hover { background-position: -123px -11px; overflow:hidden; outline:none; } .product-menu ul.orc-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* ウル・オス --------------------------------------------------------------------------------------- */ .product-menu ul.ulo-nav li a { background: url(../images/ulo_nav.gif) no-repeat; } .product-menu ul.ulo-nav li.nav-tv { width: 29px; } .product-menu ul.ulo-nav li.nav-radio { width: 48px; } .product-menu ul.ulo-nav li.nav-graphic { width: 46px; } .product-menu ul.ulo-nav li.nav-archive { width: 46px; background: url(../images/ulo_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-home { width: 13px; } .product-menu ul.ulo-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-radio a { background-position: -29px 0; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-archive a { background-position: -123px 0; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-radio a:hover { background-position: -29px -11px; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-archive a:hover { background-position: -123px -11px; overflow:hidden; outline:none; } .product-menu ul.ulo-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* アミノバリュー --------------------------------------------------------------------------------------- */ .product-menu ul.a-v-nav li a { background: url(../images/a-v_nav.gif) no-repeat; } .product-menu ul.a-v-nav li.nav-tv { width: 29px; background: url(../images/a-v_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-radio { width: 48px; background: url(../images/a-v_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-graphic { width: 46px; } .product-menu ul.a-v-nav li.nav-archive { width: 46px; background: url(../images/a-v_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-home { width: 13px; } .product-menu ul.a-v-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-archive a { background-position: -123px 0; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-archive a:hover { background-position: -123px -11px; overflow:hidden; outline:none; } .product-menu ul.a-v-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* ファイブミニ --------------------------------------------------------------------------------------- */ .product-menu ul.fib-nav li a { background: url(../images/fib_nav.gif) no-repeat; } .product-menu ul.fib-nav li.nav-tv { width: 29px; background: url(../images/fib_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.fib-nav li.nav-radio { width: 48px; background: url(../images/fib_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.fib-nav li.nav-graphic { width: 46px; } .product-menu ul.fib-nav li.nav-archive { width: 46px; background: url(../images/fib_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.fib-nav li.nav-home { width: 13px; } .product-menu ul.fib-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.fib-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.fib-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.fib-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* メトロミント --------------------------------------------------------------------------------------- */ .product-menu ul.mmt-nav li a { background: url(../images/mmt_nav.gif) no-repeat; } .product-menu ul.mmt-nav li.nav-tv { width: 29px; background: url(../images/mmt_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.mmt-nav li.nav-radio { width: 48px; background: url(../images/mmt_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.mmt-nav li.nav-graphic { width: 46px; } .product-menu ul.mmt-nav li.nav-archive { width: 46px; background: url(../images/mmt_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.mmt-nav li.nav-home { width: 13px; } .product-menu ul.mmt-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.mmt-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.mmt-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.mmt-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* イオンウォーター --------------------------------------------------------------------------------------- */ .product-menu ul.ion-nav li a { background: url(../images/ion_nav.gif) no-repeat; } .product-menu ul.ion-nav li.nav-tv { width: 29px; background: url(../images/ion_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.ion-nav li.nav-radio { width: 48px; background: url(../images/ion_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.ion-nav li.nav-graphic { width: 46px; } .product-menu ul.ion-nav li.nav-archive { width: 46px; background: url(../images/ion_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.ion-nav li.nav-home { width: 13px; } .product-menu ul.ion-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.ion-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.ion-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.ion-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* エネルゲン --------------------------------------------------------------------------------------- */ .product-menu ul.eng-nav li a { background: url(../images/eng_nav.gif) no-repeat; } .product-menu ul.eng-nav li.nav-tv { width: 29px; background: url(../images/eng_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.eng-nav li.nav-radio { width: 48px; background: url(../images/eng_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.eng-nav li.nav-graphic { width: 46px; } .product-menu ul.eng-nav li.nav-archive { width: 46px; background: url(../images/eng_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.eng-nav li.nav-home { width: 13px; } .product-menu ul.eng-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.eng-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.eng-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.eng-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* ジョグメイト --------------------------------------------------------------------------------------- */ .product-menu ul.jog-nav li a { background: url(../images/jog_nav.gif) no-repeat; } .product-menu ul.jog-nav li.nav-tv { width: 29px; background: url(../images/jog_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.jog-nav li.nav-radio { width: 48px; background: url(../images/jog_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.jog-nav li.nav-graphic { width: 46px; } .product-menu ul.jog-nav li.nav-archive { width: 46px; background: url(../images/jog_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.jog-nav li.nav-home { width: 13px; } .product-menu ul.jog-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.jog-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.jog-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.jog-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* ザ・カルシウム --------------------------------------------------------------------------------------- */ .product-menu ul.cal-nav li a { background: url(../images/cal_nav.gif) no-repeat; } .product-menu ul.cal-nav li.nav-tv { width: 29px; background: url(../images/cal_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.cal-nav li.nav-radio { width: 48px; background: url(../images/cal_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.cal-nav li.nav-graphic { width: 46px; } .product-menu ul.cal-nav li.nav-archive { width: 46px; background: url(../images/cal_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.cal-nav li.nav-home { width: 13px; } .product-menu ul.cal-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.cal-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.cal-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.cal-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* 賢者の食卓 --------------------------------------------------------------------------------------- */ .product-menu ul.null-nav li a { background: url(../images/null_nav.gif) no-repeat; } .product-menu ul.null-nav li.nav-tv { width: 29px; background: url(../images/null_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.null-nav li.nav-radio { width: 48px; background: url(../images/null_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.null-nav li.nav-graphic { width: 46px; background: url(../images/null_nav.gif) -77px 0; overflow:hidden; outline:none; } .product-menu ul.null-nav li.nav-archive { width: 46px; background: url(../images/null_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.null-nav li.nav-home { width: 13px; } .product-menu ul.null-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.null-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* ビーンスターク --------------------------------------------------------------------------------------- */ .product-menu ul.bsp-nav li a { background: url(../images/bsp_nav.gif) no-repeat; } .product-menu ul.bsp-nav li.nav-tv { width: 29px; background: url(../images/bsp_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.bsp-nav li.nav-radio { width: 48px; background: url(../images/bsp_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.bsp-nav li.nav-graphic { width: 46px; } .product-menu ul.bsp-nav li.nav-archive { width: 46px; background: url(../images/bsp_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.bsp-nav li.nav-home { width: 13px; } .product-menu ul.bsp-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.bsp-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.bsp-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.bsp-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* オロナインH軟膏 --------------------------------------------------------------------------------------- */ .product-menu ul.ohn-nav li a { background: url(../images/ohn_nav.gif) no-repeat; } .product-menu ul.ohn-nav li.nav-tv { width: 29px; } .product-menu ul.ohn-nav li.nav-radio { width: 48px; background: url(../images/ohn_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.ohn-nav li.nav-graphic { width: 46px; } .product-menu ul.ohn-nav li.nav-archive { width: 46px; background: url(../images/ohn_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.ohn-nav li.nav-home { width: 13px; } .product-menu ul.ohn-nav li.nav-tv a { background-position: 0 0; overflow:hidden; outline:none; } .product-menu ul.ohn-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.ohn-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.ohn-nav li.nav-tv a:hover { background-position: 0 -11px; overflow:hidden; outline:none; } .product-menu ul.ohn-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.ohn-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* インナーシグナル --------------------------------------------------------------------------------------- */ .product-menu ul.ins-nav li a { background: url(../images/ins_nav.gif) no-repeat; } .product-menu ul.ins-nav li.nav-tv { width: 29px; background: url(../images/ins_nav.gif) 0 0; overflow:hidden; outline:none; } .product-menu ul.ins-nav li.nav-radio { width: 48px; background: url(../images/ins_nav.gif) -29px 0; overflow:hidden; outline:none; } .product-menu ul.ins-nav li.nav-graphic { width: 46px; } .product-menu ul.ins-nav li.nav-archive { width: 46px; background: url(../images/ins_nav.gif) -123px 0; overflow:hidden; outline:none; } .product-menu ul.ins-nav li.nav-home { width: 13px; } .product-menu ul.ins-nav li.nav-graphic a { background-position: -77px 0; overflow:hidden; outline:none; } .product-menu ul.ins-nav li.nav-home a { background-position: -169px 0; overflow:hidden; outline:none; } .product-menu ul.ins-nav li.nav-graphic a:hover { background-position: -77px -11px; overflow:hidden; outline:none; } .product-menu ul.ins-nav li.nav-home a:hover { background-position: -169px -11px; overflow:hidden; outline:none; } /* -------------------------------------------------------------------------------------- 4. News --------------------------------------------------------------------------------------- */ #news-wrapper { width: 982px; margin: 0 auto; position: relative; overflow: hidden; top: 0px; } #news-body { background: url(../images/news_bg.gif) 0 18px no-repeat; width: 983px; height: 230px; position: absolute; margin-right: -1px; } #bt-news { width: 42px; height: 14px; background:url(../images/bt_news.gif) 0 0 no-repeat; float: left; margin-left: 3px; } #bt-news:hover { background: url(../images/bt_news_over.gif) 0 0 no-repeat; float: left; } #bt-news-on { width: 42px; height: 14px; background:url(../images/bt_news_on.gif) 0 0 no-repeat; float: left; margin-left: 3px; } #bt-news-on a:hover { background: url(../images/bt_news_on.gif) 0 0 no-repeat; float: left; } #news-header { width: 982px; height: 16px; padding: 2px 0 0; } #news-title { float: left; } #bt-close a { width: 42px; height: 11px; float: right; background: url(../images/bt_close.gif) 0 0 no-repeat; } #bt-close a:hover { background: url(../images/bt_close_on.gif) 0 0 no-repeat; } .news-elements { width: 300px; height: 46px; padding: 12px 13px; margin: 0 1px 1px 0; float: left; } .news-elements img { float: left; width: 60px; height: 46px; } .news-elements-txt { width: 230px; float: right; } .day { letter-spacing: 0.1em; color: #0099FF; }