@charset "Shift_JIS";

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

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

		Setting of: Header area
			1: header setting
			2: headbanner setting
			3: headNav setting
	}

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


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

div#header{
	padding:0;
	margin:0;
}

div#header div#headLogo{
	width:885px;
	_width:900px;
	padding:2px 10px 3px 5px;
	position:relative;
	border-top:3px solid #0E6400;
}

/*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:300px;
	margin-left:314px;
	margin-top:18px;
	font-size:0.96em;
	line-height:1.2em;
	font-weight:normal;
	color:#666;
}
/* Win IE */
*+html body div#header div#headLogo h1{
	margin-left:4px;
}
* html body div#header div#headLogo h1{
	margin-left:4px;
}
/* Opera */
*+html:first-child  div#header div#headLogo h1{
	margin-left:314px;
}

div#header div#headLogo div{
	float:left;
	width:310px;
}

div#header div#headLogo div img{
	vertical-align:middle;
}

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

div#header div#headLogo ul{
	float:right;
	width:270px;
	margin-top:10px;
	text-align:right;
}

div#header div#headLogo li{
	display:inline;
	padding:0 12px 0 0;
}

div#header div#headLogo li a{
	padding:3px 0 3px 20px;
	zoom:1;
}

div#header div#headLogo li.mobile a{
	background:url(/images/ico_mobile.gif) no-repeat left center;
}

div#header div#headLogo li.help{
	padding:0;
}

div#header div#headLogo li.help a{
	background:url(/images/ico_help.gif) no-repeat left center;
}

div#header div#headLogo li.sitemap a{
	background:url(/images/ico_sitemap.gif) no-repeat left center;
}

div#header div#headLogo li.mypage a{
	background:url(/images/ico_mypage.gif) no-repeat left center;
}

div#header div#headLogo li.login a{
	background:url(/images/ico_login.gif) no-repeat left center;
}



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




/*===================================================================
	3: headNav setting
===================================================================*/

div#headNav{
	padding:0 10px;
}

/** |.mainNav| ************************************************ START **/

div#headNav ul.mainNav{
	background:url(/images/headnav_bg.gif) no-repeat #398A06;
	width:880px;
	height:34px;
}

body#race div#headNav ul.mainNav{
	background:url(/images/headnav_bg.gif) no-repeat #398A06;
	width:880px;
	height:34px;
}

/*clearfix*/
div#headNav ul.mainNav:after{
	content: "";
	display: block;
	clear: both;
}
* html div#headNav ul.mainNav{ display: inline-block; }
/* no ie mac \*/
* html div#headNav ul.mainNav{ height: 1%; }
div#headNav ul{ display: block; }
/* */


div#headNav ul.mainNav li span.inner a span,
div#headNav ul.mainNav li em span{
	position:absolute;
	top:-500px;
	left:-2500px;
}

div#headNav ul.mainNav li{
	display:block;
	background:url(/images/headnav_li_bg.gif) right no-repeat;
	float:left;
	height:30px;
	padding:4px 4px 0 0;
	margin-right:4px;
}

div#headNav ul.mainNav li span.inner span.inner,
div#headNav ul.mainNav li span.inner a{
	display:block;
	background:url(/images/headnav_a_bg.gif) no-repeat;
	float:left;
	height:25px;
	_height:30px;
}

div#headNav ul.mainNav li span.inner a:hover{
	height:30px;
}

/*home*/
div#headNav ul.mainNav li.home{
	margin-left:10px;
}

div#headNav ul.mainNav li.home,
div#headNav ul.mainNav li.home span.inner a{
	width:49px;
}

div#headNav ul.mainNav li.home span.inner a:hover{
	background-position:0 -32px;
}

body#home div#headNav ul.mainNav li.home{
	_margin-left:0.3em;
}

body#home div#headNav ul.mainNav li.home em{
	display:block;
	background:url(/images/headnav_a_bg.gif) no-repeat;
	float:left;
	background-position:0 -32px;
	width:49px;
	height:30px;
}

/*race*/
div#headNav ul.mainNav li.race span.inner,
div#headNav ul.mainNav li.race span.inner a{
	background-position:-49px 0;
	width:81px;
}

body#race div#headNav ul.mainNav li.race span.inner a,
div#headNav ul.mainNav li.race span.inner a:hover{
	background-position:-49px -32px;
	height:30px;
}

/*news*/
div#headNav ul.mainNav li.news span.inner,
div#headNav ul.mainNav li.news span.inner a{
	background-position:-130px 0;
	width:66px;
}

body#news div#headNav ul.mainNav li.news span.inner a,
div#headNav ul.mainNav li.news span.inner a:hover{
	background-position:-130px -32px;
	height:30px;
}

/*column*/
div#headNav ul.mainNav li.column span.inner,
div#headNav ul.mainNav li.column span.inner a{
	background-position:-196px 0;
	width:53px;
}

