@charset "utf-8";

/*********************************************************************
 *
 * </common/css/header.css>
 *
 * 
 *
 * ===================================================================
 * 
 *  ■概要
 *
 *  ヘッダー (div#header) 用CSS
 *
 *********************************************************************/


/*  Header
---------------------------------------------------------- */

#home div#header {
	/*position: relative;*/
	width: auto;
	height:240px;
	margin: 0;
	background:#4F8828 url(../images/top_header_bg.jpg) no-repeat center top;
}

#home2 div#header {
	/*position: relative;*/
	width: auto;
	height:160px;
	margin: 0;
	background:#4F8828 url(../images/top_header_bg.jpg) no-repeat center top;
}

#lev2 div#header {
	/*position: relative;*/
	width: auto;
	height:130px;
	margin: 0;
	background:#4F8828 url(../images/header_bg.jpg) no-repeat center top;
}

div#header div#site_title{
	width:900px;
	margin:0 auto;
	text-align:left;
}
div#header div#site_title h1,
div#header div#site_title p.site_title{
	width:550px;
	margin:18px 0;
	float:left;
}
div#header div#site_title p.members_entry{
	width:228px;
	margin:20px 0;
	float:right;
}
div#header div#site_title p.members_entry img{
	margin-left:5px;
}
div#header div#site_title p.tag_line{
	clear:both;
	padding:20px 0 40px 60px;
}

/*  Header: Utility
---------------------------------------------------------- */

div#header div.utility {
	padding: 0px;
	float:right;
	width:auto;
	_float:none;
}

div#header div.utility ul {
	float: left;
	padding-top:9px;
	margin-right:20px;
}

div#header div.utility ul li {
	float: left;
	line-height: 1;
	padding-left:12px;
	background: url(../images/arrow.gif) no-repeat left center;
	margin-left: 15px;
	font-size:13px;
}

div#header div.utility ul li a {
	color: #363434;
	text-decoration: none;
}

div#header div.utility ul li a:hover {
	text-decoration: underline;
}

div#header form {
	margin-top:5px;
	float: left;
	/*clear:both;*/
}

div#header p.search {
	float: right;
	font-size:12px;
}

div#header p.search input.text {
	width: 200px;
	height: 16px;
	_height: 22px;
	padding: 2px 1px;
	border: 1px solid #808485;
	vertical-align: middle;
}

div#header p.search input.text.hover {
	background: #f0f0f0;
	cursor: text;
}

div#header p.search input.button {
	height: 22px;
	margin-left: 3px;
	line-height: 1.0;
	vertical-align: middle;
}

/*  Header: Global Navigation
---------------------------------------------------------- */

#home div#header ul#gnav {
	margin:25px auto 0;
}

#home2 div#header ul#gnav {
	margin:25px auto 0;
}

#lev2 div#header ul#gnav {
	margin:5px auto 0;
}

div#header ul#gnav {
	clear: both;
	width: 900px;
}

div#header ul#gnav li {
	position: relative;
	float: left;
	z-index:1;
}

div#header ul#gnav li a {
	text-decoration: none;
}

div#header ul#gnav ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0px;
	z-index: 10;
	width: 180px;
	padding: 10px 0;
	border: 1px solid #030;
	background:url(../images/bg_gnavi_popup.png) no-repeat 0 0;
	line-height: 1.3;
	text-align:left;
}

div#header ul#gnav ul li {
	float: none;
	width: 100%;
	padding: 0;
	background: none;
}

div#header ul#gnav ul li a {
	display: block;
	_width: 100%;
	padding: 3px 10px 3px 20px;
	background: url(../images/li_sub_menu.gif) no-repeat 10px 0.6em;
	color: #fff;
	text-decoration: none;
}

div#header ul#gnav ul li a:hover {
	background-color: #002800;
}

/*  Clearfix
---------------------------------------------------------- */

div#header:after,
div#header ul:after,
div#header div.utility:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div#header,
div#header ul,
div#header div.utility {
	display: inline-block;
}

/*\*/
* html div#header,
* html div#header ul,
* html div#header div.utility {
	height: 1%;
}

div#header,
div#header ul,
div#header div.utility {
	display: block;
}
/**/