@charset "UTF-8";

/* =========================================================================== */
/* 画像の置き場所にあわせて、内容を修正してください */
div.gnav-201401 ul           { background-image: url(/images/nbo/2011/gnav2/gnav-bg-201401.gif); }
div.gnav-201401 ul li a span { background-image: url(/images/nbo/2011/gnav2/gnav-btn-201401.gif); }

/* グローバルナビの横幅 */
div.gnav-201401 ul { width: 1000px; }

/* グローバルナビを印刷させたい場合は、下の一行を削除してください */
@media print { div.gnav-201401 { display: none; } }
/* =========================================================================== */

div.gnav-201401 { clear: both; padding: 0; margin: 0; }
div.gnav-201401 ul { height: 32px; overflow: hidden; background-repeat: repeat-x; padding: 0; margin: 0 auto; }
div.gnav-201401 ul li { display: block; float: left; list-style: none; height: 100%; padding: 0; margin: 0; }

div.gnav-201401 ul li.www { width: 66px; }
div.gnav-201401 ul li.business { width: 69px; }
div.gnav-201401 ul li.pc { width: 44px; }
div.gnav-201401 ul li.itpro { width: 38px; }
div.gnav-201401 ul li.techon { width: 94px; }
div.gnav-201401 ul li.medical { width: 47px; }
div.gnav-201401 ul li.kenplatz { width: 92px; }
div.gnav-201401 ul li.trendy { width: 77px; }
div.gnav-201401 ul li.wol { width: 80px; }
div.gnav-201401 ul li.selection { width: 89px; }
div.gnav-201401 ul li.n-id { width: 70px; }
div.gnav-201401 ul li.career { width: 55px; }
div.gnav-201401 ul li.nng { width: 90px; }
div.gnav-201401 ul li.nikkei { width: 89px; }

div.gnav-201401 ul li a { display: block; height: 100%; overflow: hidden; padding: 0; margin: 0; position: relative; z-index: 1; font: 13px/32px sans-serif; text-align: center; cursor: pointer; }
div.gnav-201401 ul li a:hover { background-color: transparent; }
div.gnav-201401 ul li a span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; padding: 0; margin: 0; position: absolute; z-index: 10; left: 0; top: 0; }

div.gnav-201401 ul li.www a span { background-position: 0 0; }
div.gnav-201401 ul li.www a:hover span { background-position: 0 -32px; }
div.gnav-201401 ul.www li.www a span,
div.gnav-201401 ul.www li.www a:hover span { background-position: 0 -64px; }

div.gnav-201401 ul li.business a span { background-position: -66px 0; }
div.gnav-201401 ul li.business a:hover span { background-position: -66px -32px; }
div.gnav-201401 ul.business li.business a span,
div.gnav-201401 ul.business li.business a:hover span { background-position: -66px -64px; }

div.gnav-201401 ul li.pc a span { background-position: -135px 0; }
div.gnav-201401 ul li.pc a:hover span { background-position: -135px -32px; }
div.gnav-201401 ul.pc li.pc a span,
div.gnav-201401 ul.pc li.pc a:hover span { background-position: -135px -64px; }

div.gnav-201401 ul li.itpro a span { background-position: -179px 0; }
div.gnav-201401 ul li.itpro a:hover span { background-position: -179px -32px; }
div.gnav-201401 ul.itpro li.itpro a span,
div.gnav-201401 ul.itpro li.itpro a:hover span { background-position: -179px -64px; }

div.gnav-201401 ul li.techon a span { background-position: -217px 0; }
div.gnav-201401 ul li.techon a:hover span { background-position: -217px -32px; }
div.gnav-201401 ul.techon li.techon a span,
div.gnav-201401 ul.techon li.techon a:hover span { background-position: -217px -64px; }

div.gnav-201401 ul li.medical a span { background-position: -311px 0; }
div.gnav-201401 ul li.medical a:hover span { background-position: -311px -32px; }
div.gnav-201401 ul.medical li.medical a span,
div.gnav-201401 ul.medical li.medical a:hover span { background-position: -311px -64px; }

div.gnav-201401 ul li.kenplatz a span { background-position: -358px 0; }
div.gnav-201401 ul li.kenplatz a:hover span { background-position: -358px -32px; }
div.gnav-201401 ul.kenplatz li.kenplatz a span,
div.gnav-201401 ul.kenplatz li.kenplatz a:hover span { background-position: -358px -64px; }

div.gnav-201401 ul li.trendy a span { background-position: -450px 0; }
div.gnav-201401 ul li.trendy a:hover span { background-position: -450px -32px; }
div.gnav-201401 ul.trendy li.trendy a span,
div.gnav-201401 ul.trendy li.trendy a:hover span { background-position: -450px -64px; }

div.gnav-201401 ul li.wol a span { background-position: -527px 0; }
div.gnav-201401 ul li.wol a:hover span { background-position: -527px -32px; }
div.gnav-201401 ul.wol li.wol a span,
div.gnav-201401 ul.wol li.wol a:hover span { background-position: -527px -64px; }

