/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.xxx {
	font-size: 11px; z-index: 100; width: 400px; font-family: Arial,MS PGothic,Lucida Sans Unicode, sans-serif; text-align:left; position: relative; margin-top:; height: 
20px;
}
.xxx ul li a {
	border-right: #E2E2E7 1px solid; border-top: #F0F0F4 1px solid; display: block; font-size: 11px; background: #EFEFEF; overflow: hidden; border-left: #F0F0F4 1px solid; width: 129px; color: #000; line-height: 20px; border-bottom: #E2E2E7 1px solid; height: 20px; text-decoration: none; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry3.gif'); text-align:left;
}
.xxx ul li a:visited {
	border-right: #E2E2E7 1px solid; border-top: #F0F0F4 1px solid; display: block; font-size: 11px; background: #EFEFEF; overflow: hidden; border-left: #F0F0F4 1px solid; width: 129px; color: #000; line-height: 20px; border-bottom: #E2E2E7 1px solid; height: 20px; text-decoration: none; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry3.gif'); text-align:left;
}
.xxx ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
.xxx ul li {
	float: left; position: relative
}
.xxx ul li ul {
	display: none
}
/* specific to non IE browsers */
.xxx ul li:hover A {
	background: #E3E3E3; color: #3D0160; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry2.gif');
}
.xxx ul li:hover ul {
	display: block; left: 0px; width: 140px; position: absolute; top: 21px
}
.xxx ul li:hover ul li a.xx2 {
	background: #E3E3E3; color: #3D0160; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry2.gif');
}
.xxx ul li:hover ul li:hover A.xx2 {
	background: #E3E3E3; color: #3D0160; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry2.gif');
}
.xxx ul li:hover ul li ul {
	display: none
}
.xxx ul li:hover ul li a {
	display: block; background: #EFEFEF; color: #000; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry3.gif');
}
.xxx ul li:hover ul li a:hover {
	background: #E3E3E3; color: #3D0160; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry2.gif');
}
.xxx ul li:hover ul li:hover ul {
	display: block; left: 130px; position: absolute; top: 2px
}
.xxx ul li:hover ul li:hover ul.left {
	left: -130px
}

<!--[if lte IE 6]>
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.xxx ul li a.xx2, .xxx ul li a:visited.xx2 {display:none;}
.xxx ul li a:hover ul li a.xx2 {display:none;}
.xxx ul li a:hover {background: #E3E3E3; color: #3D0160; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry2.gif');}
.xxx ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:130px;}
.xxx ul li a:hover ul li a.xx3 {background: #E3E3E3; color: #3D0160; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry2.gif');}
.xxx ul li a:hover ul li a {display:block; background: #EFEFEF; color: #000; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry3.gif');}
.xxx ul li a:hover ul li a ul {visibility:hidden;}
.xxx ul li a:hover ul li a:hover {background: #E3E3E3; color: #3D0160; background-image: url('http://www.pat.hi-ho.ne.jp/oka_tosho/bg_gry2.gif');}
.xxx ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:120px; top:2px; color:#000;}
.xxx ul li a:hover ul li a:hover ul.left {left:-130px;}
<![endif]-->