@charset "utf-8";
/* CSS Document */


/* ----------------------第１階層-------------------- */
ul.menu{
	width:980px;
	position: relative;
	z-index: 10;
  	font-size:10px;
	display:block;
	list-style:none;
	padding-left:0;
	background-color:#000000;
		}	
ul.menu li{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    float:left;
	width:89px;
	height:30px;
	background-color:#000;
    position:relative;
}
ul.menu li a{
    display:block;
    width:100%;
    height:100%;
    line-height:30px;
    color:#fff;
    text-decoration:none;
    position:relative;
}
ul.menu a:hover{
	background-color:#666;
	}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* ----------------------第２階層-------------------- */
ul.sub_menu{
    width:178px;
	border:1px solid #aaa;
	border-width: 0px 0px 1px 0px;
	}
ul.sub_menu.odd{
	position:relative;
	right:91px;
}


ul.sub_menu li{
    width:175px;
    height:50px;
    line-height:48px;
    float:none;
	list-style:none;
	background-color:#fff;
	margin:0px;	
	border:1px solid #aaa;
	border-width: 1px 2px 0px 2px;

}



ul.sub_menu li ul.sub_menu{
    position:absolute;
    left:175px;
    top:0;
}
ul.sub_menu li a{
    display:block;
    width:100%;
    height:100%;
    line-height:50px;
    color:#333;
    text-decoration:none;
    position:relative;
}
ul.sub_menu a:hover{
	background-color:#F9F9F9;
	}

/* ----------------------第３階層-------------------- */
ul.sub_menu2{
    width:178px;
	border:1px solid #aaa;
	border-width: 0px 0px 1px 0px;
	}
ul.sub_menu2 li{
    width:175px;
    height:50px;
    line-height:48px;
    float:none;
	list-style:none;
	background-color:#F9F9F9;
	margin:0px;	
	border:1px solid #aaa;
	border-width: 1px 2px 0px 2px;

}
ul.sub_menu li ul.sub_menu2{
    position:absolute;
    left:175px;
    top:0;
}
ul.sub_menu2 li a{
    display:block;
    width:100%;
    height:100%;
    line-height:50px;
    color:#333;
    text-decoration:none;
    position:relative;
}
ul.sub_menu2 a:hover{
	background-color:#E8E8E8;
	}
/* ----------------------第２階層パターンB-------------------- */
ul.sub_menu3{
    width:178px;
	border:1px solid #aaa;
	border-width: 0px 0px 1px 0px;
	}
ul.sub_menu3 li{
    width:175px;
    height:50px;
    line-height:48px;
    float:none;
	list-style:none;
	background-color:#F9F9F9;
	margin:0px;	
	border:1px solid #aaa;
	border-width: 1px 2px 0px 2px;

}
ul.sub_menu li ul.sub_menu3{
    position:absolute;
    right:176px;
    top:0;
}
ul.sub_menu3 li a{
    display:block;
    width:100%;
    height:100%;
    line-height:50px;
    color:#333;
    text-decoration:none;
    position:relative;
}
ul.sub_menu3 a:hover{
	background-color:#E8E8E8;
	}







ul.menu{
    zoom:1;
}
ul.menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}


/* IE6、IE7用バグ対策 */
ul.sub_menu{
    display:none;
}
ul.sub_menu2{
    display:none;
}
ul.sub_menu3{
    display:none;
}
* html ul.menu li{
    display:inline;
    zoom:1;
}
*+html ul.menu li{
    display:inline;
    zoom:1;
}
* html ul.sub_menu{
    zoom:1;
    position:relative;
}
*+html ul.sub_menu{
    zoom:1;
    position:relative;
}

* html ul.sub_menu2{
    zoom:1;
    position:relative;
}
*+html ul.sub_menu2{
    zoom:1;
    position:relative;
}

* html ul.sub_menu3{
    zoom:1;
    position:relative;
}
*+html ul.sub_menu3{
    zoom:1;
    position:relative;
}