div.gnav-201401 ul li.selection a span { background-position: -607px 0; }
div.gnav-201401 ul li.selection a:hover span { background-position: -607px -32px; }
div.gnav-201401 ul.selection li.eco a span,
div.gnav-201401 ul.selection li.selection a:hover span { background-position: -607px -64px; }

div.gnav-201401 ul li.n-id a span { background-position: -696px 0; }
div.gnav-201401 ul li.n-id a:hover span { background-position: -696px -32px; }
div.gnav-201401 ul.n-id li.n-id a span,
div.gnav-201401 ul.n-id li.n-id a:hover span { background-position: -696px -64px; }

div.gnav-201401 ul li.career a span { background-position: -766px 0; }
div.gnav-201401 ul li.career a:hover span { background-position: -766px -32px; }
div.gnav-201401 ul.career li.career a span,
div.gnav-201401 ul.career li.career a:hover span { background-position: -766px -64px; }

div.gnav-201401 ul li.nng a span { background-position: -821px 0; }
div.gnav-201401 ul li.nng a:hover span { background-position: -821px -32px; }
div.gnav-201401 ul.nng li.nng a span,
div.gnav-201401 ul.nng li.nng a:hover span { background-position: -821px -64px; }

div.gnav-201401 ul li.nikkei a span { background-position: -911px 0; }
div.gnav-201401 ul li.nikkei a:hover span { background-position: -911px -32px; }
div.gnav-201401 ul.nikkei li.career a span,
div.gnav-201401 ul.nikkei li.career a:hover span { background-position: -911px -64px; }



/**/

/* =========================================================================== */
/* 画像の置き場所にあわせて、内容を修正してください */
div.gnav-201406 ul li { background-image: url(/images/nbo/2011/gnav2/gnav-btn-201406.gif); }
div.gnav-201406 ul li a span { background-image: url(/images/nbo/2011/gnav2/gnav-btn-201406.gif); }
div.gnav-201406 ul li ul li a span { background-image: url(/images/nbo/2011/gnav2/gnav-subbtn-201406.gif); }

/* グローバルナビの横幅 */
div.gnav-201406 ul { width: 1000px; background-image: url(/images/nbo/2011/gnav2/gnav-bg-201406.gif); }

/* グローバルナビを印刷させたい場合は、下の一行を削除してください */
@media print { div.gnav-201406 { display: none; } }
/* =========================================================================== */

div.gnav-201406 { clear: both; padding: 0; margin: 0; *text-align:center; }
div.gnav-201406 ul { height: 32px; overflow: visible; background-repeat: repeat-x; padding: 0; margin: 0 auto; *overflow: hidden; }
div.gnav-201406 ul li { display: block; float: left; list-style: none; height: 100%; padding: 0; margin: 0; position: relative; background-position: 0 0; }

div.gnav-201406 ul li.www { width: 66px; }
div.gnav-201406 ul li.business { width: 76px; }
div.gnav-201406 ul li.pc { width: 47px; }
div.gnav-201406 ul li.itpro { width: 44px; }
div.gnav-201406 ul li.techon { width: 94px; }
div.gnav-201406 ul li.medical { width: 54px; }
div.gnav-201406 ul li.kenplatz { width: 95px; }
div.gnav-201406 ul li.trendy { width: 81px; }
div.gnav-201406 ul li.wol { width: 85px; }
div.gnav-201406 ul li.selection { width: 92px; margin-right: 12px; }
div.gnav-201406 ul li.career { width: 73px; }
div.gnav-201406 ul li.nng { width: 92px; }
div.gnav-201406 ul li.nikkei { width: 89px; }

div.gnav-201406 ul li a { display: block; height: 100%; overflow: hidden; padding: 0; margin: 0; position: relative; z-index: 1; font: 13px/32px sans-serif; text-align: center; cursor: pointer; }
div.gnav-201406 ul li a:hover { background-color: transparent; }
div.gnav-201406 ul li a span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; padding: 0; margin: 0; z-index: 10; position: absolute;  left: 0; top: 0; }

div.gnav-201406 ul li.www { background-position: 0 0; }
div.gnav-201406 ul li.www a span { background-position: 0 0; }
div.gnav-201406 ul li.www a:hover span { background-position: 0 -32px; }
div.gnav-201406 ul.www li.www a span,
div.gnav-201406 ul.www li.www a:hover span { background-position: 0 -64px; }

div.gnav-201406 ul li.business { background-position: -66px 0; }
div.gnav-201406 ul li.business a span { background-position: -66px 0; }
div.gnav-201406 ul li.business a:hover span { background-position: -66px -32px; }
div.gnav-201406 ul.business li.business a span,
div.gnav-201406 ul.business li.business a:hover span { background-position: -66px -64px; }

div.gnav-201406 ul li.pc { background-position: -142px 0; }
div.gnav-201406 ul li.pc a span { background-position: -142px 0; }
div.gnav-201406 ul li.pc a:hover span { background-position: -142px -32px; }
div.gnav-201406 ul.pc li.pc a span,
div.gnav-201406 ul.pc li.pc a:hover span { background-position: -142px -64px; }

