@charset "utf-8"; /*------------------------------------------------------------ NAVI.CSS -------------------------------------------------------------*/ /* Lv.1:2items Lv.2:3items Lv.3:5items Lv.4:1items Lv.5:2items */ /*------------------------------------------------------------ div#navi -------------------------------------------------------------*/ div#navi { float: right; width: 187px; } div#navi ul#navi_main{ width: 187px; border-top: #808080 solid 1px; } div#navi ul#navi_main li{ width: 187px; /* height: 41px; */ } div#navi ul#navi_sub{ width: 187px; margin: 15px 0 1em; border-top: #808080 solid 3px; background-color: #eaeaea; font-size: 12px; } div#navi ul#navi_sub li { padding: 6px; background:url(../img/navi_sub_border.gif) no-repeat left bottom; } div#navi ul#navi_sub li a { color: #4d4d4d; } div#navi ul#navi_sub li a:hover { text-decoration: underline; font-weight: bold; } div#navi ul#bnr_area{ margin-left: 5px; } /*------------------------------------------------------------ mouseup -------------------------------------------------------------*/ div#navi ul#navi_main li.button1 { background: url(../img/navi_menu1_active.gif) no-repeat 0 0; } div#navi ul#navi_main li.button2 { background: url(../img/navi_menu2_active.gif) no-repeat 0 0; } div#navi ul#navi_main li.button3 { background: url(../img/navi_menu3_active.gif) no-repeat 0 0; } div#navi ul#navi_main li.button4 { background: url(../img/navi_menu4_active.gif) no-repeat 0 0; } div#navi ul#navi_main li.button5 { background: url(../img/navi_menu5_active.gif) no-repeat 0 0; } div#navi ul#navi_main li.button6 { background: url(../img/navi_menu6_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under1 li.underbutton1 { background: url(../img/navi_menu1_under1_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under1 li.underbutton2 { background: url(../img/navi_menu1_under2_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under2 li.underbutton1 { background: url(../img/navi_menu2_under1_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under2 li.underbutton2 { background: url(../img/navi_menu2_under2_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under2 li.underbutton3 { background: url(../img/navi_menu2_under3_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under2 li.underbutton4 { background: url(../img/navi_menu2_under4_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under2 li.underbutton5 { background: url(../img/navi_menu2_under5_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton1 { background: url(../img/navi_menu3_under1_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton2 { background: url(../img/navi_menu3_under2_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton3 { background: url(../img/navi_menu3_under3_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton4 { background: url(../img/navi_menu3_under4_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton5 { background: url(../img/navi_menu3_under5_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton6 { background: url(../img/navi_menu3_under6_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton7 { background: url(../img/navi_menu3_under7_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under3 li.underbutton8 { background: url(../img/navi_menu3_under8_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under4 li.underbutton1 { background: url(../img/navi_menu4_under1_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under4 li.underbutton2 { background: url(../img/navi_menu4_under2_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under4 li.underbutton3 { background: url(../img/navi_menu4_under3_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under4 li.underbutton4 { background: url(../img/navi_menu4_under4_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under5 li.underbutton1 { background: url(../img/navi_menu5_under1_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under5 li.underbutton2 { background: url(../img/navi_menu5_under2_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under5 li.underbutton3 { background: url(../img/navi_menu5_under3_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under5 li.underbutton4 { background: url(../img/navi_menu5_under4_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under6 li.underbutton1 { background: url(../img/navi_menu6_under1_active.gif) no-repeat 0 0; } div#navi ul.navi_main_under6 li.underbutton2 { background: url(../img/navi_menu6_under2_active.gif) no-repeat 0 0; } div#navi ul#navi_main li a { display: block; width : 187px; height: 41px; } div#navi ul#navi_main li ul li a { display: block; width : 187px; height: 25px; } div#navi ul#navi_main li a:hover { border: none; } div#navi ul#navi_main li a:hover img { width: 0; height: 0; } /*------------------------------------------------------------ init -------------------------------------------------------------*/ div#navi ul.navi_main_under1, div#navi ul.navi_main_under2, div#navi ul.navi_main_under3, div#navi ul.navi_main_under4, div#navi ul.navi_main_under5{ display: none; } body.navi_level_1 div#navi ul.navi_main_under1 , body.navi_level_2 div#navi ul.navi_main_under2 , body.navi_level_3 div#navi ul.navi_main_under3 , body.navi_level_4 div#navi ul.navi_main_under4 , body.navi_level_5 div#navi ul.navi_main_under5 { display: block; } body.navi_level_1 div#navi img#img_level_1 , body.navi_level_2 div#navi img#img_level_2 , body.navi_level_3 div#navi img#img_level_3 , body.navi_level_4 div#navi img#img_level_4 , body.navi_level_5 div#navi img#img_level_5 , body.navi_level_1_sub_1 div#navi img#img_level_1_sub_1 , body.navi_level_1_sub_2 div#navi img#img_level_1_sub_2 , body.navi_level_2_sub_1 div#navi img#img_level_2_sub_1 , body.navi_level_2_sub_2 div#navi img#img_level_2_sub_2 , body.navi_level_2_sub_3 div#navi img#img_level_2_sub_3 , body.navi_level_2_sub_4 div#navi img#img_level_2_sub_4 , body.navi_level_2_sub_5 div#navi img#img_level_2_sub_5 , body.navi_level_3_sub_1 div#navi img#img_level_3_sub_1 , body.navi_level_3_sub_2 div#navi img#img_level_3_sub_2 , body.navi_level_3_sub_3 div#navi img#img_level_3_sub_3 , body.navi_level_3_sub_4 div#navi img#img_level_3_sub_4 , body.navi_level_3_sub_5 div#navi img#img_level_3_sub_5 , body.navi_level_3_sub_6 div#navi img#img_level_3_sub_6 , body.navi_level_3_sub_7 div#navi img#img_level_3_sub_7 , body.navi_level_3_sub_8 div#navi img#img_level_3_sub_8 , body.navi_level_4_sub_1 div#navi img#img_level_4_sub_1 , body.navi_level_4_sub_2 div#navi img#img_level_4_sub_2 , body.navi_level_4_sub_3 div#navi img#img_level_4_sub_3 , body.navi_level_4_sub_4 div#navi img#img_level_4_sub_4 , body.navi_level_5_sub_1 div#navi img#img_level_5_sub_1 , body.navi_level_5_sub_2 div#navi img#img_level_5_sub_2 , body.navi_level_5_sub_3 div#navi img#img_level_5_sub_3 , body.navi_level_5_sub_4 div#navi img#img_level_5_sub_4 { width: 0; height: 0;} body.subnavi_level_1 div#navi ul#navi_sub li.button1 a, body.subnavi_level_2 div#navi ul#navi_sub li.button2 a, body.subnavi_level_3 div#navi ul#navi_sub li.button3 a, body.subnavi_level_4 div#navi ul#navi_sub li.button4 a, body.subnavi_level_5 div#navi ul#navi_sub li.button5 a, body.subnavi_level_6 div#navi ul#navi_sub li.button6 a { font-weight: bold; color:black;} body.subnavi_level_1 div#navi ul#navi_sub li.button1 a:hover, body.subnavi_level_2 div#navi ul#navi_sub li.button2 a:hover, body.subnavi_level_3 div#navi ul#navi_sub li.button3 a:hover, body.subnavi_level_4 div#navi ul#navi_sub li.button4 a:hover, body.subnavi_level_5 div#navi ul#navi_sub li.button5 a:hover, body.subnavi_level_6 div#navi ul#navi_sub li.button6 a:hover { text-decoration: none; } /* EOF */