@charset "utf-8";
#navi{
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:40px;
	text-align:center;
	background:url(bg.png) repeat-x;
	position:relative;
	color:#333;
}
#navi #navi-box {
	margin:0 auto;
	padding:0;
	width:960px;
	text-align:left;
}
#navi #navi-logo {
	display:block;
	margin:12px 0 8px 48px;
	padding:0;
	width:133px;
	height:20px;
	float:left;
}
#navi #navi-info {
	margin:5px 0 5px 39px; 
	width:740px;
	height:30px;
	font-size:95%;
	float:left;
	line-height:1.5em;
	position:relative;
	background:url(info.png) no-repeat;
}
#navi #navi-search {
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:540px;
	width:199px;
	height:30px;
	line-height:1em;
	border-left:1px solid #B5B5B5;
}
#navi #navi-q{
	border:0;
	margin:0;
	padding:8px 28px 8px 6px;
	width:165px;
	height:14px;
	line-height:1em;
	color:#333;
	font-size:100%;
	background:transparent;
}
#navi #navi-submit{
	position:absolute;
	top:6px;
	right:8px;
	width:16px;
	height:16px;
	border:0;
	background:url(search.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	z-index:100;
}
#navi #navi-account {
	position:absolute;
	padding:9px 20px 7px 20px;
	top:0;
	left:0;
	width:500px;
	height:14px;
	line-height:1em;
}
#navi a {
	color:#333;
}
#navi a:hover {
	font-weight:bold;
}
#navi .left {
	float:left;
	width:400px;
}
#navi .right {
	float:left;
	width:100px;
}
#navi .key{
	padding:0 0 0 20px;
	background:url(key.png) 0 0 no-repeat;
}
#navi .user{
	padding:0 0 0 20px;
	background:url(user.png) 0 -1px no-repeat;
}
#navi .point{
	padding:0 0 0 20px;
	background:url(point.png) 0 0 no-repeat;
}