@charset "Shift_JIS";

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

	@This stylesheet Information{
		CSS File Name: header.css[‹¤’Ê]

		Setting of: Header area
			1: header setting
			2: headbanner setting
			3: headUserNav setting
			4: headSearchArea setting
	}

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


/*===================================================================
	1: header setting
===================================================================*/

div#header{
	padding:0px 10px 0 9px;
	margin:0;
	background:url(../images0812/bar_bg.gif) no-repeat;
}

div#header div#headLogo{
	width:880px;
	padding:12px 0 8px;
}

/*clearfix*/
div#header div#headLogo:after{
	content: "";
	display: block;
	clear: both;
}

* html div#header div#headLogo{ display: inline-block; }

/* no ie mac \*/
* html div#header div#headLogo{ height: 1%; }
div#header div#headLogo{ display: block; }
/* */


div#header div#headLogo h1{
	position:absolute;
	top:-.55em;
	width:510px;
	margin-left:280px;
	margin-top:28px;
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
}

div#header div#headLogo div span{
	position:absolute;
	left:50%;
	top:8px;
	width:440px;
	text-align:right;
}

div#header div#headLogo div span a:link{color:#3774BB; text-decoration:underline;}
div#header div#headLogo div span a:visited{color:#660099; text-decoration:underline;}
div#header div#headLogo div span a:hover{color:#CC2929; text-decoration:none;}
div#header div#headLogo div span a:active{color:#CC2929; text-decoration:none;}


/*===================================================================
	2: headbanner setting
===================================================================*/



/*===================================================================
	3: headUserNav setting
===================================================================*/

div#headUserNav{
	width:900px; 
	padding:5px 0 2px;
	*padding-bottom:0;
	background:#F9F8F9 url(../images0812/bar_bg.gif) top right no-repeat;
	border-bottom:1px solid #FFF;
}

/* clearfix */
div#headUserNav:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
div#headUserNav{display:inline-block;}
/* no ie mac \*/
* html div#headUserNav{height:1%;}
div#headUserNav{display:block;}
/* */

div#headUserNav p{
	float:left;
	width:400px;
	margin-right:10px;
}

div#headUserNav p span{
	padding-left:12px;
}

div#headUserNav ul{
	float:right;
	width:490px;
	text-align:right;
}

div#headUserNav ul li{
	display:inline;
	padding:0 12px 0 0;
}

div#headUserNav ul li a{
	background:url(../images0812/arrow_r.gif) no-repeat left center;
	padding:1px 0 1px 12px;
	zoom:1;
}



/*===================================================================
	4: headSearchArea setting
===================================================================*/

div#headSearchArea{
	background:url(../images0812/bar_bg.gif) bottom left no-repeat;
	padding:0;
	text-align:center;
}

div#headSearchArea dl{
	width:500px;
	padding:5px 0;
	margin:0 auto;
}

div#headSearchArea dt,
div#headSearchArea dd{
	display:inline;
	zoom:1;
}

div#headSearchArea dt img,
div#headSearchArea dd input{
	vertical-align:middle;
}

div#headSearchArea dd input#search_txt_box{
	width:270px;
}