﻿
#head_top { width:976px; margin:0 auto;}
#logo { padding:10px 0 0 5px;}
#head_top .tr1 { width:100%; z-index:10000; position:relative}
#head_top .tdl { width:25%; float:left; }
#head_top .tdr { width:74%; float:right; text-align:right; }
#head_top .tdr .rt { width:100%; margin-bottom:40px;}
#head_top .tdr .rt .tdl { width:4px; height:25px; background:url(/images/rt_l.gif) no-repeat; float:right}
#head_top .tdr .rt .tdc { width:auto; height:25px; white-space:nowrap; background:url(/images/rt_bg.gif) repeat-x; float:right}
#head_top .tdr .rt .tdr { width:4px; height:25px; background:url(/images/rt_r.gif) no-repeat; float:right}
.htsp { width:auto; padding:4px 10px 0 15px; white-space:nowrap; float:left; line-height:16px;}
.htsp span { cursor:pointer;}
.htsp a { color:#3366cc}
.htsp a:hover { color:#bb0000}

#ver { display:none; width:72px; margin-left:-1px; background:#ccc; z-index:1000000; position:absolute; border:#ccc solid 1px; border-right:#ccc solid 2px; border-bottom:#ccc solid 2px; padding:1px; background:#fff; filter: alpha(opacity=80); opacity: 0.8;}
#ver ul,#ver li { width:100%; margin:0px; padding:0px; list-style:none; text-align:left;}
#ver li a { display:block; padding:5px 5px 4px 5px; line-height:100%; color:#000}
#ver li a:hover { display:block; padding:5px 5px 4px 5px; background:#333; color:#fff;}

#nav { width:100%;}
#nav ul { margin:0px; padding:0px; list-style:none;}
#nav li { float:left; margin-left:3px; margin-right:3px; list-style:none;}

.nav_f { margin-top:0px; line-height:100%;}
.nav_f a { display:block; background:url(/images/nav_f_l.jpg) repeat-x; font-size:14px; font-weight:bold; color:#fff;}
.nav_f a:hover { color:#fff;}
.nav_f a span { display:block; padding:12px 13px 7px 13px; background:url(/images/nav_f_r.jpg) no-repeat top right;}

.nav_o { margin-top:3px; line-height:100%;}
.nav_o a { display:block; background:url(/images/nav_o_l.jpg) repeat-x; font-size:14px; font-weight:bold; color:#000;}
.nav_o a:hover { color:#bb0000;}
.nav_o a span { display:block; padding:9px 13px 6px 13px; background:url(/images/nav_o_r.jpg) no-repeat top right;}

#head_top .htbody { width:100%; height:68px; overflow:hidden; margin-top:-2px; z-index:0; position:relative}
#head_top .htbleft { width:3px; height:68px; background:url(/images/m_l.gif) no-repeat; float:left}
#head_top .htbright { width:3px; height:68px; background:url(/images/m_r.gif) no-repeat; float:left}
#head_top .htbcenter { width:970px; height:68px; background:url(/images/m_bg.jpg) repeat-x; float:left}
#head_top .htbottom { height:16px; background:url(/images/head_bottom.gif) no-repeat;}

#ht_search { width:83%; float:left; white-space:nowrap; overflow:hidden;}
#ht_search .form { padding:12px 0 5px 10px;}
#ht_search .form .sel { float:left; font-size:12px; margin-right:5px; border:#ccc solid 1px;}
#ht_search .form .tex { float:left;font-size:12px; margin-right:5px; border:#ccc solid 1px; width:350px; height:17px; padding:2px 0 0 2px; line-height:120%;}
#ht_search .form a { color:#fff; text-decoration:underline;}
#ht_search .form a:hover { text-decoration:none;}

#ht_search .keyword { padding:5px 0 7px 10px; line-height:100%;}
#ht_search .keyword span { font-family:Sans-Serif; font-size:12px; color:#C66A6B; padding:0 5px;}
#ht_search .keyword a { font-size:12px; color:#EEDABE; text-decoration:none;}
#ht_search .keyword a:hover { text-decoration:underline;}

#total_sp { width:16%; float:right; padding-right:5px;}
html>body  #total { margin:8px 0px 0 0; float:right; width:140px; height:50px; background:url("/images/total_bg.png") no-repeat left;}
*html #total { margin:8px 0px 0 0; float:right; width:140px; height:50px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/images/total_bg.png"); background:none;}
#total .text { width:85%; padding:10px 0px 5px 15px; color:#efefef;}

