@charset "utf-8";

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

/* グローバルナビの横幅 */
div.gnav-201406 ul { width: 1000px; background-image: url(/images/n/gnavi/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; }

/* common */
div.gnav-201406 ul li.common{ position:absolute; right:0; height:1px; background:none; }

/* footer */
.globalFooter{ clear:both; overflow:hidden; padding:15px 10px; font-size:12px; max-width:1000px; margin:0 auto; }
.globalFooter ul{ overflow:hidden; margin:0; padding:0; }
.globalFooter ul li{ float:left; margin:0; padding:0 0 0 10px; line-height:16px; height:16px; vertical-align: baseline; border-left:1px solid #999; border-right:none!important; list-style: none; }
.globalFooter ul li.first{ border-left:none; }
.globalFooter ul li a { padding-right:10px; }
.globalFooter div.corporateLogo { float:right; padding-right:10px; }
.globalFooter div.corporateLogo a{ display:block; width:120px; height:20px; background:url(/images/n/gnavi/bp_logo.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
.globalFooter .globalCopyright{ clear:both; margin:15px 10px; }

/* color valiation */
div.corporateLogoBlack .globalFooter div.corporateLogo a{ background:url(/images/n/gnavi/bp_logo_black.png) no-repeat;}
div.corporateLogoWhite .globalFooter div.corporateLogo a{ background:url(/images/n/gnavi/bp_logo_white.png) no-repeat;}
div.corporateLogoBlueBg .globalFooter div.corporateLogo a{ background:url(/images/n/gnavi/bp_logo_blue_bg.png) no-repeat; height:46px; }