@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666;}
h1{ padding:0px; margin:0px; color:#006699; font-size:12px; font-weight:bold;}
h2{ padding:0px; margin:0px; color: #333333; font-size:12px; font-weight:bold;}
h3{ padding-bottom:10px; margin:0px; color: #333333; font-size:12px; font-weight:bold;}
.read{color:#FF0000; text-decoration:none; padding-top:10px;}
.red{color:#990000;}
a{ text-decoration:none; color: #006699;}
#wrapper{width:100%; background-image:url(images/bg.jpg); background-repeat:repeat-y; background-position:center; padding-bottom:0px; margin-top:20px;}
#wrapper #bpart{width:1000px; margin:auto;}
#wrapper #bpart #header{width:1000px; margin-left:1px; height:110px; background-image:url(images/header_bg.jpg); background-repeat:repeat-x; background-position:top;  padding-top:10px;}
#logo{ width:350px; height:108px; float:left; padding-left:20px;}
#topicon{width:500px; float:right; padding-right:15px; text-align:right;}
#navi{height:34px; float:right; background-image:url(images/navi_bg.jpg); background-repeat:repeat-x; margin-right:10px; margin-top:20px;}
#navi .nl{ float:left; width:7px; height:34px; background-image: url(images/navi_left.jpg); background-repeat:no-repeat;}
#navi .nm{ float:left; width:550px; height:34px;}
#navi .nr{ float:left; width:7px; height:34px; background-image: url(images/navi_right.jpg); background-repeat:no-repeat;}
#navi .nm ul{ float:left; height:34px; margin:0px; padding:0px;}
#navi .nm ul li{float:left; list-style:none; text-decoration:none; background-image:url(images/seprater.jpg); background-position:right; background-repeat:no-repeat;}
#navi .nm ul li a{ display:block;float:left; text-decoration:none; color:#000000; padding-left:13px; padding-right:13px; padding-top:8px; height:26px;}
#navi .nm ul li a:hover{float:left; text-decoration:none; color: #000000; background-image:url(images/navi_hover.jpg); background-repeat:repeat-x; border-right:1px; border-right:1px #FFFFFF solid; padding-left:12px; padding-right:13px;}

#animatedbox{ float:left; width:988px; padding-bottom:10px; background-image:url(images/border.jpg); background-repeat:repeat-x; background-position:top; padding-top:15px; padding-left:13px;}
#flashbox{width:639px; float:left; height:308px;}
#expertis{width:326px; float:left; margin-left:10px;}
#expertis #etop{width:326px; height:41px; float:left; background-image:url(images/f%20bg.jpg); background-repeat:repeat-x; background-position:top; font-weight:bold; color:#FFFFFF;}
#expertis #etop .el{width:6px; height:41px; float:left;}
#expertis #etop .em{float:left; height:31px; padding-top:10px; padding-left:10px;}
#expertis #etop .er{width:6px; height:41px; float: right;}
#expertis #emid{width:326px; float:left;}

#expertis #emid .av{width:316px; padding:5px; float:left; border-bottom:2px #FFFFFF solid; color: #000000; background-color:#E4E4E4}
#expertis #emid .av .dsc{width:190px; padding-left:10px; padding-top:10px; margin-right:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#045498}
#expertis #emid .av .img{width:106px; float:left;}

#expertis #ebot{width:326px; float:left;}
#marquee{height:31px; float:left; padding-left:13px; margin-bottom:13px;}
#marquee .mleft{height:31px; width:6px; float:left;}
#marquee .mmid{height:24px; width:865px; padding-top:7px; padding-left:10px;float:left;background-image:url(images/marquee_bg.jpg);background-repeat:repeat-x;}
#marquee .mright{height:31px; width:94px; float:left; background-image:url(images/icon.jpg); background-repeat:no-repeat;}

#botombox{ float:left; width:988px; padding-left:13px;}
#botombox .a1{ float:left; width:300px;}
#botombox .a1 .tit{ float:left; width:290px; height:30px; padding-left:10px; padding-top:10px;}
#botombox .a1 .about{ float:left; width:280px; padding-left:10px; padding-top:5px; padding-bottom:5px; line-height:18px;}

#botombox .a2{ float:left; width:341px; margin-right:10px; border-right:1px #CCCCCC solid; border-left:1px solid #CCCCCC}
#botombox .a2 .tit2{ float:left; width:300px; height:30px; padding-left:10px; padding-top:10px;}
#botombox .a2 .abouts{ float:left; width:331px; padding-left:10px;}

#botombox .a3{ float:left; width:300px; }
#botombox .a3 .tit3{ float:left; width:280px; height:30px; padding-left:10px; padding-top:10px;}
#botombox .a3 .abouts3{ float:left; width:280px; padding-left:10px;}

/* left panel */
#innerleft{ float:left; width:658px; padding-left:20px; padding-top:10px; padding-right:20px; line-height:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-right:1px #d9d5d5 solid;}

/* right panel */
#innerright{ float: right; width:280px; min-height:400px; padding-left:10px; padding-right:10px; }
#innerright .vnavi{ width:280px; list-style:none; float:left;}
.margin10{margin-top:10px;}

/* products */
#product_box{width:638px; float:left; background-image:url(images/products_bg.jpg); background-color:#f9f9f9; background-repeat:repeat-x; padding:10px; border:1px solid #D4D4D4; margin-bottom:20px;}
#pimg{float:left;}
#pdetail{
	width:429px;
	float:right;
	padding-left:20px;
}

/* footer */
#wrapper2{width:100%;}
#wrapper2 #footer{width:1000px; margin:auto; background-image:url(images/footer%20bg.jpg); background-repeat:repeat-x; padding-top:15px; padding-top:10px;}
#wrapper2 #footer a{color: #999999;}
#rights{float:left; color:#666666; padding-left:10px;}
#rights a{color:#000000;}
#link{float:right; margin-bottom:20px; padding-left:10px;}
input{width:200px;}

.marquee {
width:280px;
padding:0px;
white-space: nowrap; 
overflow: hidden;
margin-left:5px;
mamargin-top:0px;

/* Safari and Chrome  */
overflow-x:-webkit-marquee;
-webkit-marquee-direction: up;
-webkit-marquee-style: scroll;
-webkit-marquee-speed: medium;
-webkit-marquee-increment: small;
-webkit-marquee-repetition: infinite;

}