/* ================================================ 1段目 ================================================ */ #main_menu{ position: relative; height: 22px; font-size: 8px; padding: 1px; margin: 0; background-color:#2E2E2E; margin: 0 0 1px 0; } #main_menu li{ position: absolute; height: 22px; top: 0px; border: 1px solid #0E0E0E; } #ai #main_menu{ background-color:#151646; background-image:url(/assets/img/menu/bg_ai.png); } #ai #main_menu li{ border-right: 1px solid #151646;} #iot #main_menu{ border-color: #012c5f; background-color:#012c5f; background-image:url(/assets/img/menu/bg_iot.png); } #iot #main_menu li{ border-right: 1px solid #012c5f;} #biz #main_menu{ border-color: #6D8318; background-color:#6D8318; background-image:url(/assets/img/menu/bg_biz.png); } #biz #main_menu li{ border-right: 1px solid #6D8318;} #tech #main_menu, #it #main_menu{ border-color: #324B03; background-color:#324B03; background-image:url(/assets/img/menu/bg_tech.png); } #tech #main_menu li, #it #main_menu li{ border-right: 1px solid #324B03; } #web #main_menu{ border-color: #828282; background-color:#828282; background-image:url(/assets/img/menu/bg_web.png); } #web #main_menu li{ border-right: 1px solid #828282;} #digital #main_menu, #av #main_menu, #wear #main_menu, #sim #main_menu, #steam #main_menu, #pg #main_menu, #healthtech #main_menu, #epower #main_menu, #mcafee #main_menu, #modernPC #main_menu, #yayoi #main_menu, #xperia #main_menu, #acrobat #main_menu, #sharp_b #main_menu, #azure-fixer #main_menu, #hikaritv-shopping #main_menu, #arrows #main_menu, #slack #main_menu, #dmmgames #main_menu, #jitaneigo #main_menu, #arrows #main_menu, #slack #main_menu{ border-color: #444; background-color:#000; background-image:url(/assets/img/menu/bg_digital.png); } #digital #main_menu li, #av #main_menu li, #wear #main_menu li, #sim #main_menu li, #steam #main_menu li, #pg #main_menu li, #healthtech #main_menu li, #epower #main_menu li, #mcafee #main_menu li, #modernPC #main_menu li, #yayoi #main_menu li, #xperia #main_menu li, #acrobat #main_menu li, #sharp_b #main_menu li, #azure-fixer #main_menu li, #hikaritv-shopping #main_menu li, #arrows #main_menu li, #slack #main_menu li, #dmmgames #main_menu li, #jitaneigo #main_menu li, #arrows #main_menu li, #slack #main_menu li{ border-right: 1px solid #444; } #mac #main_menu{ border-color: #600002; background-color:#600002; background-image:url(/assets/img/menu/bg_mac.png); } #mac #main_menu li{ border-right: 1px solid #600002;} #hobby #main_menu, #pc #main_menu, #akiba #main_menu{ border-color: #D5AA00; background-color:#D5AA00; background-image:url(/assets/img/menu/bg_hobby.png); } #hobby #main_menu li, #pc #main_menu li, #akiba #main_menu li{ border-right: 1px solid #D5AA00;} #sphone #main_menu{ border-color: #2b369f; background-color:#2b369f; background-image:url(/assets/img/menu/bg_blue.png); } #sphone #main_menu li{ border-right: 1px solid #2b369f;} #asciikids #main_menu{ border-color: #278D2F; background-color:#278D2F; background-image:url(/assets/img/menu/bg_kids.png); } #asciikids #main_menu li{ border-right: 1px solid #278D2F;} #kaden #main_menu{ border-color: #D7BE91; background-color:#D7BE91; background-image:url(/assets/img/menu/bg_kaden.png); } #kaden #main_menu li{ border-right: 1px solid #D7BE91;} #clubinfo #main_menu, #leaders #main_menu, #fintech #main_menu, #seagate #main_menu, #jaws #main_menu, #fossil #main_menu, #kintone #main_menu, #dydo #main_menu, #kintone #main_menu, #fossil #main_menu, #kintone #main_menu, #fossil #main_menu, #kintone #main_menu, #fossil #main_menu{ border-color: #333; background-color:#333; background-image:url(/assets/img/menu/bg_clubinfo.png); } #clubinfo #main_menu li, #leaders #main_menu li, #fintech #main_menu li, #seagate #main_menu li, #jaws #main_menu li, #fossil #main_menu li, #kintone #main_menu li, #dydo #main_menu li, #kintone #main_menu li, #fossil #main_menu li, #kintone #main_menu li, #fossil #main_menu li, #kintone #main_menu li, #fossil #main_menu li{ border-right: 1px solid #333; } #sports #main_menu{ border-color: #4FB4F0; background-color:#4FB4F0; background-image:url(/assets/img/menu/bg_sports.png); } #sports #main_menu li{ border-right: 1px solid #4FB4F0;} #sao-su #main_menu, #kakuyomu #main_menu{ border-color: #0259DD; background-color:#0259DD; background-image:url(/assets/img/menu/bg_sao.png); } #sao-su #main_menu li, #kakuyomu #main_menu li{ border-right: 1px solid #0259DD; } #elecom #main_menu{ border-color: #00347B; background-color:#00347B; background-image:url(/assets/img/menu/bg_elecom.png); } #elecom #main_menu li{ border-right: 1px solid #00347B;} #cloud #main_menu{ border-color: #1B7DC6; background-color:#1B7DC6; background-image:url(/assets/img/menu/bg_cloud.png); } #cloud #main_menu li{ border-right: 1px solid #1B7DC6;} #main_menu #mm_top { left: 1px; } #main_menu #mm_ai { left: 50px; } #main_menu #mm_iot { left: 78px; } #main_menu #mm_biz { left: 111px; } #main_menu #mm_tech { left: 172px; } #main_menu #mm_web { left: 224px; } #main_menu #mm_digital { left: 291px; } #main_menu #mm_mac { left: 353px; } #main_menu #mm_hobby { left: 440px; } #main_menu #mm_pc { left: 492px; } #main_menu #mm_av { left: 545px; } #main_menu #mm_akiba { left: 579px; } #main_menu #mm_sphone { left: 623px; } #main_menu #mm_it { left: 666px; } #main_menu #mm_vr { left: 747px; } #main_menu #mm_wear { left: 775px; } #main_menu #mm_games { left: 843px; } #main_menu #mm_asciiclub { right: 0; background-image:url(/assets/img/menu/bg_club.png); border-left: 1px solid #af9e4d; border-right: 1px solid #af9e4d; } #main_menu #mm_asciiclub:hover{ right: 0; background:url(/load/view.php?a=aHR0cDovL2FzY2lpLmpwL2Fzc2V0cy9pbWcvbWVudS9iZ19ob3Zlci5wbmc) repeat-x left top; border-left: 1px solid #af9e4d; border-right: 1px solid #af9e4d; } #main_menu li a{ display: block; padding: 2px 0 0 0 ; font-size: 12px; line-height: 18px; height: 20px; color: #fff !important; /*text-indent: -9999px;*/ /*background-image:url(/assets/img/menu/menu_b.png);*/ /*background-position:center -13px;*/ font-weight: 600; text-align: center; } /* #main_menu #mm_top a{ width: 48px; } #main_menu #mm_ai a{ width: 27px; background-position:center -333px;} #main_menu #mm_iot a{ width: 32px; background-position:center -438px;} #main_menu #mm_biz a{ width: 60px; background-position:center -173px;} #main_menu #mm_tech a{ width: 51px; background-position:center -385px;} #main_menu #mm_web a{ width: 66px; background-position:center -412px;} #main_menu #mm_digital a{ width: 61px; background-position:center -200px;} #main_menu #mm_mac a{ width: 86px; background-position:center -253px;} #main_menu #mm_hobby a{ width: 94px; background-position:center -227px;} #main_menu #mm_pc a{ width: 55px; background-position:center -280px;} #main_menu #mm_audiovisual a{ width: 30px; background-position:center -360px;} #main_menu #mm_akiba a{ width: 43px; background-position:center -67px;} #main_menu #mm_smartphone a{ width: 42px; background-position:center -94px;} #main_menu #mm_startup a{ width: 80px; background-position:center -40px;font-size: 10.5px;} #main_menu #mm_vr a{ width: 29px; background-position:center -307px;} #main_menu #mm_wearable a{ width: 68px; background-position:center -147px;font-size: 10.5px;} */ #jpHome #main_menu a, #hobby #main_menu a, #pc #main_menu a, #akiba #main_menu a, #kaden #main_menu a, #asciitv #main_menu a, #gourmet #main_menu a, #sports #main_menu a, #jpInfo #main_menu a{ color: #000 !important; } #main_menu #mm_top a{ width: 48px; } #main_menu #mm_ai a{ width: 27px; } #main_menu #mm_iot a{ width: 32px; } #main_menu #mm_biz a{ width: 60px; } #main_menu #mm_tech a{ width: 51px; } #main_menu #mm_web a{ width: 66px; } #main_menu #mm_digital a{ width: 61px; } #main_menu #mm_mac a{ width: 86px; } #main_menu #mm_hobby a{ width: 51px; } #main_menu #mm_pc a{ width: 55px; } #main_menu #mm_av a{ width: 30px; } #main_menu #mm_akiba a{ width: 43px; } #main_menu #mm_sphone a{ width: 42px; } #main_menu #mm_it a{ width: 80px; font-size: 11px;letter-spacing:-1px;} #main_menu #mm_vr a{ width: 29px; } #main_menu #mm_wear a{ width: 68px; font-size: 11px;letter-spacing:-1px;} #main_menu #mm_games a{ width: 90px; } #main_menu #mm_asciiclub a{ text-indent: -9999px; width: 108px; background-image:url(/assets/img/menu/menu_b.png); background-position:center -494px; } #main_menu li a:hover, #main_menu li.current a{ background-color: #fff; /*background-color: #f6f6f6;*/ text-decoration: none; color: #000 !important; }