* html .ddmx td { position: relative; } /* ie 5.0 fix */

.ddmx { word-spacing:1px; position:relative; }
.ddmx .section {
	display:block;
	border: 1px solid #669ACC;
	position: absolute;
	left:0px;
	top:0px;
	z-index: -1;
	padding:3px;
	background:#ffffff;
	visibility: hidden;
}
.ddmx td.r1 { color:#bbbbbb; vertical-align:middle; text-align:center; width:10px; }

.ddmx td { background: #ffffff url('../img/bgm.gif') repeat-x bottom left; }

.ddmx .item1 , .ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover
{ 
line-height:14px; 
padding: 5px 10px 5px 10px; 
text-decoration: none;   
display: block; 
white-space: nowrap; 
position: relative; 
vertical-align:middle; 
font-size:13px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.ddmx .item1 { color: #333333;  background: #ffffff;  }
.ddmx .item1:hover {  color: #000000; background: transparent; }
.ddmx .item1-active { color: #000000; }
.ddmx .item1-active:hover { color: #000000;  }

.ddmx .item2, .ddmx .item2:hover,  .ddmx .item2-active, .ddmx .item2-active:hover
{ 
font-size:11px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal; 
line-height:10px; 
padding: 6px 10px 7px 7px; 
text-decoration: none;  
display: block;  
white-space: nowrap; 
position: relative;  
z-index: 500; 
margin:auto; 
vertical-align:middle; 
}
.ddmx .item2 { background: #ffffff;  color:#000000; }
.ddmx .item2:hover { background: #669ACC !important; color:#ffffff; }
.ddmx .item2-active {  background: #669ACC; color:#ffffff; }
.ddmx .item2-active:hover { background: #669ACC; color:#ffffff; }

.ddmx .arrow, .ddmx .arrow:hover { padding: 6px 16px 7px 10px; }

.ddmx .item2 img, .ddmx .item2-active img { position: absolute; top: 4px; right: 4px; border: 0; }