@charset "UTF-8";

/* ----------------------------------------------------------------
HEADER LOGO
----------------------------------------------------------------- */
#headLogo{
	position:relative;
	width:100%;
	min-width:980px;
	background:#fff;
	font-size:0;
	line-height:0;
	padding:25px 0 0;
	height:40px;
	}
#headLogo p,
#headLogo h1{
	text-align:center;
	width:980px;
	margin:0px auto;
	font-size:0;
	line-height:0;
	}
#headLogo a:hover img{
		filter:alpha(opacity=75);
		opacity: 0.75;
		}


/* ----------------------------------------------------------------
HEADER
----------------------------------------------------------------- */
#contentHeadWrapper{
	width:100%;
	min-width:980px;
	background:#fff;
}
#contentHead{
	width:980px;
	margin:0 auto;
	position:relative;
}

/*headSearch*/
#contentHead #headSearch{
	position:absolute;
	right:0px;
	top:-40px;
	overflow:hidden;
	display: table;
	direction: rtl;
	}
#contentHead #headSearch dt,
#contentHead #headSearch dd{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	direction: ltr;
	}
#contentHead #headSearch dt input[type="text"]{
	padding:5px 30px 5px 5px;
	height:15px;
	width:115px !important;
	background:transparent url(image/search_bg.png) no-repeat right top;
	}
#contentHead #headSearch dt input[type="text"]:focus,
#contentHead #headSearch dt input[type="text"].textOn{background:transparent url(image/search_bg.png) no-repeat right bottom; outline:0;}

#contentHead #headSearch dt input.seachBtn{
	cursor:pointer;
	border:none;
	position:absolute;
	left:125px;
	top:2px;
	height:25px;
	width:28px;
	z-index:5;
	background:transparent url(image/search_bg.png) no-repeat -100px -100px;
	}


#contentHead #headSearch dd{
	border-right:5px solid #fff;
	}
#contentHead #headSearch dd a,
#contentHead #headSearch dd span{
	height:15px;
	padding:5px 10px;
	display:block;
	font-family:Helvetica;
	border:2px solid #bfbfbf;
	line-height:1.0;
	text-decoration:none;
	background:#bfbfbf;
	color:#fff;
	font-size:100%;
	}
#contentHead #headSearch dd span{
	background:#fff;
	color:#a6a6a6;
	}
#contentHead #headSearch dd a:hover{
		filter:alpha(opacity=75);
		opacity: 0.75;
		}

/*globalMenu*/
#contentHead #globalMenu{
	padding-top:10px;
	width:980px;
	height:45px;
	}
#contentHead #globalMenu li{
	display:inline-block;
	vertical-align:top;
	}
#contentHead #globalMenu li a{
	display:block;
	height:45px;
	text-indent:-9999px;
	background:transparent url(image/gnavi.png) no-repeat 0 0;
	}
#contentHead #globalMenu li#globalMenu01{width:132px;}
#contentHead #globalMenu li#globalMenu01 a{width:132px; background-position:0 0;}
#contentHead #globalMenu:not(.noHover) li#globalMenu01 a:hover,
#contentHead #globalMenu li#globalMenu01 a.active,
.vision #contentHead #globalMenu:not(.noHover) li#globalMenu01 a:hover{background-position:0 -45px !important;}
.vision #contentHead #globalMenu li#globalMenu01 a{background-position:0 -90px;}
#contentHead #globalMenu li#globalMenu02{width:135px;}
#contentHead #globalMenu li#globalMenu02 a{width:135px; background-position:-132px 0;}
#contentHead #globalMenu:not(.noHover) li#globalMenu02 a:hover,
#contentHead #globalMenu li#globalMenu02 a.active,
.business #contentHead #globalMenu:not(.noHover) li#globalMenu02 a:hover{background-position:-132px -45px !important;}
.business #contentHead #globalMenu li#globalMenu02 a{background-position:-132px -90px;}
#contentHead #globalMenu li#globalMenu03{width:239px;}
#contentHead #globalMenu li#globalMenu03 a{width:239px; background-position:-267px 0;}
#contentHead #globalMenu:not(.noHover) li#globalMenu03 a:hover,
#contentHead #globalMenu li#globalMenu03 a.active,
.global #contentHead #globalMenu:not(.noHover) li#globalMenu03 a:hover{background-position:-267px -45px !important;}
.global #contentHead #globalMenu li#globalMenu03 a{background-position:-267px -90px;}
#contentHead #globalMenu li#globalMenu04{width:126px;}
#contentHead #globalMenu li#globalMenu04 a{width:126px; background-position:-506px 0;}
#contentHead #globalMenu:not(.noHover) li#globalMenu04 a:hover,
#contentHead #globalMenu li#globalMenu04 a.active,
.news #contentHead #globalMenu:not(.noHover) li#globalMenu04 a:hover{background-position:-506px -45px !important;}
.news #contentHead #globalMenu li#globalMenu04 a{background-position:-506px -90px;}
#contentHead #globalMenu li#globalMenu05{width:116px;}
#contentHead #globalMenu li#globalMenu05 a{width:116px; background-position:-632px 0;}
#contentHead #globalMenu:not(.noHover) li#globalMenu05 a:hover,
#contentHead #globalMenu li#globalMenu05 a.active,
.ir #contentHead #globalMenu:not(.noHover) li#globalMenu05 a:hover{background-position:-632px -45px !important;}
.ir #contentHead #globalMenu li#globalMenu05 a{background-position:-632px -90px;}
#contentHead #globalMenu li#globalMenu06{width:100px;}
#contentHead #globalMenu li#globalMenu06 a{width:100px; background-position:-748px 0;}
#contentHead #globalMenu:not(.noHover) li#globalMenu06 a:hover,
#contentHead #globalMenu li#globalMenu06 a.active,
.csr#contentHead #globalMenu:not(.noHover) li#globalMenu06 a:hover{background-position:-748px -45px !important;}
.csr #contentHead #globalMenu li#globalMenu06 a{background-position:-748px -90px;}
#contentHead #globalMenu li#globalMenu07{width:132px;}
#contentHead #globalMenu li#globalMenu07 a{width:132px; background-position:-848px 0;}
#contentHead #globalMenu:not(.noHover) li#globalMenu07 a:hover,
#contentHead #globalMenu li#globalMenu07 a.active,
.recruit #contentHead #globalMenu:not(.noHover) li#globalMenu07 a:hover{background-position:-848px -45px !important;}
.recruit #contentHead #globalMenu li#globalMenu07 a{background-position:-848px -90px;}


