@charset "shift_jis";

/*============================================================

CSS		：ncheader08.css
site		：日経キャリアNET
url		：http://career.nikkei.co.jp/
about		：既存HTMLにリュニューアル後のヘッダーを適用させる為の専用CSSです
============================================================*/

/* reset
------------------------------------------------------------*/
#nc8-headerArea div,
#nc8-headerArea dl,
#nc8-headerArea dt,
#nc8-headerArea dd,
#nc8-headerArea ul,
#nc8-headerArea ol,
#nc8-headerArea li,
#nc8-headerArea h1,
#nc8-headerArea h2,
#nc8-headerArea h3,
#nc8-headerArea p{
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:100%;
}

#nc8-headerArea strong{
	font-weight:bold;
}

#nc8-headerArea ul,
#nc8-headerArea ol {
	list-style:none;
}

#nc8-headerArea img{
	border:none;
}

/* font setting
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* nc8-headerArea
------------------------------------------------------------*/
#nc8-headerArea{
	width:760px;
	margin:0 auto 10px auto;
	padding:10px 0 0 0;
	word-break:break-all;
	text-align:left;
	font:13px/1.231 "Hiragino Kaku Gothic Pro",Osaka;
	*font-size:small;
	*font:x-small;
}

	#wakate #nc8-headerArea{ width:950px; }

	#nc8-headerArea .siteLogoBox{}
		
		#nc8-headerArea .siteLogoBox .logo{
			margin-bottom:7px;
			}
		
		#nc8-headerArea .siteLogoBox .text{
			font-size:93%;
			}
	
	#nc8-headerArea.headerTypeB .siteLogoBox{}
		
		#nc8-headerArea.headerTypeB .siteLogoBox .logo{
			float:left;
			margin-right:35px;
			}
		
		#nc8-headerArea.headerTypeB .siteLogoBox .text{
			white-space:nowrap;
			padding-top:11px;
			line-height:1;
			}
	
#nc8-headerArea #headerTop{
	margin-bottom:40px;
	}
	
	#nc8-headerArea #headerTop .siteLogoBox{
		float:left;
		width:410px;
		}
		
		#wakate #nc8-headerArea #headerTop .siteLogoBox{ width:600px;}
	
		#nc8-headerArea #headerTop .siteLogoBox .text{
			margin:8px 0 0 0;
			}
		
		#nc8-headerArea #headerLoginName{
			float:left;
			width:205px;
			_width:200px;
			padding:5px 0 0 0;
			}
			
			#nc8-headerArea #headerLoginName .name{
				font-size:93%;
				padding-bottom:3px;
				}
				
			#nc8-headerArea #headerLoginName .no{
				font-size:93%;
				}
		
		#nc8-headerArea #headerLoginBox{
			float:left;
			width:145px;
			font-size:93%;
			margin-bottom:-18px;
			}
		
			#nc8-headerArea #headerLoginBox li{
				display:inline;
				margin:0 1px;
				}
			
			#nc8-headerArea #headerLoginBox li.btnReg{
				display:block;
				}
			
			#nc8-headerArea #headerLoginBox li.btn3{
				display:block;
				background:url(../img/top/icon_orage_blit.gif) no-repeat 0 0.3em;
				padding:0 0 0 10px;
				margin:0 0 0 10px;
				}
	
	#nc8-headerArea #headerTop .siteCaptext{
		clear:both;
		padding:1px 0 0;
		width:610px;
		font-size:93%;
	}


#nc8-headerArea #headerBottom{
	position:relative;
	margin:30px 0 0 0;
	border:solid 1px #00c6f5;
	}
	
	#nc8-headerArea #headerBottom .title{
		position:absolute;
		top:-30px;
		_top:-29px;
		left:-1px;
		}
		
		#nc8-headerArea #headerBottom.typeAsearch .title{
			left:0;
			}
	
	#nc8-headerArea #headerBottom .categoryMenu{
		width:445px;
		padding:5px 3px;
		}
	
		#nc8-headerArea #headerBottom .categoryMenu li{
			float:left;
			padding:0 7px;
			background:url(../img/top/bdr-category_menu.gif) no-repeat right center;
			}
		
		#nc8-headerArea #headerBottom .categoryMenu li.last{
			background:none;
			}
		
		#nc8-headerArea #headerBottom .categoryMenu li.active{
			font-weight:bold;
			line-height:1.24;
			}
		
		#nc8-headerArea #headerBottom .categoryMenu li a:link,
		#nc8-headerArea #headerBottom .categoryMenu li a:visited,
		#nc8-headerArea #headerBottom .categoryMenu li a:hover,
		#nc8-headerArea #headerBottom .categoryMenu li a:active{
			text-decoration:underline;
			color:#0071D2;
		}
	
	#nc8-headerArea #headerBottom .toolMenu{
		position:absolute;
		top:-30px;
		_top:-29px;
		right:-1px;
		_right:0;
		}
	
	#nc8-headerArea .typeScout #headerBottom .toolMenu{ _right:-2px;}
		
		#nc8-headerArea #headerBottom .toolMenu li{
			float:left;
			margin-left:2px;
			}

