@charset "utf-8";

* {
		margin: 0;
		padding: 0;
}

#nav {
		display: block;
		width: 210px;
		position: relative;
}

#nav ul {
		width: 210px;
		position: relative;
}

#nav li {
		display: block;
		list-style: none;
		width: 210px;
		height: 30px;
		line-height: 30px;
		margin: 0;
		border-bottom: 1px solid #fff;
		position: relative;
}

#nav li.skip { display: none; }

#nav ul {
		display: none;
		position: absolute;
		top: 0;
		left: 200px;
		z-index: 100;
}

#nav ul li {
		display: block;
		list-style: none;
		width: 210px;
		position: relative;
}

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

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

#nav {
		background-color: #69f;
		height: 155px;
}

#nav *:hover { background-color: none; }

#nav li a {
		text-decoration: none;
		width: 195px;
		margin: 0;
		padding: 0 0 0 15px;
		color: #fff;
}

#nav li.hover a {
		background-color: none;
		color: #3ff;
}

#nav ul {
		top: 0;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#nav ul li a { background-color: #036; }

#nav ul a.hover { background-color: #36c; }

#nav ul a {
		opacity: 0.8;
		filter: alpha(opacity=80);
}