@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: headNav setting
	}

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


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

div#header{
	padding:0px 10px 0 9px;
	margin:0;
	border-top:#f8b46d 2px solid;
}

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

/*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;
}



/*===================================================================
	2: headbanner setting
===================================================================*/
div#headBanner{
	text-align:center;
	margin:0 0 10px;
}


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

div#headUserNav{
	width: 900px; 
	padding:6px 0px 5px;
	*padding-bottom:3px;
	background:#fff url(/images/nav_bg.gif) repeat-x left top;
	border-bottom:2px solid #f8b46c;
}

*clearfix*/

div#headUserNav:after{
	content: "";
	display: block;
	clear: both;
}

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

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

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

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

div#headUserNav ul{
	text-align:right;
}

div#headUserNav ul li{
	display:inline;
	padding:3px 12px 3px 22px;
	zoom:1;
}

body.oshiete div#headUserNav ul li#nav-top {
	background:url(/images/ico_navtop.gif) no-repeat left center;
}
body.oshiete div#headUserNav ul li#nav-mypage {
	background:url(/images/ico_navmypage.gif) no-repeat left center;
}
body.oshiete div#headUserNav ul li#nav-login {
	background:url(/images/ico_navlogin.gif) no-repeat left center;
}
body.oshiete div#headUserNav ul li#nav-help {
	background:url(/images/ico_navhelp.gif) no-repeat left center;
}
body.oshiete div#headUserNav ul li#nav-new {
	background:url(/images/ico_navnew.gif) no-repeat left center;
}
body.oshiete div#headUserNav ul li#nav-faq {
	background:url(/images/ico_navfaq.gif) no-repeat left center;
}
body.oshiete div#headUserNav ul li#nav-info {
	background:url(/images/ico_navinfo.gif) no-repeat left center;
}

/*===================================================================
	4: headNav setting
===================================================================*/

div#headNav{
	padding:0 10px 10px;
}

div#headNav ul{
	width:880px;
}

/*clearfix*/

div#headNav ul:after{
	content: "";
	display: block;
	clear: both;
}

* html div#headNav ul{ display: inline-block; }

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


div#headNav ul li{
	float:left;
	font-size:1.1em;
	margin-right:4px;
}

div#headNav ul li span{
	display:block;
	float:left;
	background:url(/images/headnav_bg_r.gif) no-repeat right bottom;
}

div#headNav ul li a{
	display:block;
	float:left;
	background:url(/images/headnav_bg_l.gif) no-repeat left bottom;
	padding:4px 22px;
	text-align:center;
}

/*home*/
body#home div#headNav ul li.home span{
	background:url(/images/headnav_bg_r_on.gif) no-repeat right bottom;
	font-weight:bold;
}

body#home div#headNav ul li.home a{
	background:url(/images/headnav_bg_l_on.gif) no-repeat left bottom;
	color:#fff;
	text-decoration:none!important;
}