body#column div#headNav ul.mainNav li.column span.inner a,
div#headNav ul.mainNav li.column span.inner a:hover{
	background-position:-196px -32px;
	height:30px;
}

/*database*/
div#headNav ul.mainNav li.database span.inner,
div#headNav ul.mainNav li.database span.inner a{
	background-position:-249px 0;
	width:92px;
}

body#database div#headNav ul.mainNav li.database span.inner a,
div#headNav ul.mainNav li.database span.inner a:hover{
	background-position:-249px -32px;
	height:30px;
}

/*gallery*/
div#headNav ul.mainNav li.gallery span.inner,
div#headNav ul.mainNav li.gallery span.inner a{
	background-position:-341px 0;
	width:47px;
}

body#gallery div#headNav ul.mainNav li.gallery span.inner a,
div#headNav ul.mainNav li.gallery span.inner a:hover{
	background-position:-341px -32px;
	height:30px;
}

/*community*/
div#headNav ul.mainNav li.community span.inner,
div#headNav ul.mainNav li.community span.inner a{
	background-position:-388px 0;
	width:86px;
}

body#community div#headNav ul.mainNav li.community span.inner a,
div#headNav ul.mainNav li.community span.inner a:hover{
	background-position:-388px -32px;
	height:30px;
}

/*expect*/
div#headNav ul.mainNav li.expect span.inner,
div#headNav ul.mainNav li.expect span.inner a{
	background-position:-474px 0;
	width:73px;
}

body#expect div#headNav ul.mainNav li.expect span.inner a,
div#headNav ul.mainNav li.expect span.inner a:hover{
	background-position:-474px -32px;
	height:30px;
}

/*pog*/
div#headNav ul.mainNav li.pog span.inner,
div#headNav ul.mainNav li.pog span.inner a{
	background-position:-547px 0;
	width:52px;
}

body#pog div#headNav ul.mainNav li.pog span.inner a,
div#headNav ul.mainNav li.pog span.inner a:hover{
	background-position:-547px -32px;
	height:30px;
}

/*recommend*/
div#headNav ul.mainNav li.recommend span.inner,
div#headNav ul.mainNav li.recommend span.inner a{
	background-position:-599px 0;
	width:68px;
}

body#recommend div#headNav ul.mainNav li.recommend span.inner a,
div#headNav ul.mainNav li.recommend span.inner a:hover{
	background-position:-599px -32px;
	height:30px;
}

/*yosou*/
div#headNav ul.mainNav li.yosou span.inner,
div#headNav ul.mainNav li.yosou span.inner a{
	background-position:-474px 0;
	width:73px;
}

body#yosou div#headNav ul.mainNav li.yosou span.inner a,
div#headNav ul.mainNav li.yosou span.inner a:hover{
	background-position:-474px -32px;
	height:30px;
}

/*mailmagazine*/
div#headNav ul.mainNav li.mailmagazine span.inner,
div#headNav ul.mainNav li.mailmagazine span.inner a{
	background-position:-667px 0;
	width:73px;
}

body#mailmagazine div#headNav ul.mainNav li.mailmagazine span.inner a,
div#headNav ul.mainNav li.mailmagazine span.inner a:hover{
	background-position:-667px -32px;
	height:30px;
}

/** |.mainNav| ************************************************** END **/

/** |.subNav| ************************************************ START **/

div#headNav ul.subNav{
	background:#398A06;
	width:860px;
	_width:880px;
	padding:0 10px 4px;
	_padding:0 10px 5px;
}

div#headNav ul.subNav li{
	display:inline;
	padding:0 11px 0 0;
	margin:0 -0.5em 0 0;
}

div#headNav ul.subNav li img{
	vertical-align:middle;
}

/** |.subNav| ************************************************** END **/


/** |headNiftySearch| ************************************************ START **/

#header #headNiftySearch{
	background:#EFEFEF;
	padding:3px 10px 0 10px;
	min-height:25px;
	_height:30px;
	border-bottom:1px solid #C9C9C9;
}

#header #headNiftySearch p{
	float:left;
	width:35%;
	padding:2px 0 0 0;
	margin:0;
}

#header #headNiftySearch div{
	float:right;
	width:60%;
	text-align:right;
	zoom:1;
}

#header #headNiftySearch div form{
	display:inline;
	padding:0;
	margin:0;
}

#header #headNiftySearch div input.searchTxtArea{
	width:150px;
	margin:0 5px 0 0;
}

#header #headNiftySearch div input#srchWeb,
#header #headNiftySearch div input#srchSite{
	position:relative;
	top:2px;
}

#header #headNiftySearch div label{
	zoom:1;
	margin:0 5px 0 0;
}

#header #headNiftySearch div span{
	padding:0 0 0 7px;
	margin:0 0 0 8px;
	_position:relative;
	_top:-2px;
	border-left:1px solid #B0B0B0;
	zoom:1;
}

/** |headNiftySearch| ************************************************** END **/