<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#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 #333;
	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(../html/img/main/nobg.gif) repeat; z-index:120;}

#hdmenu .detail a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:4px 0 3px 16px;
	color:#030;
	font-weight:bold;
	background:url(../html/img/main/navsubbul1.gif) no-repeat left top;
	font-size:12px;
	text-decoration:none;
	display:block;
}

#hdmenu .detail a:hover {
	color:#fff;
	background-color: #030;
	background-image: url(../html/img/main/navsubbul2.gif);
	background-repeat: no-repeat;
	background-position: 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(../html/img/main/nobg.gif) repeat;}
#hdmenu ul li#df3 a.part {width:41px; height:91px; background:url(../html/img/main/nobg.gif) repeat;}
#hdmenu ul li#dl1 a.part {width:128px; height:17px; background:url(../html/img/main/nobg.gif) repeat;}
#hdmenu ul li#dl2 a.part {width:57px; height:17px; background:url(../html/img/main/nobg.gif) repeat;}
#hdmenu ul li#tcs a.part {width:53px; height:33px; background:url(../html/img/main/nobg.gif) repeat;}
#hdmenu ul li#trn a.part {width:70px; height:45px; background:url(../html/img/main/nobg.gif) repeat;}
#hdmenu ul li#str a.part {width:109px; height:38px; background:url(../html/img/main/nobg.gif) repeat;}
#hdmenu ul li#wlk a.part {width:105px; height:87px; background:url(../html/img/main/nobg.gif) repeat;}

#hdmenu ul li#df2 a.part:hover, #hdmenu ul li#df2:hover a.part {background:url(../html/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(../html/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(../html/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(../html/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(../html/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(../html/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(../html/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(../html/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;}</pre></body></html>