@charset "utf-8";
/* CSS Document */

#headerAreawrapper{
	border-bottom:1px solid #b5b2b6;
	background-color:#fff;
	
		position:fixed;
	top:0px;
	z-index:999999;
	
	width:100%;

	}

#headerArea {
	position:relative;
	max-width:980px;
	padding:0 22px;
	
	//height:110px;
	margin:0 auto;
	overflow:hidden;
	
	border-box:content-box !important;
	
}

#headerArea a{
	color:#444;}

#headerArea #logoImg {
	position:absolute;
	top:37px;
	left:22px;
	line-height:0px;
}

#headerArea #logoImg img{
	width:206px;
	 -ms-interpolation-mode: bicubic;
	 -webkit-backface-visibility: hidden;}


/********************************
	言語切り替え
********************************/
#headerArea #languageBtnArea {
	font-size:14px;
	line-height:130%;
	float:right;
	margin-top:26px;
	border-left:1px solid #444444;
	padding:3px 0px;
	//overflow:hidden;
	
	font-weight:normal;
}
#headerArea #languageBtnArea li{
	display:inline; 
	margin-left:16px;
	overflow:hidden;
	position:relative;
	
	}
	
#headerArea #languageBtnArea li:after{
	 content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -4px;
	  border-bottom:2px solid #fff;
	}
	
#headerArea #languageBtnArea li.on:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -4px;
	  border-bottom:2px solid #888;
	  
    }
	
	
#headerArea #languageBtnArea li:hover:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -4px;
	  border-bottom:2px solid #888;
	  
    }
	
	
#headerArea #languageBtnArea li.on{color:#888;}	
	
#headerArea #languageBtnArea li.on a:hover{
	color:#444;}


/********************************
　トピックニュースリリースお問い合わせ
********************************/
#headerArea #txtBtnArea {
	
	
	float:right;
	font-size:14px;
	line-height:130%;
	margin-top:26px;
	padding:3px 0px;
	//overflow:hidden;
	padding-left:16px;
	
}
#headerArea #txtBtnArea li {
	display:inline; 
	margin:0 30px 0px 0px; /*20180316*/
	/*margin:0 25px 0px 0px;*/
	position:relative;
}

#headerArea #txtBtnArea li a{
	overflow:hidden;
	}


#headerArea #txtBtnArea li:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -4px;
	  border-bottom:2px solid #fff;
	  
    }
	
	
#headerArea #txtBtnArea li.on:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -4px;
	  border-bottom:2px solid #888;
	  
    }
	
#headerArea #txtBtnArea li:hover:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -4px;
	  border-bottom:2px solid #888;
	  
    }

#headerArea #txtBtnArea li.last {
	margin-right:16px !important;
	/*margin-left:18px;*/
	margin-left:0px; /*20180316*/
	}


#headerArea #txtBtnArea li:before {
    position: absolute;
    top: 50%;
    left:-9px;
    content: "";
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin-top: -3px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#headerArea #txtBtnArea li.searchIcon:before {
	content: "";
	left:-23px;
	top:5px;
	background:url(../img/lp_off.png) top center no-repeat;
	background-size:cover;
	width: 17px;
    height: 17px;
    border:none;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}



#headerArea #txtBtnArea li:hover{color: #00458d;}
#headerArea a:hover{color: #00458d;}




/********************************
　　　グローバルボタン
********************************/

#globalBtnArea {
	
	float:right;
	margin-top:24px;
	margin-bottom:4px;
	
	
}
#globalBtnArea li {
	display:inline; 
	margin-left:4px;

	
	
}

#globalBtnArea li a {
	display:inline-block;
	font-weight:bold;
	padding:0px 17px 7px;
	font-size:15px;
	line-height:130%;
		border-bottom:3px solid #fff;
	
}



/* 製品情報 */
#globalBtnArea li.productOn a:hover {
	border-bottom:3px solid #00458d;
	color:#00458d;
	
}

#globalBtnArea li.productCurrent a {
	border-bottom:3px solid #00458d;
}


/* 会社情報 */
#globalBtnArea li.companyOn a:hover{
	border-bottom:3px solid #2b82b7;
	color:#00458d;
}

#globalBtnArea li.companyCurrent a{
	border-bottom:3px solid #2b82b7;
}


/* 研究・開発 */
#globalBtnArea li.rdOn a:hover {
	border-bottom:3px solid #33a6c9;
	color:#00458d;
}

