/*	global navigation definition /////////////////////////////
============================================================*/
#header h1{
	margin:0px;
	top:10px;
	left:33px;
	width:66px;
	height:34px;
	width: 100%;

	}


#header div#card { width:200px; position:absolute; left:552px; top:62px; z-index:1;}

.headnavi ul{
	position:absolute;
	margin:0px;
	height:30px;
	top:12px;
	left:162px;
	width:596px;
}

.headnavi li{ float:left;
 }

.headnavi li a{
	display:block;
	overflow:hidden;
	height:30px;
	text-indent:-8000px;
	background:url(../image/headnavi.gif) no-repeat top;
}
#headnaviNews a{
	width:96px;
	background-position:0px 0px;
}
#headnaviBrand a{
	width:96px;
	margin-left:4px;
	background-position:-100px 0px;
}
#headnaviShop a{
	width:96px;
	margin-left:4px;
	background-position:-200px 0px;
}
#headnaviCompany a{
	width:96px;
	margin-left:4px;
	background-position:-300px 0px;
}
#headnaviRecruit a{
	width:96px;
	margin-left:4px;
	background-position:-400px 0px;
}
#headnaviContact a{
	width:96px;
	margin-left:4px;
	background-position:-500px 0px;
}

#headnaviNews a:hover,
#headnaviNews a:active{
	background-position:0px -30px;
}
#headnaviBrand a:hover,
#headnaviBrand a:active{
	background-position:-100px -30px;
}
#headnaviShop a:hover,
#headnaviShop a:active{
	background-position:-200px -30px;
}
#headnaviCompany a:hover,
#headnaviCompany a:active{
	background-position:-300px -30px;
}
#headnaviRecruit a:hover,
#headnaviRecruit a:active{
	background-position:-400px -30px;
}
#headnaviContact a:hover,
#headnaviContact a:active{
	background-position:-500px -30px;
}