@charset "utf-8";
/* CSS Document */

/*body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#444; line-height:20px; background:#f3f3f3 url(../images/bg-bg.gif) center repeat-y;}*/
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#444; line-height:20px; background:#f3f3f3;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#ff8800; text-decoration:none;}

img{ border:0;}

#wrap{ width:950px; margin:0 auto; padding:0 20px; background:#FFFFFF;}

#nav{ height:25px;}
#nav ul{ float:right; margin:0; padding:3px 0 0 0; list-style:none;}
#nav li{ float:left;}
#nav li.nva_bar{ margin:0px 8px 0 8px; margin:-2px 8px 0 8px\0; font-size:9px;}

#banner{ width:950px; height:175px; clear:both;}

#main{ overflow:hidden; margin:0px auto 0 auto; background:url(../images/bg-main.gif) repeat-y;}
#main.bg_index{ background:url(../images/bg-main_index.gif) repeat-y;}

#dot{ height:20px; background:#FFF;}

label{ margin:0; padding:0;}

#thumbbox{ width:580px; overflow:hidden;}
#t_box{ float:left; width:139px; height:62px; border:1px solid #ccc; margin:0 2px 4px 2px;}

#marqueebox{ width:576px; height:63px; margin:15px 2px 15px 2px; background:url(../images/bg-marquee.jpg) no-repeat;}
#marqueebox p{ width:540px; margin:15px 0 0 18px; clear:both;}

#left, #right{ width:172px; float:left; overflow: hidden;}
#right{ _margin-left:-13px;}

#left_btn{ width:172px; padding-bottom:15px;}
#left_btn ul{ margin:0; padding:0; list-style:none;}
#left_btn li{ width:157px; height:28px; margin:0 0 0 8px; line-height:26px; line-height:26px\0; background:url(../images/dotted-01.gif) bottom repeat-x;}
#left_btn li a{ width:157px; display:block; color:#444;}
#left_btn li a:hover{ width:157px; display:block; color:#ff8800;}

#left01_btn{ width:172px; margin-bottom:15px;}
#left01_btn ul{ margin:0; padding:0; list-style:none;}
#left01_btn li{ width:159px; font-size:12px; line-height:18px; line-height:18px\0; line-height:18px\0/; *line-height:18px; _line-height:18px; padding:5px 0 0 0;}
#left01_btn li a{ width:159px; padding-left:13px; display:block; color:#444; background:url(../images/bg-left01_btn.gif) 0 -6px no-repeat; background:url(../images/bg-left01_btn.gif) 0 -8px no-repeat\0; background:url(../images/bg-left01_btn.gif) 0 -7px no-repeat\0/;}
#left01_btn li a:hover{ width:159px; padding-left:13px; display:block; color:#ff8800; background:url(../images/bg-left01_btnx.gif) 0 -6px no-repeat; background:url(../images/bg-left01_btnx.gif) 0 -8px no-repeat\0; background:url(../images/bg-left01_btnx.gif) 0 -7px no-repeat\0/;}

#linkbox, #orderbox{ width:172px;}
#link_cap, #gp_cap, #order_cap{ width:172px; height:31px;}
#cap{ width:172px; height:31px; background:url(../images/bg-cap.jpg) repeat-x; text-align:center; font-size:15px; font-weight:bold; color:#FFF; line-height:31px; letter-spacing:1px;}
#link_cnt{ width:164px; padding:5px 4px;}
#link_cnt ul{margin:0; padding:0; list-style:none;}
#link_cnt li.arrow{ padding-left:16px; background:url(../images/icon-arrow01.gif) left 4px no-repeat; background:url(../images/icon-arrow01.gif) left 3px no-repeat\0;}
#link_cnt img, #order_cnt img{ margin:3px 0;}

#order_cap{ background:url(../images/cap-09.jpg) no-repeat;}
#order_cnt{ width:162px; margin:0 1px; padding:5px 4px;}

#mid{ width:580px; margin:0 13px; float:left;}

#index_news01, #index_news02, #index_news03, #index_news04{ width:576px; height:188px; margin:19px 2px 0px 2px; padding:0;}
#index_news01{background:url(../images/bg-news01.jpg) no-repeat;}
#index_news02{background:url(../images/bg-news02.jpg) no-repeat;}
#index_news03{background:url(../images/bg-news03.jpg) no-repeat;}
#index_news04{background:url(../images/bg-news04.jpg) no-repeat;}
#index_news_function{ padding:8px 12px 0 0; overflow: hidden;}
#index_more{ width:35px; height:14px; float:right;}
#index_more a{ width:35px; height:14px; display:block; text-indent:-9999px; background:url(../images/btn-more.gif) 0 0 no-repeat;}
#index_more a:hover{ width:35px; height:14px; display:block; text-indent:-9999px; background:url(../images/btn-more.gif) 0 -14px no-repeat;}
#index_more.order{ width:35px; height:14px; margin:8px 0 0 0; padding:0 5px 0 0; float:right;}
#index_more.order a{ width:35px; height:14px; display:block; text-indent:-9999px; background:url(../images/btn-more.gif) 0 0 no-repeat;}
#index_more.order a:hover{ width:35px; height:14px; display:block; text-indent:-9999px; background:url(../images/btn-more.gif) 0 -14px no-repeat;}
#index_rss{ width:36px; height:14px; float:right; margin-left:5px;}
#index_thumb{ width:124px; height:94px; float:left; border:1px solid #ccc; margin:21px 0 0 16px; _margin:36px 0 0 8px;}
#index_list{ margin:13px 15px 0 15px; margin:15px 13px 0 15px\9; line-height:20px; float:left;}
#index_list td.arrow{ padding-left:27px; background:url(../images/icon-arrow01.gif) left 4px no-repeat; background:url(../images/icon-arrow01.gif) left 3px no-repeat\0;}