#nc8-headerArea .typeScout #headerBottom{
	padding-bottom:1px;
	background:url(../img/top/bg-header_bottom-scout.gif) repeat-y 615px 0 #00c6f5;
	border:solid 1px #00c6f5;
	border-bottom:none;
	border-left:none;
	}
	
	#nc8-headerArea .typeScout #headerBottom .categoryMenu li{
		background:url(../img/top/bdr-category_menu-white.gif) no-repeat right center;
		color:#fff;
		}
	
	#nc8-headerArea .typeScout #headerBottom .categoryMenu li.last{
		background:none;
		}
	
	#nc8-headerArea .typeScout #headerBottom .categoryMenu li a:link,
	#nc8-headerArea .typeScout #headerBottom .categoryMenu li a:visited,
	#nc8-headerArea .typeScout #headerBottom .categoryMenu li a:hover,
	#nc8-headerArea .typeScout #headerBottom .categoryMenu li a:active{
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		border-bottom:solid 1px #fff;
		}

#nc8-headerArea .typeHistory #headerBottom{
	padding-bottom:1px;
	background:url(../img/top/bg-header_bottom-history.gif) repeat-y 679px 0 #00c6f5;
	border:solid 1px #00c6f5;
	border-bottom:none;
	border-left:none;
	}
	
	#nc8-headerArea .typeHistory #headerBottom .categoryMenu li{
		background:url(../img/top/bdr-category_menu-white.gif) no-repeat right center;
		color:#fff;
		}
	
	#nc8-headerArea .typeHistory #headerBottom .categoryMenu li.last{
		background:none;
		}
	
	#nc8-headerArea .typeHistory #headerBottom .categoryMenu li a:link,
	#nc8-headerArea .typeHistory #headerBottom .categoryMenu li a:visited,
	#nc8-headerArea .typeHistory #headerBottom .categoryMenu li a:hover,
	#nc8-headerArea .typeHistory #headerBottom .categoryMenu li a:hover{
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		border-bottom:solid 1px #fff;
		}

#nc8-headerArea .typeFinancial #headerBottom{ border:solid 1px #5c6264; }
#nc8-headerArea .typeIt #headerBottom{ border:solid 1px #111184; }
#nc8-headerArea .typeElectron #headerBottom{ border:solid 1px #ff6600; }
#nc8-headerArea .typeMedical #headerBottom{ border:solid 1px #32cd33; }
#nc8-headerArea .typeWakate #headerBottom{ border:solid 1px #e60012; }


#nc8-headerArea #headerBottom.typeAsearch{
	padding-bottom:1px;
	background:url(../img/top/bg-header_bottom-as.gif) repeat-y 484px 0 #003c94;
	border:solid 1px #003c94;
	border-bottom:none;
	border-left:none;
	}
	
	#nc8-headerArea #headerBottom.typeAsearch li span{
		color:#809eca;
		text-decoration:none;
		}
	
	#nc8-headerArea #headerBottom.typeAsearch .categoryMenu a:link,
	#nc8-headerArea #headerBottom.typeAsearch .categoryMenu a:visited,
	#nc8-headerArea #headerBottom.typeAsearch .categoryMenu a:hover{
		position:relative;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		border-bottom:solid 1px #809eca;
		}


/* clearfix　フロート解除したい要素の親に適用
------------------------------------------------------------*/
.cfix:after,
#headerTop:after,
#headerBottom .toolMenu:after,
#headerBottom .categoryMenu:after,
#personalBoxHeading.boxHeadingLarge .btnList:after,
.attentionNewRecruiting:after,
.attentionNewRecruiting .box:after,
#variationSpecialSite ul:after,
#purposeMenuBox:after,
#purposeMenuBox .box:after,
.topBaseBox .article2ColCell:after,
.topBaseBox .article2ColCell .cell:after,
.topBaseBox .flashInfomation .box:after
{ content:"."; visibility:hidden; display:block; height:0.1px; line-height:0; font-size:0.1px; clear:both; }

.cfix,

#headerTop,
#headerBottom .toolMenu,
#headerBottom .categoryMenu,
#personalBoxHeading.boxHeadingLarge .btnList,
.attentionNewRecruiting,
.attentionNewRecruiting .box,
#variationSpecialSite ul,
#purposeMenuBox,
#purposeMenuBox .box,
.topBaseBox .article2ColCell,
.topBaseBox .article2ColCell .cell,
.topBaseBox .flashInfomation .box
{ zoom:1; }




/* etc
------------------------------------------------------------*/
.hidden{
	display:none;
}

.clear{ clear:both;}