#menu1 { 
	display: block; 	
	position: relative; 
	_z-index:1;
}
#menu1 li { 
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
	position: relative; 
	_z-index:1;
	_display:inline; /* IE6で子カテゴリーあるやつの下に隙間できる対策  */
}




#menu1 a { display: block; }
  #menu1 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;}
  * html #menu1 ul { line-height: 0; } /* IE6 "fix" */
  	#menu1 ul a { zoom: 1; } /* IE6/7 fix */
    #menu1 ul li { float: none; }
    #menu1 ul ul { top: 0;}
    


#menu1 ul li a{ 
	border-left: 1px solid #ffffff; 
	z-index: 90;	
	*border-right: 1px solid #ffffff;
	zoom: 1;
}


.parent {
	_width:;
}



li .child1 {
	width: 186px; 		
}
ul.child2 {
	width: 186px;	
}


#menu1 ul ul { 
	margin-left:186px; 
	_width: 186px;
	_margin: 0 0 0 187px;
	*margin: 0 0 0 187px;
	z-index: 99;
}

 
#menu1 { 
	background-color: #22335C; 
	height: ; 
}
#menu1 *:hover { background-color: none; }
#menu1 a { 
	color: white; 
	font-size: 1.2em; 
	padding: ; 
	line-height: 2em; 
	_margin:0;
}

#menu1 li.hover a { background-color: #22335C; }
#menu1 ul {
	top: ; 
}
#menu1 ul li a { background-color: #22335C;}
#menu1 ul a.hover { background-color: #386BA3; }
#menu1 ul a { border-bottom: 1px solid white; border-right: none; /* IEだと残像残る→ opacity: 0.9; filter: alpha(opacity=90);*/ }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */





#menu2 { 
	display: block; 	
	position: relative; 

}
#menu2 li { 
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
	position: relative; 
	_display:inline; /* IE6で子カテゴリーあるやつの下に隙間できる対策  */
}

#menu2 a { display: block; }
  #menu2 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #menu2 ul { line-height: 0; } /* IE6 "fix" */
  	#menu2 ul a { zoom: 1; } /* IE6/7 fix */
    #menu2 ul li { float: none; }
    #menu2 ul ul { top: 0; }
    


#menu2 ul li a{ 
	border-left: 1px solid #ffffff; 
	*border-right: 1px solid #ffffff;
	zoom: 1;
}



li .child1 {
	width: 186px; 		
}
ul.child2 {
	width: 186px;	
}


#menu2 ul ul { 
	margin-left:186px; 
	_width: 186px;
	_margin: 0 0 0 187px;
	*margin: 0 0 0 187px;
}



 
#menu2 { 
	background-color: #22335C; 
	height: ; 
}
#menu2 *:hover { background-color: none; }
#menu2 a { 
	color: white; 
	font-size: 1.2em; 
	padding: ; 
	line-height: 2em; 
	*position: relative;
}

#menu2 li.hover a { background-color: #22335C; }
#menu2 ul {
	top: ; 
}
#menu2 ul li a { background-color: #22335C; }
#menu2 ul a.hover { background-color: #386BA3; }
#menu2 ul a { border-bottom: 1px solid white; border-right: none; /* IEだと残像残る→ opacity: 0.9; filter: alpha(opacity=90);*/ }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#menu1,#menu2 {
	font-size:80%;	
}