@charset "utf-8"; /* ------------------------- TOC setup ------------------------- */ /* ============================== setup */ html { height: 100%; } body { height: 100%; color: #656565; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; } table { border-collapse: collapse; border-spacing: 0; } a { color: #323232; text-decoration: underline; } a:link { color: #323232; text-decoration: underline; } a:visited { color: #323232; text-decoration: underline; } a:hover, a:active { color: #50c8ff; text-decoration: underline; } a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; } /* 角丸 */ .box_radius { -moz-border-radius: 3px; /*FireFox*/ -webkit-border-radius: 3px; /* Safari and Chrome */ border-radius: 3px; /* Opera 10.5+, IE */ } /*link_bullet*/ .link_bullet { display: inline-block; color: #7d7d7d; background: url(../img/bullet_01.gif) no-repeat 0 0; padding-left: 21px; } .link_bullet a { color: #323232; text-decoration: none; } .link_bullet a:link { color: #323232; text-decoration: none; } .link_bullet a:visited { color: #323232; text-decoration: none; } .link_bullet a:hover, .link_bullet a:active { color: #50c8ff; text-decoration: none; } /*js_exmple*/ .js_exmple { color: #c8c8c8; } /* ============================== wrapper */ #wrapper { } /* ============================== header */ #wrapper #header { width: 100%; min-width: 980px; } #wrapper #header #header_inner { position: fixed; background: url(../img/bg_header.gif) repeat-x 0 0; width: 100%; min-width: 980px; padding-top: 12px; top: 0; left: 0; z-index: 3; } #wrapper #header #header_inner #header_menu { width: 980px; margin: 0 auto; } #wrapper #header #header_inner #header_menu #bt_menu { width: 80px; margin-left: auto; } #wrapper #header #header_inner #header_menu #bt_menu a { display: block; background: url(../img/bt_header_menu.png) no-repeat 0 0; width: 80px; height: 16px; } #wrapper #header #header_inner #header_menu #bt_menu a:hover, #wrapper #header #header_inner #header_menu #bt_menu a:active { background-position: 0 -16px; } #wrapper #header #header_title { width: 980px; margin: 0 auto; padding: 88px 56px 0; } #wrapper #header #header_title #tit_header { background: url(../img/tit_header.png) no-repeat 0 0; width: 980px; height: 58px; } #wrapper #header #header_title #tit_header a { display: block; width: 289px; height: 33px; margin: 0 auto; } /* ============================== contents */ #wrapper #contents { width: 980px; margin: 0 auto; padding: 0 56px; } /*contents_footer_area*/ #wrapper #contents #contents_inner #contents_footer_area { width: 644px; margin: 100px auto 0; } #wrapper #contents #contents_inner #contents_footer_area #contents_footer_nav { width: 644px; height: 24px; padding: 1px 0; } #wrapper #contents #contents_inner #contents_footer_area #contents_footer_nav li { float: left; } #wrapper #contents #contents_inner #contents_footer_area #contents_footer_nav li img { vertical-align: bottom; } #wrapper #contents #contents_inner #contents_footer_area #contents_footer_nav li#tit_number { width: 165px; background: #000000; height: 24px;} #wrapper #contents #contents_inner #contents_footer_area #contents_footer_nav li#tit_number span { font-family: "Helvetica" , Arial , "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; line-height: 24px; display: block; font-weight: bold; text-align: center; color: #FFF; letter-spacing: 0;} #wrapper #contents #contents_inner #contents_footer_area #contents_footer_nav li#bt_share { width: 110px; margin-left: 217px; } #wrapper #contents #contents_inner #contents_footer_area #contents_footer_nav li#bt_back_issue { width: 150px; } /*backnumber*/ #wrapper #contents #contents_inner #contents_footer_area #backnumber { background: #ebebeb; padding: 20px 12px 10px 20px; } #wrapper #contents #contents_inner #contents_footer_area #backnumber ul { } #wrapper #contents #contents_inner #contents_footer_area #backnumber ul li { background: url(../img/bullet_02.gif) no-repeat 0 0.3em; padding: 0 0 10px 13px; color: #606060; } #wrapper #contents #contents_inner #contents_footer_area #backnumber ul li a { text-decoration: none; } #wrapper #contents #contents_inner #contents_footer_area #backnumber p.bt_close { } #wrapper #contents #contents_inner #contents_footer_area #backnumber p.bt_close a { display: block; background: url(../img/bt_backnumber_close.gif) no-repeat 0 0; width: 13px; height: 13px; margin-left: auto; } /* ============================== navigation_area */ #wrapper #navigation_area { margin: 0 auto; padding:150px 56px 0; width: 980px; } #wrapper #navigation_area #navigation_area_inner { position: relative; background: url(../img/bg_navigation_area.png) no-repeat 0 0; width: 980px; margin: 0 auto; padding-top: 30px; } /* Carousel */ #navigation_area_carousel { position: relative; border: solid #fff; border-width: 2px 0; height: 125px; overflow: hidden; background: #000000; } #navigation_area_carousel .carousel_item { text-align: center; margin-left: 44px; } #navigation_area_carousel .carousel_item ul { margin: 0 auto; width: 892px; } #navigation_area_carousel .carousel_item li { float: left; margin-right: -1px; border: solid #fff; border-width: 0 1px; } #navigation_area_carousel .carousel_item li a:hover img { opacity: .75; filter: alpha(opacity=75); } #navigation_area_carousel .bt li { position: absolute; top: 0; left: 0; width: 44px; } #navigation_area_carousel .bt li a { display: block; height: 125px; background: #000 url(/common/img/bt_navigation_area_crsl.png) no-repeat -1px 50%; } #navigation_area_carousel .bt li a:hover { background: #646464; } #navigation_area_carousel .bt li#carousel_prev { right: 0; left: auto; border-left: 1px solid #fff; } #navigation_area_carousel .bt li#carousel_prev a { background-position: -45px 50%; } #navigation_area_carousel .bt li a span { position: relative; z-index: -1; } /* Under Carousel */ #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p { float: left; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p a { display: block; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p#nav_01 a{ background: url(../img/bt_nav_01.jpg) no-repeat 0 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p#nav_02 a{ background: url(../img/bt_nav_02.jpg) no-repeat 0 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p#nav_03 a{ background: url(../img/bt_nav_03.jpg) no-repeat 0 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p#nav_04 a{ background: url(../img/bt_nav_04.jpg) no-repeat 0 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p#nav_05 a{ background: url(../img/bt_nav_05.jpg) no-repeat 0 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p#nav_06 a{ background: url(../img/bt_nav_06.jpg) no-repeat 0 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav p#nav_07 a{ background: url(../img/bt_nav_07.jpg) no-repeat 0 0; } /* pattern A */ #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_01 { top: 0; left: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_01 a { width: 326px; height: 140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_01 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_01 a:active { background-position: 0 -140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_02 { top: 0; left: 327px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_02 a { width: 326px; height: 140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_02 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_02 a:active { background-position: 0 -140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_03 { top: 0; right: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_03 a { width: 326px; height: 140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_03 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_03 a:active { background-position: 0 -140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_04{ bottom: 0; left: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_04 a { width: 245px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_04 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_04 a:active { background-position: 0 -84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_05{ bottom: 0; left: 245px;} #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_05 a { width: 245px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_05 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_05 a:active { background-position: 0 -84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_06{ bottom: 0; right: 245px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_06 a { width: 245px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_06 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_06 a:active { background-position: 0 -84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_07{ bottom: 0; right: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_07 a { width: 245px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_07 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_a p#nav_07 a:active { background-position: 0 -84px; } /* pattern B */ #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_01 { top: 0; left: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_01 a { width: 490px; height: 140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_01 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_01 a:active { background-position: 0 -140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_02 { top: 0; right: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_02 a { width: 490px; height: 140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_02 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_02 a:active { background-position: 0 -140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_03 { bottom: 0; left: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_03 a { width: 326px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_03 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_03 a:active { background-position: 0 -84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_04{ bottom: 0; left: 327px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_04 a { width: 326px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_04 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_04 a:active { background-position: 0 -84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_05{ bottom: 0; right: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_05 a { width: 326px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_05 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_b p#nav_05 a:active { background-position: 0 -84px; } /* pattern D size:01-326*225 02-653*140 03-326*84 04-326*84 */ #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_01 { top: 0; left: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_01 a { width: 326px; height: 225px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_01 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_01 a:active { background-position: 0 -225px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_02 { top: 0; right: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_02 a { width: 653px; height: 140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_02 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_02 a:active { background-position: 0 -140px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_03 { bottom: 0; left: 327px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_03 a { width: 326px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_03 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_03 a:active { background-position: 0 -84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_04{ bottom: 0; right: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_04 a { width: 326px; height: 84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_04 a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_main_contents_nav.ptn_d p#nav_04 a:active { background-position: 0 -84px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav { background: url(../img/line_navigation_area_01.gif) #000000 no-repeat 50% 50px; padding: 50px 56px 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc { background: url(../img/bg_navigation_area_lc.gif) repeat-y right top; width: 213px; margin-top: 34px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .navigation_area_tit { display: block; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .navigation_area_tit a { display: block; background: url(../img/tit_navigation_area.gif) no-repeat 0 0; width: 77px; height: 18px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left { margin-top: 24px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left li a, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left li span { display: block; background-image: url(../img/nav_navigation_area.gif); background-repeat: no-repeat; height: 9px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_about a { background-position: 0 0; width: 42px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_about a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_about a:active { background-position: 0 -9px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_about span { background-position: 0 -18px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_contact { margin-top: 14px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_contact a { background-position: -42px 0; width: 59px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_contact a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_contact a:active { background-position: -42px -9px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_contact span { background-position: -42px -18px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_archives { margin-top: 14px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_archives a { background-position: -101px 0; width: 69px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_archives a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_archives a:active { background-position: -101px -9px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc .nav_left #nav_archives span { background-position: -101px -18px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc #sec_sns { margin-top: 106px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc #sec_sns li { float: left; margin-right: 10px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc #sec_sns li img { vertical-align: bottom; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc #icon_balloon_twitter { position: absolute; top: 488px; left: 37px; width: 152px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .lc #icon_balloon_facebook { position: absolute; top: 488px; left: 66px; width: 152px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc { width: 620px; margin-top: 34px; padding-right: 35px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .navigation_area_contents_tit { display: block; float: right; background: url(../img/tit_navigation_area_contents.gif) no-repeat 0 0; width: 9px; height: 104px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right { padding-right:25px; float: right; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right li { float: right; padding: 5px 15px 0; border-left: 1px solid #333333; width: 31px; height: 189px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right li a, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right li span { display: block; background-image: url(../img/nav_navigation_area_global.gif); background-repeat: no-repeat; width: 31px; height: 175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ia { padding-right: 0; width: 40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ia a { background-position: -204px 0; width: 40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ia a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ia a:active { background-position: -204px -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ia span { background-position: -204px -350px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_shikumi { width: 40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_shikumi a { background-position: -164px 0; width: 40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_shikumi a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_shikumi a:active { background-position: -164px -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_shikumi span { background-position: -164px -350px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_angya { width: 40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_angya a { background-position: -124px 0; width: 40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_angya a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_angya a:active { background-position: -124px -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_angya span { background-position: -124px -350px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ux { } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ux a { background-position: -93px 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ux a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ux a:active { background-position: -93px -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_ux span { background-position: -93px -350px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_cojicorner { } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_cojicorner a { background-position: -62px 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_cojicorner a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_cojicorner a:active { background-position: -62px -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_cojicorner span { background-position: -62px -350px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_from_editors { } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_from_editors a { background-position: -31px 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_from_editors a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_from_editors a:active { background-position: -31px -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_from_editors span { background-position: -31px -350px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_archive { border-left: none; padding-left: 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_archive a { background-position: 0 0; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_archive a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_archive a:active { background-position: 0 -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_archive span { background-position: 0 -350px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana { width: 40px; } /* added at 120817 */ #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana a { background-position: -244px 0; width: 40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana a:active { background-position: -244px -175px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana span { background-position: -244px -350px; } body.sakana #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana a, body.sakana #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana a:hover, body.sakana #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_sakana a:active { background-position: -244px -350px; cursor: default; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_feature a { background:url(../img/nav_navigation_area_feature.gif) 0 0 no-repeat; height:181px; width:40px; } #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_feature a:hover, #wrapper #navigation_area #navigation_area_inner #navigation_area_nav .rc .nav_right #nav_feature a:active { background-position:0 -181px; } /* ============================== footer */ #wrapper #footer { width: 980px; margin: 0 auto; padding: 0 56px; } #wrapper #footer #footer_inner { background: #000000; width: 980px; padding: 35px 0 30px;} #wrapper #footer #footer_inner #footer_main { width: 868px; margin: 0 auto; border-top: 1px solid #929292; } #wrapper #footer #footer_inner #footer_main #copyright { float: left; background: url(../img/copyright.gif) no-repeat 0 0; width: 234px; height: 9px; margin-top: 9px; } #wrapper #footer #footer_inner #footer_main #copyright a { display: block; background: url(../img/copyright_concent.gif) no-repeat 0 0; width: 79px ; height: 9px; } #wrapper #footer #footer_inner #footer_main #pagetop { float: right; width: 110px;} #wrapper #footer #footer_inner #footer_main #pagetop a { display: block; background: url(../img/bt_footer_pagetop.gif) no-repeat 0 0; width: 110px; height: 19px; } #wrapper #footer #footer_inner #footer_main #pagetop a:hover, #wrapper #footer #footer_inner #footer_main #pagetop a:active { background-position: 0 -19px; }