@charset "utf-8";

#nav {
		display: block;
		width: 840px;
		height: 40px;
		margin: 0;
		padding: 0;
		position: relative;
		left: 0;
		background: url(../image/bg-gnavi.jpg) no-repeat 0 0;
}

#home #nav { top: 280px; }

#nav { top: 170px; }

#nav li {
		list-style: none;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
}

#nav li.skip { display: none; }

#nav a {
		text-decoration: none;
		text-align: center;
		display: block;
		width: 168px;
		height: 40px;
		margin: 0;
		padding: 0;
		color: #fff;
}

#nav ul {
		display: none;
		position: absolute;
		left: 0;
		margin: 0;
		padding: 0;
}

#nav ul a {
		text-align: left;
		display: block;
		width: 158px;
		height: 40px;
		margin: 0;
		padding: 0 5px;
		background-image: none;
}

* html #nav ul { line-height: 0; } /* IE6 "fix" */

#nav ul a { zoom: 1; } /* IE6/7 fix */

#nav ul li {
		float: none;
		background-image: none;
}

#nav ul ul { top: 0;z-index: 99999; }

/* Essentials - configure this */

#nav ul { width: 168px; }

#nav ul ul { left: 169px; }

/* Everything else is theming */
 
#nav *:hover { background-color: none; }

#nav a { line-height: 40px; }

#nav li.hover a {
		background-color: #360;
		color: #fff;
}

#nav ul { top: 41px; }

#nav ul li a { background-color: #eee; }/*戻りBG*/

#nav ul a.hover {
		background-color: #000;
		color: #fff;
}

#nav ul a {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		border-bottom: 1px solid white;
		border-right: none;
		opacity: 0.75;
		filter: alpha(opacity=75);
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */