@charset "utf-8";

ul.menu a { 
	display: block;
	color: #004be4;
	text-decoration: none
}

/* hmenuのカテゴリの部分 */
ul.menu li {
	position: relative;
	float: left;
	margin-right: 1px;
}
ul.menu li.hmenu1 { width: 174px;}
ul.menu li.hmenu5 { margin-right: 0px; }
	ul.menu li a {
		display: block;
		width: 173px;
		height: 30px;
		background-repeat: no-repeat;
		text-indent: -9000px;
	}
		ul.menu li.hmenu1 { width: 174px; background-image: url(../images/hmenu1.png); }
		ul.menu li.hmenu2 { background-image: url(../images/hmenu2.png); }
		ul.menu li.hmenu3 { background-image: url(../images/hmenu3.png); }
		ul.menu li.hmenu4 { background-image: url(../images/hmenu4.png); }
		ul.menu li.hmenu5 { background-image: url(../images/hmenu5.png); }
		ul.menu li a:hover { background-position: left bottom; }




/* dropdownのメニュー*/
	ul.menu ul {
		display: none;
		position: absolute;
		top: 30px;
		left: 0;
		width: 171px;
		background: #ffffff;
		border: 1px solid #6ec3ee;
		border-top: none;
		opacity: 0;
	}
		ul.menu ul li {
			position: relative;
			color: #004be4;
			line-height: 30px;
			font-size: 0.75em;
			text-align: center;
			vertical-align: middle;
		}
			ul.menu ul li a {
				display: block;
				width: 171px;
				background-color:#ffffff;
				color: #004be4;
				text-indent: inherit;
			}
			ul.menu ul li a:hover {
				background-color: #d3edfa;
			}

/* 入れ子メニュー用 */
	ul.menu ul ul { left: 171px; top:-1px; border: 1px solid #6ec3ee; }
		ul.menu ul ul li { font-size: inherit; }
		ul.menu .sub {
			background: url(../images/arrow.gif) no-repeat right center;
		}
			ul.menu .sub:hover { background-position: right center; }