#table01{ width:541px;}
#table01 td{ height:27px; background:url(../images/dotted-01.gif) bottom repeat-x;}
.arrow{ background:url(../images/icon-arrow-01.gif) 0px -5px no-repeat; background:url(../images/icon-arrow-01.gif) 0px -7px no-repeat\9; background:url(../images/icon-arrow-01.gif) 0px -6px no-repeat\0; padding:0 0 0 18px;}

#cnt{ width:763px; margin:0 0 0 15px; padding:0; background:url(../images/bg-cnt.jpg) 0 20px no-repeat; float:left; min-height:155px;}
#cnt h1{ float:left; height:30px; margin:0; padding:0 0 0 20px; font-size:15px; font-weight:bold; line-height:30px; color:#2e88a2; background:url(../images/bg-h1.jpg) 0 7px no-repeat;}
#cnt h2{ height:30px; margin:0; padding:0 0 0 18px; font-size:15px; font-weight:bold; line-height:30px; color:#ce8f3d; background:url(../images/bg-h2.jpg) 0 9px no-repeat;}
#guide{ float:right; height:30px; margin:0; padding:0 16px 0 0; font-size:12px; line-height:30px;}
#cnt p{ margin:10px 0 0 0; padding:0 15px;}
#cnt p.ptxt{ min-height:490px;}
#cnt_table{ width:730px; margin:15px auto 0 auto; padding:0;}
#cnt_table td.cap01{ width:520px;}
#cnt_table td.cap02{ width:400px;}
#cnt_table td.dashed{ border-bottom:1px dashed #ccc;}
#cnt_table td.txt{ min-height:278px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
#cnt a{ color:#2e88a2; text-decoration:none;}
#cnt a:hover{ color:#ff8800; text-decoration: underline;}

#sublistbox{ width:763px; overflow:hidden;}
#sublistbox_top{ width:763px; height:3px; background:url(../images/bg-sublistbox_top.gif) no-repeat;}
#sublistbox_bottom{ width:763px; height:3px; background:url(../images/bg-sublistbox_bottom.gif) no-repeat;;}

ul#sublist{ margin:0; padding:5px 5px; list-style:none; overflow:hidden; background:url(../images/bg-sublistbox_mid.gif) repeat-y; display:block;}
ul#sublist li{ float:left; font-size:13px; height:26px; line-height:26px; margin:0 5px;}
ul#sublist li a{ width:120px; padding-left:17px; display:block; background:url(../images/bg-left_btn.gif) no-repeat; color:#444;}
ul#sublist li a:hover{ width:120px; padding-left:17px; display:block; background:url(../images/bg-left_btnx.gif) no-repeat; color:#cc0000;}

#footer{ background:#007fa4 url(../images/bg-footer.jpg) repeat-x; padding:17px; clear:both; margin:20px 0;}
#footer p{ margin:0; padding:0; color:#ccc; font-size:12px; line-height:22px; color:#FFF;}
#footer a{ color:#FFF; text-decoration:none;}
#footer a:hover{ color:#ffaa00; text-decoration:none;}

#a_plus{ width:88px; height:31px; float:right; margin-top:22px;}

#table02{ width:654px; margin:30px 0 0 0px;}
#table02 td{ height:32px; line-height:30px; border-bottom:1px dashed #ccc;}
#table02 td.td01_2{ height:32px; line-height:30px; border-bottom:1px dashed #ccc; width:100px;}

.tdw16{ width:100px;}
.tdw17{ width:227px;}

#searchbox{ width:172px; height:23px; padding:2px 0 15px 0; background:#FFF;}
#searchbox.epaper{ width:172px; height:23px; padding:2px 0 0px 0;}
.search_txt{ float:left; width:119px; width:119px\9; width:119px\0; height:19px; border:1px solid #ccc;}
.search_btn { float:left; width:47px; height:23px; margin:0; padding:0px 0 0 0; padding:5px 0 0 0\0; font-size:.95em; color:#fff; background:url(../images/bg-btn.jpg) no-repeat; text-align:center; border:0; display:block; cursor:pointer;}
.search_btn2 { float:right; width:47px; height:23px; margin:0; padding:0px 0 0 0; padding:5px 0 0 0\0; font-size:.95em; color:#fff; background:url(../images/bg-btn.jpg) no-repeat; text-align:center; border:0; display:block; cursor:pointer;}
.keyword{ display:none;}
.clear{ clear:both;}
.color_cap{ color:#FFF;}
.cap02{ color:#ff8800; font-weight:bold;}

.input01{ border:1px #ccc solid;}
.input02{ width:200px; border:1px solid #999;}
.input03{ width:526px; border:1px solid #999;}
.textarea01{ width:526px; height:100px; margin:8px 0; border:1px solid #999;}

a .submit01 { width:62px; height:27px; line-height:27px; font-size:.95em; margin:10px auto; background: url(../images/btn-submit.jpg) 0 0 no-repeat; text-align:center; color:#fff; text-shadow:1px 1px 0px #666; display:block; cursor:pointer; border:0;}
a:hover .submit01 { width:62px; height:27px; line-height:27px; font-size:.95em; margin:10px auto; background: url(../images/btn-submit.jpg) 0 0 no-repeat; text-align:center; color:#fff; text-shadow:1px 1px 0px #666; display:block; cursor:pointer; border:0;}