.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:938px; }

/*======= header =======*/
#header {height:350px; background:url(images/top.gif) no-repeat bottom }
/*======= menu =======*/
#page1 .menu{ position:absolute; margin:213px 0 0 118px}
#page2 .menu{ position:absolute; margin:220px 0 0 152px}
#page3 .menu{ position:absolute; margin:230px 0 0 195px}
#page4 .menu{ position:absolute; margin:230px 0 0 245px}
#page5 .menu{ position:absolute; margin:221px 0 0 302px}
#page6 .menu{ position:absolute; margin:211px 0 0 366px}
#page7 .menu{ position:absolute; margin:202px 0 0 424px}
#page8 .menu{ position:absolute; margin:213px 0 0 118px}

/*======= index.html =======*/
#page1 #content .col-1{ width:169px}
#page1 #content .col-2{ width:247px}
#page1 #content .col-3{ width:253px}
#page1 #content .col-4{ width:205px}
#page1 .bg{ background:url(images/tail-1.gif) repeat-y 169px top; width:100% }
#page1 .bg1{ background:url(images/tail-1.gif) repeat-y 338px top; width:100% }
#page1 .bg2{ background:url(images/tail-1.gif) repeat-y 507px top; width:100% }
#page1 .bg3{ background:url(images/tail-1.gif) repeat-y 677px top; width:100% }
/*======= index-1.html =======*/
#page2 #content .col-1{ width:338px}
#page2 #content .col-2{ width:168px}
#page2 #content .col-3{ width:340px}
#page2 .bg{ background:url(images/tail-1.gif) repeat-y 338px top; width:100% }
#page2 .bg1{ background:url(images/tail-1.gif) repeat-y 507px top; width:100% }
/*======= index-2.html =======*/
#page3 #content .col-1{ width:169px}
#page3 #content .col-2{ width:400px; margin-right:38px}
#page3 #content .col-3{ width:410px}
#page3 .bg{ background:url(images/tail-1.gif) repeat-y 169px top; width:100% }
#page3 .bg1{ background:url(images/tail-1.gif) repeat-y 338px top; width:100% }
#page3 .bg2{ background:url(images/tail-1.gif) repeat-y 507px top; width:100% }
#page3 .bg3{ background:url(images/tail-1.gif) repeat-y 677px top; width:100% }
/*======= index-3.html =======*/
#page4 #content .col-1{ width:169px}
#page4 #content .col-2{ width:390px; margin-right:73px}
#page4 #content .col-3{ width:385px}
#page4 .bg{ background:url(images/tail-1.gif) repeat-y 169px top; width:100% }
#page4 .bg1{ background:url(images/tail-1.gif) repeat-y 338px top; width:100% }
#page4 .bg2{ background:url(images/tail-1.gif) repeat-y 507px top; width:100% }
#page4 .bg3{ background:url(images/tail-1.gif) repeat-y 677px top; width:100% }
/*======= index-4.html =======*/
#page5 #content .col-1{ width:170px}
#page5 #content .col-2{ width:169px}
#page5 #content .col-3{ width:509px}
#page5 #content .col-4{ width:360px}
#page5 #content .col-5{ width:490px}
#page5 .bg{ background:url(images/tail-1.gif) repeat-y 169px top; width:100% }
#page5 .bg1{ background:url(images/tail-1.gif) repeat-y 338px top; width:100% }
/*======= index-5.html =======*/
#page6 #content .col-1{ width:515px}
#page6 #content .col-2{ width:170px}
#page6 #content .col-3{ width:163px}
#page6 .bg{ background:url(images/tail-1.gif) repeat-y 514px top; width:100% }
#page6 .bg1{ background:url(images/tail-1.gif) repeat-y 684px top; width:100% }
/*======= index-6.html =======*/
#page7 #content .col-1{ width:170px}
#page7 #content .col-2{ width:169px}
#page7 #content .col-3{ width:500px}
#page7 #content .col-4{ width:183px}
#page7 #content .col-5{ width:299px}
#page7 #content .col-6{ width:509px}
#page7 #content .col-7{ width:341px}
#page7 .bg{ background:url(images/tail-1.gif) repeat-y 173px top; width:100% }
#page7 .bg1{ background:url(images/tail-1.gif) repeat-y 345px top; width:100% }
/*======= footer =======*/
#footer { height:110px; }