@charset "UTF-8";

.header-nav{
	height:59px;
	width:100%;
	background-color:#000;
}
.header-nav .hn-inner{
	width:980px;
	height:59px;
	background-image:url(/header/bg-header_nav.png);
	margin:0 auto;
}
.header-nav .hn-inner .hn-start{
	float:left;
}

.header-nav .hn-inner ul{
	float:left;
	margin:0;
	padding:0;
}
.header-nav .hn-inner ul li{
	float:left;
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	padding-right:3px;
	background-image:url(/header/part-header.png);
	background-position:right;
	background-repeat:no-repeat;
}
.header-nav .hn-inner ul li a{
}
.header-nav .hn-inner ul li a img{
	display:block;
}
.header-nav .hn-inner .hn-end{
	float:right;
}

/* ===================================
<div class="header-nav">
	<div class="hn-inner clearfix">
		<div class="hn-start">
			<a href="http://www.records.jp/"><img src="/header/btn-header_records.png" alt="@RECORDS" /></a>
		</div>
		<ul class="clearfix">
			<li><a href="http://akiba.records.jp/"><img src="/header/btn-header_akiba.png" alt="アキバミュージック" /></a></li>
			<li><a href="http://www.girls-record.jp/"><img src="/header/btn-header_girls.png" alt="アイドルミュージック" /></a></li>
			<li><a href="http://classic.records.jp/"><img src="/header/header-end.png" alt="クラシックミュージック" /></a></li>
			<li><a href="http://www.records.jp/musician.html"><img src="/header/btn-header_wish.png" alt="ミュージシャン志望" /></a></li>
		</ul>
		<div class="hn-end">
			<img src="/header/header-end.png" alt="すべての音楽ファンのために" />
		</div>
	</div>
</div>
	=================================== */
/* ===================================

	Clearfix Area

	=================================== */
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* for macIE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
display: block;
}
/* end of for macIE */