@charset "utf-8";

/*com共通ヘッダーcss*/

/* =========================================================
header style
========================================================= */
#globalheader{
	/* BUG: IE 9 */
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1MCUiIGhlaWdodD0iMTAwJSIgc3Ryb2tlPSJub25lIiBmaWxsPSIjMGQyZWEwIiAvPjxyZWN0IHg9IjUwJSIgeT0iMCIgd2lkdGg9IjUwJSIgaGVpZ2h0PSIxMDAlIiBzdHJva2U9Im5vbmUiIGZpbGw9IiMwNzE5NTYiIC8+PC9zdmc+");
	background-image:linear-gradient(to right, #0d2ea0 50%, #071956 50%);
	color:#fff;
	/* BUG: IE 8 */
	font-size:10px;
	font-size:.625rem; /* 10px */
	font-family:"arial","helvetica",sans-serif;
	line-height:1;
}

html[lang="ja"] #globalheader{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック","MS PGothic","arial","helvetica",sans-serif;
}

#globalheader .inner{
	box-sizing:content-box;
	margin:0 auto;
	border:0;
	padding:1em 1.8em .5em;
	width:92.4em;
	min-height: 4.4em;
	/* BUG: IE8, 9 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr=#0d2ea0, endColorStr=#071956);
	background:#0d2ea0 linear-gradient(to right, #0d2ea0 20%, #071956 80%);
}

.globalheader a:focus{
	outline:thin dotted;
	outline:auto;
}

/*-- logo --*/
.globalheader-logo{
	float:left;
	padding-top:.1em;
}

.globalheader-logo img{
	border:none;
}

/*-- sub section --*/
.globalheader-sub{
	float:right;
}

/*-- utility links --*/
.globalheader-utility{
	margin-bottom:.9em;
	text-align:right;
}

.globalheader-utility .region,
.globalheader-utility .separator,
.globalheader-utility .global{
	display:inline-block;
}

.globalheader-utility .region{
	font-weight:bold;
}

.globalheader-utility .separator{
	padding-left:.6em;
	padding-right:.4em;
}

.globalheader-utility a{
	text-decoration:none;
	color:#fff;
}

/*-- search --*/
.globalheader-search{
	position:relative;
	float:right;
}

.globalheader-search-input{
	box-sizing:border-box;
	margin:0;
	border:0;
	padding:.2em 2em .2em .5em;
	background:#3b61e3 url(/-/media/cojp/product/hsm/special/fancywork/img/input_off.gif) no-repeat;
	width:15em;
	height:1.7em;
	font-family:inherit;
	font-size:1em;
	line-height:1;
	color:#fff;
}

.globalheader-search-input:focus{
	background:#fff url(/-/media/cojp/product/hsm/special/fancywork/img/img/input_on.gif) no-repeat;
	color:#000;
}

.globalheader-search-button{
	position:absolute;
	top:.4em;
	right:.6em;
	margin:0;
	border:0;
	padding:0;
	background:none;
	width:1.2em;
	height:1.1em;
	font-size:1em;
	color:#fff;
}

.globalheader-search-button.focus{
	color:#000;
}

#globalheader.inner:after{
	content:'';
	clear:both;
	display:block;
	width:0;
}