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

.ddmx { word-spacing:1px; position:relative; }
.ddmx .section { display:block; border: 1px solid #eeeeee; position: absolute; left:0px;top:0px; visibility: hidden; z-index: -1; padding:2px; padding-bottom:4px;padding-left:7px; padding-right:7px;background:#ffffff; }
.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: 8px 4px 8px 4px; 
text-decoration: none;   
display: block; 
white-space: nowrap; 
position: relative; 
vertical-align:middle; 
font-size:11px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.ddmx .item1 { color: #666666;  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 16px 7px 10px; 
text-decoration: none;  
display: block;  
white-space: nowrap; 
position: relative;  
z-index: 500; 
margin:auto; 
vertical-align:middle; 
}
.ddmx .item2 { background: #ffffff;  color:#676767; }
.ddmx .item2:hover { background: #66CBFF !important; color:#ffffff; }
.ddmx .item2-active {  background: #999999; color:#ffffff; }
.ddmx .item2-active:hover { background: #999999; 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; }