@charset "utf-8";

/*

	ヘッダー

	[* html] = IE6
	[*:first-child+html] = IE7
	[Hides from IE5-mac ～ End hide from IE5-mac] = Mac IE5

*/



/* ヘッダー
================================================== */
#header {
	position: relative;
	background: #FCFCFC url(../images/common/header_bg.gif) no-repeat;
	font-size: 93%;	/* 12px */
	line-height: 1.5;
}
h1 {
	margin-left: 6px;
	width: 460px;
	height: 100px;
	overflow: hidden;
	background: url(../images/common/logo.gif);
}
h1 a {
	display: block;
	width: 460px;
	height: 100px;
	overflow: hidden;
	text-indent: -9999px;
}
h2 {
	display: none;
}



/* メニュー
-------------------------------------------------- */
#menu {
	margin: 0;
	padding: 0 6px;
	background: url(../images/common/menu.png) 0 -39px;
}
#menu li {
	margin-right: 1px;
	width: 135px;
	height: 39px;
	list-style-type: none;
	float: left;
}
#menu li.wSearch, #menu li.cSearch, #menu li.guide {
	width: 134px;
}
#menu li.guide {
	margin-right: 0;
}
#menu li a {
	display: block;
	width: 135px;
	height: 39px;
	overflow: hidden;
	background: url(../images/common/menu.png);
	text-indent: -9999px;
}
#menu li.wSearch a, #menu li.cSearch a, #menu li.guide a {
	width: 134px;
}

/* メニュー:a
-------------------------------------------------- */
#menu li.top a {
	background-position: -6px 0;
}
#menu li.chorus a {
	background-position: -142px 0;
}
#menu li.new a {
	background-position: -278px 0;
}
#menu li.ranking a {
	background-position: -414px 0;
}
#menu li.wSearch a {
	background-position: -550px 0;
}
#menu li.cSearch a {
	background-position: -685px 0;
}
#menu li.guide a {
	background-position: -820px 0;
}

/* メニュー:a:current
-------------------------------------------------- */
body.top #menu li.top a {
	background-position: -6px -78px;
}
body.chorus #menu li.chorus a {
	background-position: -142px -78px;
}
body.new #menu li.new a {
	background-position: -278px -78px;
}
body.ranking #menu li.ranking a {
	background-position: -414px -78px;
}
body.search #menu li.wSearch a {
	background-position: -550px -78px;
}
body.search2 #menu li.cSearch a {
	background-position: -685px -78px;
}
body.guide #menu li.guide a {
	background-position: -820px -78px;
}

/* メニュー:a:hover
-------------------------------------------------- */
#menu li.top a:hover, body.top #menu li.top a:hover {
	background-position: -6px -39px;
}
#menu li.chorus a:hover, body.chorus #menu li.chorus a:hover {
	background-position: -142px -39px;
}
#menu li.new a:hover, body.new #menu li.new a:hover {
	background-position: -278px -39px;
}
#menu li.ranking a:hover, body.ranking #menu li.ranking a:hover {
	background-position: -414px -39px;
}
#menu li.wSearch a:hover, body.search #menu li.wSearch a:hover {
	background-position: -550px -39px;
}
#menu li.cSearch a:hover, body.search2 #menu li.cSearch a:hover {
	background-position: -685px -39px;
}
#menu li.guide a:hover, body.guide #menu li.guide a:hover {
	background-position: -820px -39px;
}



/* サブメニュー
-------------------------------------------------- */
#submenu {
	margin: 0;
	padding: 5px 5px 0;
	position: absolute;
	top: 0;
	right: 0;
	background: #006C5D;
}
* html #submenu {
	padding-bottom: 5px;
}
*:first-child+html #submenu {
	padding-bottom: 5px;
}
#submenu a:link, #submenu a:visited {
	color: #FCFCFC;
}
#submenu a:active, #submenu a:hover {
	color: #FCFCFC;
	text-decoration: underline;
}
#submenu li {
	margin: 0 5px;
	display: inline;
	list-style-type: none;
	float: left;
}
#submenu li a {
	padding-left: 18px;
	background: url(../images/common/submenu_point.gif) no-repeat 0 50%;
}
span.lb, span.rb {
	display: block;
	position: absolute;
	bottom: 0;
	width: 6px;
	height: 6px;
	overflow: hidden;
}
* html span.lb, * html span.rb {
	bottom: -1px;
}
span.lb {
	left: 0;
	background: url(../images/common/submenu_lb.gif);
}
span.rb {
	right: 0;
	background: url(../images/common/submenu_rb.gif);
}



/* ボタンメニュー
-------------------------------------------------- */
#btnmenu {
	margin: 0;
	position: absolute;
	top: 49px;
	right: 0;
}
#btnmenu li {
	margin-right: 5px;
	width: 140px;
	height: 32px;
	overflow: hidden;
	list-style-type: none;
	background: url(../images/common/btnmenu.gif);
	float: left;
}
#btnmenu li.cart {
	width: 150px;
}
#btnmenu li.circlelogin {
	margin-right: 0;
}
#btnmenu li.logout {
	margin-right: 0;
	width: 102px;
}
#btnmenu li a {
	display: block;
	width: 140px;
	height: 32px;
	overflow: hidden;
	background: url(../images/common/btnmenu.gif);
	text-indent: -9999px;
}
#btnmenu li.cart a {
	width: 150px;
}

/* ボタンメニュー:a
-------------------------------------------------- */
#btnmenu li.cart a {
	background-position: 0 0;
}
#btnmenu li.userlogin a {
	background-position: -150px 0;
}
#btnmenu li.circlelogin a {
	background-position: -290px 0;
}
#btnmenu li.logout a {
	background-position: -430px 0;
}

/* ボタンメニュー:a:hover
-------------------------------------------------- */
#btnmenu li.cart, #btnmenu li.cart a:hover, body.cart #btnmenu li.cart a {
	background-position: 0 -32px;
}
#btnmenu li.userlogin, #btnmenu li.userlogin a:hover,
body.userlogin #btnmenu li.userlogin a {
	background-position: -150px -32px;
}
#btnmenu li.circlelogin, #btnmenu li.circlelogin a:hover,
body.circlelogin #btnmenu li.circlelogin a {
	background-position: -290px -32px;
}
#btnmenu li.logout, #btnmenu li.logout a:hover {
	background-position: -430px -32px;
}

/* caution
-------------------------------------------------- */
#caution {
	margin-top: 6px;
	margin-bottom: -2px;
	text-align:center;
	display: block;
}

/* clearfix
-------------------------------------------------- */
#menu:after, #submenu:after, #btnmenu:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#menu, #submenu, #btnmenu {
	display: inline-block;
}
/*Hides from IE5-mac \*/
* html #menu, * html #submenu, * html #btnmenu {
	height: 1%;
}
#menu, #submenu, #btnmenu {
	display: block;
}
*+html body #menu, *+html body #submenu, *+html body #btnmenu {
	zoom: 1;
}
/*End hide from IE5-mac */