/* DROP */
#contentHeadDropWrapper{
	width:980px;
	margin:0px auto;
	position:relative;
	z-index:5;
	clear:both;
	}
#contentHeadDropWrapper .contentHeadDrop{
	position:absolute;
	width:980px;
	top:0px;
	display:block;
	color:#fff;
	visibility:hidden;
	}
#contentHeadDropWrapper .contentHeadDrop a{color:#fff;}
#contentHeadDropWrapper .contentHeadDrop .columnA,
#contentHeadDropWrapper .contentHeadDrop .columnB,
#contentHeadDropWrapper .contentHeadDrop .columnC{
	display:block;
	vertical-align:top;
	float:left;
	}
#contentHeadDropWrapper .contentHeadDrop .columnA{
	width:280px;
	padding:40px 40px 42px 30px;
	}
#contentHeadDropWrapper .contentHeadDrop .columnA dl dt{
	font-size:171.4%;
	font-weight:bold;
	margin-bottom:10px;
	}
#contentHeadDropWrapper .contentHeadDrop .columnA dl dt a{
	padding-right:15px;
	background:transparent url(image/icon_link01.png) no-repeat right center;
	}
#contentHeadDropWrapper .contentHeadDrop .columnA dl dt a:hover{
	text-decoration:underline;
	}
#contentHeadDropWrapper .contentHeadDrop .columnA dl dd{
	line-height:1.9;
	font-size:100%;
	}

#contentHeadDropWrapper .contentHeadDrop .columnB{width:310px;}
#contentHeadDropWrapper .contentHeadDrop .columnC{width:320px;}

#contentHeadDropWrapper .contentHeadDrop .columnB ul,
#contentHeadDropWrapper .contentHeadDrop .columnC ul,
#contentHeadDropWrapper .contentHeadDrop .columnC .relationAreaWrapper{
	display:block;
	padding:40px 0px 42px 0px;
	}
#contentHeadDropWrapper .contentHeadDrop .columnB ul li a,
#contentHeadDropWrapper .contentHeadDrop .columnC ul li a{
	display:block;
	padding:5px 30px 5px 30px;
	}
#contentHeadDropWrapper .contentHeadDrop .columnB ul li a{
	padding-left:20px;
	}
#contentHeadDropWrapper .contentHeadDrop .columnB ul li a:hover,
#contentHeadDropWrapper .contentHeadDrop .columnC ul li a:hover{
	text-decoration:none;
	}
#contentHeadDropWrapper .contentHeadDrop .columnB ul li a.nextColumn{background:transparent url(image/icon_link01.png) no-repeat 283px center;}

#contentHeadDropWrapper .contentHeadDrop .columnB ul.noNextColumn li{margin-bottom:10px;}
#contentHeadDropWrapper .contentHeadDrop .columnB ul.noNextColumn li ul{padding:0 0 10px;}
#contentHeadDropWrapper .contentHeadDrop .columnB ul.noNextColumn li ul li{margin-bottom:0px;}
#contentHeadDropWrapper .contentHeadDrop .columnB ul.noNextColumn li ul li a{padding:5px 30px 5px 40px;}
#contentHeadDropWrapper .contentHeadDrop .columnB ul.noNextColumn li span{padding:0 30px;}
#contentHeadDropWrapper .contentHeadDrop .columnC ul{display:none; height:100%;}