#globalBtnArea li.rdCurrent a {
	border-bottom:3px solid #33a6c9;
}

/* IR情報 */
#globalBtnArea li.irOn a:hover {
	border-bottom:3px solid #7fbe78;
	color:#00458d;
}
#globalBtnArea li.irCurrent a {
	border-bottom:3px solid #7fbe78;
}

/* csr */
#globalBtnArea li.csrOn a:hover {
	border-bottom:3px solid #fecb00;
	color:#00458d;
}
#globalBtnArea li.csrCurrent a {
	border-bottom:3px solid #fecb00;
}

/* 採用情報 */
#globalBtnArea li.saiyooOn a:hover {
	border-bottom:3px solid #a174c1;
	color:#00458d;
}
#globalBtnArea li.saiyooCurrent a {
	border-bottom:3px solid #a174c1;
}

/* 社長ブログ */
#globalBtnArea li.prblogOn a:hover {
	border-bottom:3px solid #B32F34;
	color:#00458d;
}
#globalBtnArea li.prblogCurrent a {
	border-bottom:3px solid #B32F34;
}


/*PC*/
@media print, screen and (min-width: 768px){

#srchBox{
	width:346px;
	_width:344px;
	height:84px;
	margin-bottom:10px;
	background-color:#f3f4f6;
	border-bottom:solid 4px #00468c;
	color:#000000;
	text-align:left;
	position:absolute;
	right:20px;
	top:0px;
	z-index:100;
	display:none;
	/*opacity: 0;
    filter: alpha(opacity=0);*/
	}
	
#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	}
#srchBox a img{
	border:none;
	}
#srchBox #srch{
	padding:28px 14px 0 16px;
	}
#srchBox #srch #srchForm{
	white-space:nowrap;
	}
#srchBox #srchInput{
	width:198px;
	margin-right:9px;
	vertical-align:bottom;
	}
#srchBox #srchBtn{
	width:75px;
	border: 1px solid #044589;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color:#044589;
	}
#srchBox #srchBtn:hover{
	background: #044589;
	color:#fff;
}
*html #srchBox #srchBtn{
	padding-top:2px;
	}
*:first-child+html #srchBox #srchBtn{
	padding-top:2px;
	}
#srchBox ul{
	margin-top:6px;
	text-align:left;
	}
#srchBox li{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
	}
#srchBox li input{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
	}
*:+html #srchBox li input{
	margin:-4px 0 -4px -4px;
	}
#srchBox #srchLogo{
	margin:4px 100px 6px 0;
	text-align:right;
	}
#srchBox #srchLogo a{
	color:#898989;
	text-decoration:none;
	font-size:85%;
	}
#srchBox #srchLogo a:hover{
	text-decoration:underline;
	}
	
.searchbtn{
	cursor: pointer;
	}
	
	/*
.srchbar_open {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0px;
	}*/

.srchbarClose{
    position: absolute;
    right: 13px;
    top: 28px;
    width: 20px;
    height: 24px;
    margin: 0;
    padding: 0;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
	}
.srchbarClose p{
    width: 14px;
    height: 24px;
    margin:auto;
	}
.srchbarClose p:before , .srchbarClose p:after{
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    width: 14px;
    height: 2px;
    background-color: #044589;
	}	
	

.srchbarClose p:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 3px;
	}
.srchbarClose p:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 3px;
	}

}/*PC終わり*/







/*スマホ*/
@media screen and (max-width: 767px){


#spheader{
	
	position:fixed;
	top:0px;
	background-color:#fff;
	
	height:51px;
	width:100%;
	z-index:999999;
	
	}
.spheader-inner{
	height:50px;
	border-bottom:1px solid #ccc;
	z-index:999999;
	position:relative;}
	
#spheader .splogoImg {
	
	margin-top:13.75px;
	margin-left:10px;
	line-height:0px;
	float:left;
}

#spheader .splogoImg img {
	height:22.5px;
	}
	
#spheader .menubtn{
	float:right;
	
	right:0px;
	top:0px;
	
	width:55px;
	height:50px;
	
	background:url(../img/menu.jpg) right top no-repeat;
	background-size:55px 50px;
	}
	

	
#spheader .menubtnactive{
	float:right;
	
	right:0px;
	top:0px;
	
	width:55px;
	height:50px;

	
	background:url(../img/menu_close.jpg) right top no-repeat !important;
    background-size:55px 50px !important;
	}