div.gnav-201406 ul li.itpro { background-position: -189px 0; }
div.gnav-201406 ul li.itpro a span { background-position: -189px 0; }
div.gnav-201406 ul li.itpro a:hover span { background-position: -189px -32px; }
div.gnav-201406 ul.itpro li.itpro a span,
div.gnav-201406 ul.itpro li.itpro a:hover span { background-position: -189px -64px; }

div.gnav-201406 ul li.techon { background-position: -233px 0; }
div.gnav-201406 ul li.techon a span { background-position: -233px 0; }
div.gnav-201406 ul li.techon a:hover span { background-position: -233px -32px; }
div.gnav-201406 ul.techon li.techon a span,
div.gnav-201406 ul.techon li.techon a:hover span { background-position: -233px -64px; }

div.gnav-201406 ul li.medical { background-position: -327px 0; }
div.gnav-201406 ul li.medical a span { background-position: -327px 0; }
div.gnav-201406 ul li.medical a:hover span { background-position: -327px -32px; }
div.gnav-201406 ul.medical li.medical a span,
div.gnav-201406 ul.medical li.medical a:hover span { background-position: -327px -64px; }

div.gnav-201406 ul li.kenplatz { background-position: -381px 0; }
div.gnav-201406 ul li.kenplatz a span { background-position: -381px 0; }
div.gnav-201406 ul li.kenplatz a:hover span { background-position: -381px -32px; }
div.gnav-201406 ul.kenplatz li.kenplatz a span,
div.gnav-201406 ul.kenplatz li.kenplatz a:hover span { background-position: -381px -64px; }

div.gnav-201406 ul li.trendy { background-position: -476px 0; }
div.gnav-201406 ul li.trendy a span { background-position: -476px 0; }
div.gnav-201406 ul li.trendy a:hover span { background-position: -476px -32px; }
div.gnav-201406 ul.trendy li.trendy a span,
div.gnav-201406 ul.trendy li.trendy a:hover span { background-position: -476px -64px; }

div.gnav-201406 ul li.wol { background-position: -557px 0; }
div.gnav-201406 ul li.wol a span { background-position: -557px 0; }
div.gnav-201406 ul li.wol a:hover span { background-position: -557px -32px; }
div.gnav-201406 ul.wol li.wol a span,
div.gnav-201406 ul.wol li.wol a:hover span { background-position: -557px -64px; }

div.gnav-201406 ul li.selection { background-position: -642px 0; }
div.gnav-201406 ul li.selection a span { background-position: -642px 0; }
div.gnav-201406 ul li.selection a:hover span { background-position: -642px -32px; }
div.gnav-201406 ul.selection li.selection a span,
div.gnav-201406 ul.selection li.selection a:hover span { background-position: -642px -64px; }

div.gnav-201406 ul li.career { background-position: -746px 0; }
div.gnav-201406 ul li.career a span { background-position: -746px 0; }
div.gnav-201406 ul li.career a:hover span { background-position: -746px -32px; }
div.gnav-201406 ul.career li.career a span,
div.gnav-201406 ul.career li.career a:hover span { background-position: -746px -64px; }

div.gnav-201406 ul li.nng { background-position: -819px 0; }
div.gnav-201406 ul li.nng a span { background-position: -819px 0; }
div.gnav-201406 ul li.nng a:hover span { background-position: -819px -32px; }
div.gnav-201406 ul.nng li.nng a span,
div.gnav-201406 ul.nng li.nng a:hover span { background-position: -819px -64px; }

div.gnav-201406 ul li.nikkei { background-position: -911px 0; }
div.gnav-201406 ul li.nikkei a span { background-position: -911px 0; }
div.gnav-201406 ul li.nikkei a:hover span { background-position: -911px -32px; }
div.gnav-201406 ul.nikkei li.nikkei a span,
div.gnav-201406 ul.nikkei li.nikkei a:hover span { background-position: -911px -64px; }

div.gnav-201406 ul li ul { position: absolute; top:28px; left:8px; background:none; display: none; width:auto; height:15px; z-index:1000; overflow: hidden; }
div.gnav-201406 ul li:hover ul { display: block; z-index:1000; }
div.gnav-201406 ul li ul li { margin-right:3px; }

div.gnav-201406 ul li.career { z-index: 1000; }
div.gnav-201406 ul li.career ul { width: 198px; }
div.gnav-201406 ul li.career ul li.executive { width: 99px; }
div.gnav-201406 ul li.career ul li.careernet { width: 93px; }

div.gnav-201406 ul li ul li a { z-index: 1000; }
div.gnav-201406 ul li a span {  z-index: 1000; }

div.gnav-201406 ul li.career ul li.executive a span { background-position: 0 0; }
div.gnav-201406 ul li.career ul li.executive a:hover span { background-position: 0 -15px; }

div.gnav-201406 ul li.career ul li.careernet a span { background-position: -99px 0; }
div.gnav-201406 ul li.career ul li.careernet a:hover span { background-position: -99px -15px; }