/* CSS Document */
#wrap {margin:0 auto; width:100%; background:url(../images/bg_header.gif) top repeat-x #fff;}
#top a{width:44px; height:44px; display:block; background:url(../images/top_off.gif) no-repeat; text-indent:-5000px; font-size:0; line-height:0;}
#top a:hover{background:url(../images/top_on.gif) no-repeat;}

/* header */
#header {width:960px; margin:0 auto; height:130px; overflow:hidden;}
#header h1 {width:580px; height:45px; background:url(../images/logo.gif) right 18px no-repeat; padding-top:18px; float:left;}
#header h1 a {float:left; display:block; width:120px; height:45px; text-indent:-5000px;}
#header .right{float:right; text-align:right; width:280px; height:81px;}
/*#header .right p{background:url(../images/head_top01.gif) 120px 16px no-repeat; padding:15px 0; line-height:20px;}
*/#header .right01 p{background:url(../images/head_top.gif) 298px 16px no-repeat; padding:15px 0; line-height:20px;}
#header .right p a{display:inline}
#header .right strong{color:#000;}
#header .right strong a{color:#f98307;}

#header .right p{padding:10px 0; line-height:20px; overflow:hidden; text-align:left;}
#header .right p span{display:block;background:url(../images/head_top.gif) left 3px no-repeat!important; padding:5px 0 5px 20px; line-height:20px; height:20px; float:left; width:75px;}
#header .right p a{margin-left:15px; display:block; background:url(../images/head_top.gif) -112px 5px no-repeat; padding:5px 0 0 20px; line-height:20px; height:20px; overflow:hidden; width:50px; float:left;}
#header .right p a.bg01{background:url(../images/head_top.gif) -200px 5px no-repeat;}
#header .right p a.bg02{background:url(../images/head_top.gif) -285px 3px no-repeat;}
#header .right p a.bg03{background:url(../images/head_top.gif) -375px 3px no-repeat;}
#header .right p a.bg04{background:url(../images/shopping.gif) left 0 no-repeat;}
#header .right p a.bg05{background:url(../images/head_top.gif) left 5px no-repeat; width:75px;}


#header .right02{float:right; text-align:right; width:480px; height:81px;}
#header .right02 p{padding:15px 0; line-height:20px;}
#header .right02 p span{display:inline;background:url(../images/head_top.gif) left 3px no-repeat; padding:5px 0 5px 25px; line-height:20px; height:20px;}
#header .right02 p a{ margin-left:15px; display:inline;background:url(../images/head_top.gif) -112px 3px no-repeat; padding:5px 0 5px 25px; line-height:20px; height:20px;}
#header .right02 p a.bg01{background:url(../images/head_top.gif) -200px 3px no-repeat;}
#header .right02 p a.bg02{background:url(../images/head_top.gif) -285px 3px no-repeat;}
#header .right02 p a.bg03{background:url(../images/head_top.gif) -375px 3px no-repeat;}

/* menu */
#header #menu {margin:0 auto; padding:6px 0; height:37px; width:960px; clear:both;}
#header #menu li{color:#fff; float:left;}
#header #menu li a{display:block; width:110px; height:37px; text-indent:-5000px; background:url(../images/menu.gif) center -1px no-repeat; margin:0 5px;}
#header #menu li ul{float:left; position:absolute; width:80px; background:url(../images/bg_menu.gif) center top no-repeat; margin:-4px 0 0 17px; display:inline; z-index:10000; padding:10px 5px 6px 5px;}
#header #menu li ul li{color:#fff; float:left; padding-top:5px; width:80px; margin:0;}
#header #menu li ul li a{display:block; width:80px; height:22px; line-height:22px; text-indent:0; background:none; margin:0; color:#37ace4; text-align:center;}
#header #menu li ul li a:hover{background:#77c6ed; color:#fff; text-decoration:none;}
#header #menu li a.a2{background-position: center -38px;}
#header #menu li a.a3{background-position: center -77px;}
#header #menu li a.a4{background-position: center -114px;}
#header #menu li a.a5{background-position: center -152px;}
#header #menu li a.a6{background-position: center -190px;}
#header #menu li a.a7{background-position: center -228px;}
#header #menu li a.a8{background-position: center -266px;}
#header #menu li a.a9{width:112px; height:37px; background:url(../images/menu01.gif) center -1px no-repeat;;}

#header #menu li a:hover{background:url(../images/menu_over.gif) center -2px no-repeat;}
#header #menu li a:hover.a2{background-position: center -38px;}
#header #menu li a:hover.a3{background-position: center -77px;}
#header #menu li a:hover.a4{background-position: center -114px;}
#header #menu li a:hover.a5{background-position: center -152px;}
#header #menu li a:hover.a6{background-position: center -190px;}
#header #menu li a:hover.a7{background-position: center -228px;}
#header #menu li a:hover.a8{background-position: center -266px;}
#header #menu li a:hover.a9{width:112px; height:37px; background:url(../images/menu01.gif) center -39px no-repeat;}

#header #menu li .on01{background:url(../images/menu_on.gif) center 0px no-repeat;}
#header #menu li .on02{background:url(../images/menu_on.gif) center -38px no-repeat;}
#header #menu li .on03{background:url(../images/menu_on.gif) center -77px no-repeat;}
#header #menu li .on04{background:url(../images/menu_on.gif) center -114px no-repeat;}
#header #menu li .on05{background:url(../images/menu_on.gif) center -152px no-repeat;}
#header #menu li .on06{background:url(../images/menu_on.gif) center -190px no-repeat;}
#header #menu li .on07{background:url(../images/menu_on.gif) center -228px no-repeat;}
#header #menu li .on08{background:url(../images/menu_on.gif) center -266px no-repeat;}
#header #menu li .on09{width:112px; height:37px; background:url(../images/menu01.gif) center -77px no-repeat!important;}
#header #menu li .on01:hover,#header #menu li .on02:hover,#header #menu li .on03:hover,#header #menu li .on04:hover,#header #menu li .on05:hover,#header #menu li .on06:hover,#header #menu li .on07:hover,#header #menu li .on08:hover{background:url(../images/menu_on.gif);}
#header #menu li .on09:hover{background:url(../images/menu01.gif) center -77px no-repeat;}

/* footer */
#footer {margin:0; padding:20px 0; height:50px; width:100%; background:url(../images/bg_footer.gif) top repeat-x; clear:both;}
#footer p {width:100%; text-align:center; line-height:23px;}