@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a{ text-decoration:none; color:#06318F}
a:hover{ text-decoration:underline;}

#head{ width:800px; height:105px; margin:auto; background:url(../images/bg_top.gif) repeat-x;}
#topLogo{ width:140px; margin:42px 0 0 40px; float:left;　display:inline}
#navi{ width:620px; float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#378200; text-align:right; margin-top:15px;}
#navi a{font-size:12px;	color:#378200;	text-decoration: none; padding:0 10px; }
#navi a:hover{ text-decoration:underline; }
#navi .sel{ background:url(../images/bg_nav_sel.gif) repeat-x;}
#search{ width:220px; height:36px; float:right; margin:30px 0 0 0;}
#search .title{ color:#A8C950; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder; width:220px; display:block;}
#search .searchBtn{ margin-left:3px;}

#mainArea{ width:800px; margin:0 auto; clear:both; margin-top:5px;}
#welcome{ width:211px; height:382px; background:url(../images/bg_welcome.gif); padding:30px 13px; float:left;}
#welcome h1{font-size:20px;	color:#06318F;	font-family: Arial, Helvetica, sans-serif;	font-style:italic; line-height:24px;}
#welcome h2{font-size:17px;	color:#249C19;	font-style:italic; line-height:24px; }
#welcome .text{font-size:15px;	color:#3F69C5;	line-height:20px; font-weight:bold;}
#conLogos{ margin:0 auto; padding-top:70px;}

#mainFlash{ width:559px; height:286px; float:right; margin-bottom:3px;}

#sbox{width:276px; height:151px; border:#519CE4 1px solid; float:right; margin:0 0 0 3px; display:inline; background:url(../images/bg_sbox.gif);}
#sbox h1{ background:#519CE4 url(../images/arrow1.gif) 8px 10px no-repeat; color:#FFFFFF; font-size:14px; height:25px; padding-left:25px; line-height:25px; margin:0; font-family:Arial, Helvetica, sans-serif; display:block;}
#sbox dl{ padding:0; margin:0;}
#sbox dt{ margin:18px 10px 0 10px ; color:#06318F; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#sbox dd{ margin:6px 10px 0 10px ; color:#3F69C5; font-size:12px; font-family:Arial, Helvetica, sans-serif; display:inline; display:block; line-height:18px; padding:0px;}

#sbox ul{ font-size:11px; font-weight:bold; color:#2B6AB9; font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none; text-align:center; height:20px; background:url(../images/bg_sel_line.gif) repeat-x; margin:6px auto 0; padding:0; }
#sbox li{width:84px; height:17px; float:left; margin-left:3px; padding-top:5px; background:url(../images/bg_sel_2.gif) no-repeat; cursor:hand;}
#sbox .selected{ background:url(../images/bg_sel_1.gif) no-repeat;}
#contact{ background:url(../images/bg_contact.gif) right no-repeat; font-size:12px; color:#3F69C5; width:254px; height:70px; float:left; padding:0px; margin:10px; display:inline; font-family:Arial, Helvetica, sans-serif;}
#contact b{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#06318F;}

#bottom{ width:800px; height:49px; padding-top:15px; margin:10px auto 0;  background:url(../images/bg_bottom.gif) repeat-x; clear:both; }
#bottom .links{ color:#3F69C5; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:10px; float:left;}
#bottom a{font-size:11px; color:#3F69C5; text-decoration: none; margin:0 6px;}
#bottom a:hover{ text-decoration:underline;}
#bottom .copyright{ color:#8A8A8A; float:right;}


#neck{height:29px; border-top:#D5D5D5 1px solid;}
#neck .title{ color:#3EB034; font-size:20px; line-height:30px; font-weight:bold; padding-left:15px;}

#side_about{ float:left; width:235px;}
#con_about{ float:left; padding:0px 20px 0px 20px; width:525px; font-size:12px; line-height:20px;}
#con_about h1{ border-bottom:#D5D5D5 1px solid; font-size:16px; color:#18327F; font:Arial, Helvetica, sans-serif; line-height:20px; display:block; padding-bottom:10px;}
#download{ margin:auto; padding-top:20px; width:207px;}
#download img{ border:0;}

#leftMenu{ width:237px; border-right:#D5D5D5 1px solid; float:left; margin:0;}
#leftMenu a{ text-decoration:none; width:234; height:30px; padding-left:25px; color:#06318F; background:url(../images/bg_menu.gif) no-repeat ; display:block;}
#leftMenu a:hover{ text-decoration:none; width:234; height:30px;color:#06318F;background:url(../images/bg_menu.gif) bottom no-repeat ; }
#leftMenu ul{ list-style-type:none; padding:0; margin:0; color:#06318F;}
#leftMenu li{ height:30px; width:234px; margin-bottom:1px; line-height:30px; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
#leftMenu .sub{height:30px; width:234px; line-height:30px; font-size:12px;  border-bottom:#E0F1FD solid 1px; font-weight:normal;}
#leftMenu .sub a{ background:#FFFFFF url(../images/dot.gif) 15px 15px no-repeat;}
#leftMenu .sub a:hover{ background:#FFFFFF url(../images/dot.gif) 15px 15px no-repeat; color:#6699FF;}

#mainCon{ width:559px; float:right; margin:0; padding:0;}
#topPic{ width:559px; height:133px; margin-bottom:3px;}
#conTitle{ width:559px; height:30px; background:url(../images/bg_conTitle.gif);}
#conTitle .title{  font-size:16px; font-weight:bold; color:#18327F; line-height:20px; display:block; margin: 0 5px; padding-top:5px;}
#conText{ width:539px; margin:0 auto; font-size:12px; line-height:20px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
#conText ul{ width:539px; padding:0; margin:0; list-style-type:none; display:block;}
#conText li{  background:#FFFFFF url(../images/dot.gif) 18px 9px no-repeat; padding-left:28px; }
#conText b{ font-size:14px; font-weight:bold; color:#18327F; line-height:25px; }
#conText_c{ width:539px; height:250px; margin:auto; font-size:12px; line-height:20px; margin-bottom:100px; background:url(../images/map.gif) -20px right no-repeat;}
.date{ color:#999999; margin-left:10px; font-size:12px; margin-bottom:100px;}
#newsCon{ width:510px; margin:auto; font-size:14px; line-height:20px; }
#newsCon ul{ width:490px; padding:0; margin:auto; list-style-type:none; display:block;}
#newsCon li{ background:url(../images/dotLine.gif) bottom repeat-x; color:#06318F; line-height:28px; display:block; }
#newsCon .linkMark{background:url(../images/arrow2.gif) 0px 5px no-repeat; padding-left:18px; color:#06318F; }
#newsCon .date{ color:#999999; margin-left:10px; font-size:12px;}
#newsCon .summary{  color:#999999; display:block; padding:10px 0 20px 18px;; line-height:18px;}
#newsCon .summaryQA{  color:#999999; display:block; padding:10px 0 20px; line-height:18px;}
#newsCon .QAstyle{background:url(../images/icon_qa.gif) 0px 5px no-repeat; padding-left:30px; color:#06318F; }
#showQA{background:url(../images/icon_qa.gif) 0px 5px no-repeat; padding-left:30px; }

#FAQ_title{font-size:16px; font-weight:bold; color:#18327F; line-height:30px; display:block; padding:0; margin:0 10px;}
#FAQ_view { padding-left:50px; background:url(../images/icon_qa.gif) 30px 5px no-repeat;}
#FAQ_conTitle{ width:559px; height:67px; background:url(../images/bg_conTitle.gif);}
#FAQ_conText{ width:489px; margin:10px auto 10px; font-size:14px; line-height:20px;}

#techCon{ width:510px; margin:auto; font-size:14px; line-height:20px; margin-bottom:100px;}
#techCon ul{ width:490px; padding:0; margin:auto; list-style-type:none; display:block;}
#techCon li{ width:230px; background:url(../images/dotLine.gif) bottom repeat-x; color:#06318F; line-height:28px; display:block; float:left; margin:0 3px;}
#techCon .linkMark{background:url(../images/arrow2.gif) 0px 5px no-repeat; padding-left:18px; color:#06318F; }

#arsisonMark{float:right; padding-top:8px; clear:both;}
#arsisonMark img{border:0;}