* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {background: #ffffff; font: 12px Arial, Helvetica, sans-serif; color: #000000; position: relative; height:auto !important; height:100%; min-height:100%;}
a {cursor: pointer; text-decoration: underline;}
a:hover {text-decoration: none;}
li {list-style: none;}
img {border: none;}
.set {clear: both;}

.all {min-width: 1004px;}

.header {height: 236px; background: url(../images/header-bg.gif) repeat-x; margin-left: 260px; position: relative;}
#header {max-width:1020px;}
.h01, .h02, .h03, .h04 {float: left; height: 236px;}
.h01 {width: 37%; background: url(../images/h01.jpg) no-repeat;}
.h02 {width: 30%; background: url(../images/h02.jpg) no-repeat;}
.h03 {width: 18%; background: url(../images/h03.jpg) no-repeat;}
.h04 {width: 15%; background: url(../images/h04.jpg) no-repeat; position: relative;}
.logo {width: 230px; height: 188px; background: url(../images/logo.gif) no-repeat; position: absolute; left: -260px; top: 0; padding: 48px 0 0 30px;}
.logo a {display: block; width: 199px; height: 38px;}
.logo-2 {width: 79px; height: 42px; display: block; position: absolute; right: 50px; bottom: 0; background: url(../images/logo-2.jpg) no-repeat;}

.left {width: 230px; float: left;}
.m1 {padding: 5px 0 8px 30px; border-left: solid 5px #3EC0F3;}
.m1 li {padding-bottom: 9px; font-size: 14px;}
.m1 li a {color: #006699;}
.m1 li.li-a a {color: #000000; text-decoration: none;}

.right {padding: 0 50px 40px 260px;}

h2 {font: 28px Arial, Helvetica, sans-serif; color: #000000; padding-bottom: 12px;}

#footer {position: absolute; bottom: 0; width: 100%; height: 45px;}
.footer {padding: 16px 32px; background: #E2ECF2; text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #546066;}