@charset "UTF-8";
/* Basic code - don't modify */

#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
	#nav ul {
		display: none;
		position: absolute;
		left: 0;
		margin: 0;
		padding: 0;
	}
	#nav li {
		display: block;
		list-style:
		none; margin: 0;
		padding: 0;
		float: left;
		position: relative;
	}
	#nav a {
		display: block;
	}
	* html #nav ul { line-height: 0; } /* IE6 "fix" */
		#nav ul a { zoom: 1; } /* IE6/7 fix */
		#nav ul li { float: none; }
		#nav ul ul { top: 0; }

/* Essentials - configure this */

#nav li ul {
	width: 180px;
}
#nav li ul li ul {
	left: 181px;
}

/* Everything else is theming */

#menubar-droppy {
	width: 850px;
	height: 30px;
	background: transparent url('../image/menu-bg.png') repeat-x top right;
	/*
	margin: 0 auto;
	margin: 0px 15px;
	*/
}
#nav {
}
#nav *:hover {
	/* background-color: none; */
}
#nav li {
}
#nav li a {
	display: block;
	width: 90px;
	height: 30px;
	color: white;
	line-height: 1;  /* needed for IE6 */
}
#nav li.ecobooks-parent {
	width: 140px;
}
#nav li ul {
	top: 30px;
}
#nav li ul li {
	width: 172px;
	background-color: #3a5976;
	border-bottom: 1px solid white;
	border-right: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#nav li ul li a {
	display: block;
	width: 164px;
	height: auto;
	padding: 8px 4px;
}
#nav li ul li a.hover {
	background-color: #30A8C3;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* ルートメニューアイテム */
#nav li a {
	background-position: top left;
}
#nav li a:hover {
	/* background-position: 0px -38px; */
	background-position: bottom left;
}
#nav li a.home {
	background-repat: no-repeat;
	background-image: url('../image/menu-home.png');
}
#nav li a.books{
	background-repat: no-repeat;
	background-image: url('../image/menu-books.png');
}
#nav li a.ecobooks {
	width: 140px;
	background-repat: no-repeat;
	background-image: url('../image/menu-ecobooks.png');
}
#nav li a.nunavut {
	background-repat: no-repeat;
	background-image: url('../image/menu-nunavut.png');
}
#nav li a.blog {
	background-repat: no-repeat;
	background-image: url('../image/menu-blog.png');
}
#nav li a.order {
	background-repat: no-repeat;
	background-image: url('../image/menu-order.png');
}
#nav li a.company {
	background-repat: no-repeat;
	background-image: url('../image/menu-company.png');
}
#nav li a.store {
	background-repat: no-repeat;
	background-image: url('../image/menu-store.png');
}
#nav li a.toritsugi {
	background-repat: no-repeat;
	background-image: url('../image/menu-toritsugi.png');
}
#nav li.terminal {
	background-repat: no-repeat;
	background: transparent url('../image/menu-terminal.png') no-repeat top left;
}