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

body { margin:0px; padding:0px; background:#fff; font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
p, img, h1, h2, ul { margin:0px; padding:0px;}
ul { list-style:none;}
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline;}



#main { width:1003px; margin:0 auto; padding:0px; position:relative;}
#toppan p.marquee { width:900px; margin:0px auto; padding:5px 0 0 0; height:20px; display:block; line-height:20px; color:#fff; font-weight:bold; font-size:12px;}
#toppan{ width:1003px; margin:0 auto; padding:0px; position:relative; background:url(images/toppan1.jpg) 0 0 no-repeat; height:143px;}
#toppan p.logo a { background:url(images/logo.png) 0 0 no-repeat; width:290px; height:90px; top:45px; left:90px; 
				   display:block; position:absolute; float:left;}
#toppan p.logo a span { width:255px; height:84px; visibility:hidden;}

#toppan ul {
	width:545px;
	margin:0px;
	padding:0px;
	top:100px;
	left:468px;
	position:absolute;
}
#toppan ul li { float:left; display:block; }
#toppan ul li a.home { background:url(images/home.gif) center center no-repeat; width:40px; height:27px; display:block; padding:0 10px; text-decoration:none;}
#toppan ul li a.home:hover { background:url(images/home_over.gif) center center no-repeat; text-decoration:none;}
#toppan ul li a.about { background:url(images/about.gif) center center no-repeat; width:103px; height:27px; display:block; text-decoration:none;}
#toppan ul li a.about:hover { background:url(images/about_over.gif) center center no-repeat; text-decoration:none;}
#toppan ul li a.special { background:url(images/special.gif) center center no-repeat; width:136px; height:27px; display:block;text-decoration:none;}
#toppan ul li a.special:hover { background:url(images/special_over.gif) center center no-repeat; text-decoration:none;}
#toppan ul li a.menu { background:url(images/menus.gif) center center no-repeat; width:99px; height:27px; text-decoration:none; display:block;}
#toppan ul li a.menu:hover { background:url(images/menus_over.gif) center center no-repeat; text-decoration:none;}
#toppan ul li a.contact { background:url(images/contact.gif) center center no-repeat; width:126px; height:27px; text-decoration:none; display:block;}
#toppan ul li a.contact:hover { background:url(images/contact_over.gif) center center no-repeat; text-decoration:none;}




#banner { width:928px; margin:0 auto; padding:0 0 0 75px; background:url(images/banner.jpg) 0 0 no-repeat; height:370px;}

#banner p.banner { width:845px; height:370px; padding:0px; margin:0px;}



#foot {	width: 100%;
	padding:0px;
	font-size:11px;
	font-weight:normal;
	text-align: center;
	color: #FFFFFF;
	float:left;}
#footer { width:1003px; margin:0px auto; background:url(images/footer.gif) 0 0 no-repeat; height:61px; padding:0px;}
#footer p.ftleft { width:380px; float:left; display:block; margin:30px 0 0 20px;}
#footer p.cards { width:126px; height:26px; background:url(images/cards_bg.gif) 0 0 no-repeat; display:block; 
				  line-height:26px; padding:5px 0 0 0; float:left; margin:20px 0 0 180px;}
#footer p.direction { width:200px; margin:30px 0px 0px 0px; float:left; text-align:left; display:block; font-weight:bold; color:#fff;}
#footer p.ftright { width:270px; float:left; margin:30px 0 0 25px; display:block; text-align:left; color: #FFFFFF;}
#footer p.hit { width:100px; float:right; margin:20px 0 0 0; display:block; text-align:left;}