#hdmenu {position:relative; width:600px; height:300px; margin:0 auto;}

#hdmenu ul {list-style:none; padding:0; margin:0;}

#hdmenu ul li {position:absolute;}

#hdmenu ul li a.part {position:absolute; top:0; left:0; font-size:1px; text-indent:-5000px; text-decoration:none; z-index:90;}

#hdmenu .detail {
	width:240px; 
	position:absolute;
	left:0;
	padding:5px 0; 
	border:5px solid #CFD3DA; 
	display:none; 
	z-index:0;}
	
#hdmenu ul li:hover .detail, #hdmenu ul li a:hover .detail {display:block; z-index:100;}

#hdmenu ul li:hover .detail {background:#fff url(../../img/main/nobg.gif) repeat; z-index:120;}

#hdmenu .detail a {margin:0; padding:4px 0 3px 16px; color:#096; background:url(../../img/main/navsubbul1.gif) no-repeat left top; font-size:13px; text-decoration:none; display:block;}

#hdmenu .detail a:hover {color:#fff; background:#096 url(../../img/main/navsubbul2.gif) no-repeat left top;}

#hdmenu ul li#df2 {width:53px; height:91px; top:83px; left:186px;}
#hdmenu ul li#df3 {width:41px; height:91px; top:83px; left:88px;}
#hdmenu ul li#dl1 {width:128px; height:17px; top:120px; left:239px;}
#hdmenu ul li#dl2 {width:57px; height:17px; top:119px; left:129px;}
#hdmenu ul li#tcs {width:53px; height:33px; top:114px; left:367px;}
#hdmenu ul li#trn {width:70px; height:45px; top:107px; left:419px;}
#hdmenu ul li#str {width:109px; height:38px; top:71px; left:455px;}
#hdmenu ul li#wlk {width:105px; height:87px; top:204px; left:265px;}

#hdmenu ul li#df2 a.part {width:53px; height:91px; background:url(../../img/main/nobg.gif) repeat;}
#hdmenu ul li#df3 a.part {width:41px; height:91px; background:url(../../img/main/nobg.gif) repeat;}
#hdmenu ul li#dl1 a.part {width:128px; height:17px; background:url(../../img/main/nobg.gif) repeat;}
#hdmenu ul li#dl2 a.part {width:57px; height:17px; background:url(../../img/main/nobg.gif) repeat;}
#hdmenu ul li#tcs a.part {width:53px; height:33px; background:url(../../img/main/nobg.gif) repeat;}
#hdmenu ul li#trn a.part {width:70px; height:45px; background:url(../../img/main/nobg.gif) repeat;}
#hdmenu ul li#str a.part {width:109px; height:38px; background:url(../../img/main/nobg.gif) repeat;}
#hdmenu ul li#wlk a.part {width:105px; height:87px; background:url(../../img/main/nobg.gif) repeat;}

#hdmenu ul li#df2 a.part:hover, #hdmenu ul li#df2:hover a.part {background:url(../../img/part/hd_df2.jpg) no-repeat left bottom;}
#hdmenu ul li#df3 a.part:hover, #hdmenu ul li#df3:hover a.part {background:url(../../img/part/hd_df3.jpg) no-repeat left bottom;}
#hdmenu ul li#dl1 a.part:hover, #hdmenu ul li#dl1:hover a.part {background:url(../../img/part/hd_dl1.jpg) no-repeat left bottom;}
#hdmenu ul li#dl2 a.part:hover, #hdmenu ul li#dl2:hover a.part {background:url(../../img/part/hd_dl2.jpg) no-repeat left bottom;}
#hdmenu ul li#tcs a.part:hover, #hdmenu ul li#tcs:hover a.part {background:url(../../img/part/hd_tcs.jpg) no-repeat left bottom;}
#hdmenu ul li#trn a.part:hover, #hdmenu ul li#trn:hover a.part {background:url(../../img/part/hd_trn.jpg) no-repeat left bottom;}
#hdmenu ul li#str a.part:hover, #hdmenu ul li#str:hover a.part {background:url(../../img/part/hd_str.jpg) no-repeat left bottom;}
#hdmenu ul li#wlk a.part:hover, #hdmenu ul li#wlk:hover a.part {background:url(../../img/part/hd_wlk.jpg) no-repeat left bottom;}

#hdmenu ul li#df2 .detail {bottom:91px;}
#hdmenu ul li#df3 .detail {top:91px;}
#hdmenu ul li#dl1 .detail {bottom:17px;}
#hdmenu ul li#dl2 .detail {bottom:17px;}
#hdmenu ul li#tcs .detail {top:33px;}
#hdmenu ul li#trn .detail {top:45px;}
#hdmenu ul li#str .detail {bottom:38px;}
#hdmenu ul li#wlk .detail {top:87px;}