/* CSS Document */

/****全体位置の決定****/
DIV#menu{
	position:absolute;/*△*/
	width:800px;/*○*/
	z-index:100;/*△*/
	font-size:0px;/*△*/
	clear: both;
	margin-bottom: 10px;
}
/****メインメニュー用スタイル****/
ul.main{
	margin:0px;/*△*/
	width:600px;/*○*/
	position:relative;/*×*/
	list-style:none;/*△*/
	text-align:center;/*○*/
	height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 320px;
	clear: both;
	line-height: 0px;
}
/*通常時*/
.main li.off{
	position:relative;/*×*/
	float:left;/*×*/
	height:20px;/*○*/
	width:100px;/*○*/
	overflow:hidden;
}
/*.main li.product {
	 background-image:url(../image/navi_product.jpg);
	 }
.main li.product a:hover {
	 background-image:url(../image/navi_product_f2.jpg);
	 }
/展開時*/
.main li.on{
    float:left;/*×*/
    overflow:hidden;/*×*/
    width:100px;
	padding-left:0px;/*○*/
}
.main>li.on{
overflow:visible;/*×*/
}
/*リンクスタイル*/
.main a{
    display:block;/*△*/
    text-decoration:none;/*○*/
}
.main a:hover{
}

/****サブメニュー用スタイル****/
ol.subnavi{
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    width:100px;/*○*/
    list-style:none;/*△*/
    text-align:left;/*○*/
}
.subnavi li{
	line-height:20px;
}
.subnavi a{
	display:block;/*△*/
	width:100px;/*○*/
	background-image: url(../image/navi_back_off.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
}
.subnavi a:hover{
    background-image: url(../image/navi_back_on.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color:black;	
}
/****2段階目サブメニューを展開する****/
/*通常時*/
.subnavi li.off2{
    position:relative;/*×*/
    width:100px;/*○*/
    height:20px;/*○*/
    overflow:hidden;/*×*/
}
/*展開時　背景色は.sub a:hoverと同じにすると良い*/
.subnavi li.on2{
    width:100px;/*○*/
    height:20px;/*○*/
    overflow:hidden;/*×*/
    background-color:#FFFFFF;/*○*/

}
.subnavi>li.on2{
overflow:visible;/*×*/
}
/****2段階目サブメニュー用スタイル****/
ul.sub-2{
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    left:100px;/*○*/
    top:-20px;/*○*/
    width:100px;/*○*/
    list-style:none;/*△*/
}
.sub-2 a{
    padding:0px;/*○*/
    display:block;/*△*/
    width:100px;/*○*/
    height:20px;/*○*/
	padding-left:0px;
}
.sub-2 a:hover{
padding-left:0px;
}