#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea{
	width:260px;
	margin:0px auto;
	background:#f2f2f2;
	font-size:13px;
	}
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea img{
	display:block;
	border:1px solid #e6e6e6;
	}
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea span{
	display:block;
	padding:10px 15px;
	color:#333;
	}
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea a:hover{text-decoration:underline; color:#333;}
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea a.Link_pdf:after,
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea a.Link_excel:after,
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea a.Link_word:after,
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea a.Link_blank:after,
#contentHeadDropWrapper .contentHeadDrop .columnC .relationArea a.Link_rss:after{padding:0; content:"";}

/* ----------------------------------------------------------------
FOOTER
----------------------------------------------------------------- */
#contentFootWrapper{
	clear:both;
	width:100%;
	background:#999999;
	min-width:980px;
	color:#fff;
	padding-bottom:15px;
}
#contentFoot{
	width:960px;
	padding:50px 0 10px 20px;
	margin:0 auto;
}
#contentFoot:after{
	display: block;
	content: "";
	clear: both;
	height:0;
	line-height: 0;
	overflow:hidden;
	}

/*ul*/
#contentFoot ul{
	display:inline-block;
	vertical-align:top;
	font-size:107.1%;
	padding-right:10px;
	font-weight:bold;
	}
#contentFoot ul li{
	padding-bottom:5px;
	}
#contentFoot ul.siteLinkA{width:170px;}
#contentFoot ul.siteLinkB{width:190px;}
#contentFoot ul.siteLinkC{width:190px;}
#contentFoot ul.siteLinkD{width:190px;}
#contentFoot ul.siteLinkE{width:155px; padding-right:0;}

#contentFoot ul.siteLinkB li,
#contentFoot ul.siteLinkC li,
#contentFoot ul.siteLinkE li{padding-bottom:20px;}

#contentFoot ul.siteLinkChild,
#contentFoot ul.siteLinkSecondChild{
	display:block;
	padding-top:10px;
	font-size:85.7%;
	font-weight:normal;
	}
#contentFoot ul.siteLinkSecondChild{
	padding:5px 0;
	}
#contentFoot ul.siteLinkChild li{padding-bottom:5px;}
#contentFoot ul.siteLinkChild li span{font-size:78.6%;}
#contentFoot ul.siteLinkChild li.siteLinkPddA{padding-bottom:15px;}

/*utilityLinkArea*/
#contentFoot ul.utilityLink{
	width:900px;
	}
	
/*utilityLinkArea*/
#contentFoot .LinkedIn{
	width:150px;
	float:right;
	padding:25px 30px 0 0;
	}

/*utilityLink*/
#contentFoot ul.utilityLink{
	text-align:left;
	padding:40px 0 15px 0;
	float:left;
	width:750px;
	}
#contentFoot ul.utilityLink li{
	display:inline-block;
	padding:0 0 0 20px;
	margin:0 0 0 20px;
	border-left:1px solid #fff;
	font-size:85.7%;
	line-height:1.1em;
	font-weight:normal;
	}
#contentFoot ul.utilityLink li:first-child{
	padding-left:0;
	margin-left:0;
	border-left:none;
	}
#contentFoot ul li a{
	color:#fff;
	text-decoration:none;
	}
#contentFoot ul li a:hover{text-decoration:underline;}

/*utilityLink*/
#contentFoot #forSP{
	display:none;
	text-align:right;
	padding:20px 30px 15px 0;
	float:right;
	font-size:85.7%;
	}
#contentFoot #forSP a{
	display:inline-block;
	padding:8px 15px;
	color:#4c4c4c;
	background:#e6e6e6;
	text-decoration:none;
	font-weight:600;
	}
#contentFoot #forSP a:hover{
		filter:alpha(opacity=70);
		opacity: 0.7;
	}


/*p*/
#footLogo{
	min-width:920px;
	font-size:0;
	line-height:0;
	padding:35px 30px 20px;
	text-align:center;
	border-top:1px solid #a6a6a6;
	}

#footLogo a:hover{
		filter:alpha(opacity=75);
		opacity: 0.75;
		}

#copyRight{
	text-align:center;
	font-size:71.4%;
	width:920px;
	padding:0 30px;
	margin:15px auto 0;
	}




/* ----------------------------------------------------------------
TOP BANNER
----------------------------------------------------------------- */
#contentFootBannerWrapper{
	clear:both;
	width:100%;
	background:#999999;
	min-width:1020px;
	padding-top:35px;
}
#contentFootBanner{
	width:1020px;
	padding:0;
	margin:0 auto;
}

/*ul*/
#contentFootBanner ul{
		width:1030px;
		margin:0 0 0 -10px;
	}
#contentFootBanner ul li{
	display:inline-block;
	vertical-align:top;
	margin:10px 0 0 10px;
	position:relative;
	width:160px;
	}

#contentFootBanner ul li a{display:block;}
#contentFootBanner ul li a:hover{
		filter:alpha(opacity=75);
		opacity: 0.75;
		}