#spheader .spmenubox{
	background:#fff;
	width:100%;
	
	display:none;
	position:relative;
	z-index:888;
	
	}
	
	
#spheader .searchbtn{
	float:right;
	
	right:0px;
	top:0px;
	
	width:45px;
	height:50px;
	
	/* background:url(../img/search.png) right top no-repeat; */
	background-size:45px 50px;
	}

	
#sp-globalBtnArea a{
	padding:16px 18px 20px;
	color:#000;
	display:block;
	border-bottom:1px solid #ccc;
	font-size:18px;
	line-height:18px !important;
	
	height:18px;
	vertical-align:top;
	
	position:relative;
	
	}	
	
#sp-globalBtnArea .pr a:before{
	content:"";
	width:2px;
	height:18px;
	background-color:#00458d;
	display:inline-block;
	margin-right:14px;	
	position:relative;
	top:2px;
	}

#sp-globalBtnArea .com a:before{
	content:"";
	width:2px;
	height:18px;
	background-color:#2b82b7;
	display:inline-block;
	margin-right:14px;	
		position:relative;
	top:2px;

	}
	
#sp-globalBtnArea .rd a:before{
	content:"";
	width:2px;
	height:18px;
	background-color:#33a6c9;
	display:inline-block;
	margin-right:14px;		
	position:relative;
	top:2px;
	}
	
#sp-globalBtnArea .ir a:before{
	content:"";
	width:2px;
	height:18px;
	background-color:#7fbe78;
	display:inline-block;
	margin-right:14px;		
	position:relative;
	top:2px;
	}
	
#sp-globalBtnArea .cs a:before{
	content:"";
	width:2px;
	height:18px;
	background-color:#fecb00;
	display:inline-block;
	margin-right:14px;		
	position:relative;
	top:2px;
	}
	
#sp-globalBtnArea .rc a:before{
	content:"";
	width:2px;
	height:18px;
	background-color:#a174c1;
	display:inline-block;
	margin-right:14px;		
	position:relative;
	top:2px;
	}
	
#sp-globalBtnArea .pb a:before{
	content:"";
	width:2px;
	height:18px;
	background-color:#B32F34;
	display:inline-block;
	margin-right:14px;		
	position:relative;
	top:2px;
	}

#sp-globalBtnArea .newwin{
	background:url(../img/sp_newwin.png) right 18px top 18px no-repeat;
	background-size:16px 13px;
	}	
	
#spheader .sp-txtBtnArea-block{
	padding:18px 0px;
	line-height:1em;
	
	}
	
#spheader .sp-txtBtnArea-block ul:last-child{
	margin-top:22px;
	
	}


#spheader .sp-txtBtnArea{
	display:table;
	
	width:100%;
	padding:0px 33px 0px 33px;
	box-sizing:border-box;
	
}

#spheader .sp-txtBtnArea a{
	
	}

#spheader .sp-txtBtnArea span{
	position:relative; 

font-size:14px !important;
-webkit-text-size-adjust: 100%; 

}

#spheader .sp-txtBtnArea li{width:50%;
text-align:left;}

#spheader .sp-txtBtnArea li.topic{width:50%;
text-align:center;}

#spheader .sp-txtBtnArea li span:after {
	display:inline;
	
    position: absolute;
	z-index:999;
    top: 50%;
    right:-12px;
    content: "";
    vertical-align: middle;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-top: 1px solid #00458d;
    border-right: 1px solid #00458d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



#spheader .sp-txtBtnArea li{
	display:table-cell;
	vertical-align:top;
	
	
}

#sp-languageBtnArea{
	background-color:#eee;
	border-top:1px solid #ccc;
	border-bottom:2px solid #00458d;
	display:table;
	table-layout: fixed;
	width:100%;
	}
	
#sp-languageBtnArea li{
	display:table-cell;
	text-align:center;
	color:#888;
	font-size:14px;
	
	font-weight:normal;
	}
	
	
#sp-languageBtnArea li a{color:#333;padding:15px 0px;display:block;
font-size:14px;
line-height:1em;

}



#sp-languageBtnArea li.line{
	border-right:1px solid #ccc;
	}
	
.global .tabBrnon{
	display:none;
}
	
}/*SP終わり*/
/****************************/


@media screen and (min-width:768px) and ( max-width:895px) {
#globalBtnArea{
    margin-top: 34px;
}
}

/****************************/