@charset "utf-8";
/* @group header */
#header{max-width:1140px;padding:0 30px;height:65px;background:#fff;margin:0 auto;}
#header h1, div#header p{position:absolute;}
/*#header h1, div#header p.logo{top:20px;left:352px;}*/
#header h1, div#header p.logo {top: 25px;left: 0;}
#header p.login{top:25px;left:698px;line-height:1;}
#header p.login img{vertical-align:middle;margin:0 0 0 6px;}
#header p.logon{top:45px;right:2px;font-size:12px;line-height:14px;letter-spacing:-1px;text-align:right;}
#header p.textlink{width:319px;top:4px;left:670px;}
#header p.breadcrumb { top:45px;left:0px;  width:300px;}
#header #LoginPanel ul.textlink {width:329px;top:26px;left:289px;position:absolute;}
#header #LoginPanel ul.textlink li {float: left;}
#header #LoginPanel ul.textlink li a {display: block;border-right: 1px solid #cccccc;padding: 0 6px 0 9px;color: #666666;}
#header #LoginPanel ul.textlink li:first-child a {padding-left:0;}
#header #LoginPanel ul.textlink li:last-child a {border-right:0;}
#header #LoginPanel ul.textlink li.active a, body.pcHome div#header ul.textlink li a:hover {color: #fc8b00;}
#pankuzu{background:#fff;}
#pankuzu div.inner{position:relative;top:58px;left:0px;}
#pankuzu p span, #pankuzu p a{color:#999999;}

@media print, screen and (min-width:991px){
	/*#header h1, div#header p.logo {top: 25px;left: 0;}*/
	#header #SearchPanel .textlink{display:none;}
	#header #LoginPanel ul.textlink li a {display: block;border-right: 1px solid #cccccc;padding: 0 6px 0 9px;color: #666666;}
	#UserName{top:8px;left:289px;}
}
@media print, screen and (max-width:990px){
	#header h1{width:29.3%;}
	#header h1 a{display:block;}
	#header h1 img{width:100%;height:19px;min-width:180px;max-width:248px;}
	#header h1, div#header p.logo {top:22px;left: 0;}
    #header #pankuzu div.inner{top:54px;}
	#header #LoginPanel ul.textlink{left:33%;top:22px;font-size:14px;width:55%;height:20px;overflow:hidden;}	
	/*#header #LoginPanel ul.textlink li.pc {display: none;}*/
	#header #LoginPanel ul.textlink li a {border: none;border-left:1px solid #cccccc; }	
	#header #LoginPanel ul.textlink li:first-child a{border: none;} 
	#header #SearchPanel .radioGroup,#header #SearchPanel .useLink,#header #SearchPanel .searchNew{display:none;}
	#header #SearchPanel .textlink{position:absolute;top:20px;right:0;}
	#header #SearchPanel .textlink li{width:30px;height:25px;display:inline-block;font-size:0;}
	#header #SearchPanel .textlink a{height:25px;display:block;}
	#header #SearchPanel .icon-search span{color:#999999;position:absolute;margin-top:2px;margin-left:3px;width:12px;height:12px;border: solid 2px currentColor;border-radius:100%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.icon-search span:before {content: '';position: absolute;top:12px;left:5px;height:8px;width: 3px;background-color: currentColor;}
	#header #SearchPanel .icon-menu span{color:#999999;position:absolute;margin-left:2px;margin-top:10px;width:20px;height:2px;background-color: currentColor;}
	#header #SearchPanel .icon-menu span:before {content: '';position: absolute;top: -7px;left: 0;width:20px;  height:2px;background-color: currentColor;}
	#header #SearchPanel .icon-menu span:after {content: '';position: absolute;top: 7px;left: 0;width:20px;height:2px;background-color: currentColor;}
	#UserName{top:7px;left:33%;}
}


#LoginPanel{display:none;}

/* **************************
  renewal2019
************************** */
#header,#header .inner{max-width: none;}
@media print, screen and (max-width:768px){
	#header #LoginPanel ul.textlink{font-size:12px;}
}
@media print, screen and (max-width:640px){
	#header h1, div#header p.logo {top: 7.5px;left: 0;}
	#header{padding: 0 10px;height: 45px;}
	#header h1 img {
	    width: 100%;
	    height: auto;
	    min-width: 90px;
	    max-width: 130px;
	}
	#header #SearchPanel .textlink{top: 10px;}
	#header #LoginPanel ul.textlink{font-size: 13px; top: 14px;}
	#header #LoginPanel ul.textlink li a.pc{display: none;}
	#header #LoginPanel ul.textlink li:nth-child(2) a{border-right: none;}
}
@media print, screen and (max-width:320px){

	#header h1, div#header p.logo {top: 10px;}
	#header #LoginPanel ul.textlink{font-size: 11px;}

}