@charset "shift_jis";

#header-area {
	width:100%;
	background-image:url(../../img/he-bg.gif);
	background-repeat:repeat-x;
}

#header-bg {
	width:100%;
	min-width:756px;
	height:85px;
	background-image:url(../../img/he-logo.jpg);
	background-repeat:no-repeat;
}

/* -----------------------------------------------------------------------------
@logo
----------------------------------------------------------------------------- */
#logo {
	width:300px;
	height:85px;
	padding-left:72px;
	float:left;
}
#logo/**/ {
	width: /**/228px;
}

#logo a {
	width:220px;
	height:85px;
	display:block;
}

#logo span {
	position:relative;
	top:0px;
	left:0px;
	width:228px;
	height:85px;
	display:block;
	z-index:-1;
	overflow:hidden;
}

/* -----------------------------------------------------------------------------
@right-area
----------------------------------------------------------------------------- */
/* Global Link */
#header-area .right-area {
	width:60%;
	float:right;
}

#header-area .right-area ul {
	padding: 7px 10px 7px 0;
	text-align:right;
}

#header-area ul li {
	padding:0px 5px 0px 10px;
	background-image:url(../../img/ico-shared.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:inline;
}

#header-area .right-area ul li a, .right-area2 ul li a {
	color:#0B4263;
	text-decoration:none;
}
#header-area .right-area ul li a:hover, .right-area2 ul li a:hover {
	color:#dd0000;
	text-decoration:underline;
}

#header-area .right-area2 {
    float: right;
    text-align: right;
    width:100%;
}

#header-area .right-area2 ul {
	padding: 7px 10px 0 0;
}

/* Keyword Search */
#header-area form {
    width:270px;
    float:right;
}

#header-area form p.search {
	position:inherit;
	width:72px;
	height:16px;
	margin-top:3px;
	margin-right:5px;
	background-image:url(../../img/he-search-title.gif);
	background-repeat:no-repeat;
	vertical-align:inherit;
	float:left;
}

#header-area form p.search label,
#header-area form p.search span {
	position:relative;
	top:0px;
	left:0px;
	width:72px;
	height:16px;
	display:block;
	z-index:-1;
	overflow:hidden;
}

#header-area form p.keyword,
#header-area form p.submit {
	position:relative;
	width:193px;
	vertical-align:bottom;
	float:right;
}


#header-area form p .keyword {
	position:absolute;
	top:0px;
	left:0px;
	width:130px;
	max-height: 20px;
}

#header-area form p .submit {
	position:absolute;
	top:2px;
	left:140px;
}

div#sitesearch {
    float:right;
    width:270px;
}

