.tail-top{ background:url(../images/bg1.gif) top left repeat-x}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 986px; }

/*======= header =======*/
header {height:240px;  background:url(../images/top-1.png) bottom center no-repeat; width:100%}

/*======= index.html =======*/
#page1 section .col-1{ width:397px; margin-right:0}
#page1 section .col-1 .col-1{ width:148px; margin-right:11px}
#page1 section .col-1 .col-2{ width:148px; margin-right:0}
#page1 section .col-2{ width:265px; margin-right:0}
#page1 section .col-3{ width:324px; margin-right:0}
#page1 aside .col-1{ width:859px; margin-right:0}
#page1 aside .col-2{ width:321px; margin-right:0}
#page1 aside .col-3{ width:245px; margin-right:97px}
#page1 aside .col-4{ width:235px; margin-right:0}
#page1 .bg{ background:url(../images/tail-1.gif) repeat-y 290px top } 
/*======= index_1.html =======*/
#page2 section .col-1{ width:310px; margin-right:78px}
#page2 section .col-2{ width:520px; margin-right:0}
/*======= index_2.html =======*/
#page3 .col-1{ width:661px; margin-right:0}
#page3 .col-2{ width:323px; margin-right:0}
/*======= index_3.html =======*/
#page4 section .col-1{ width:265px; margin-right:0}
#page4 section .col-2{ width:715px; margin-right:0}
#page4 aside .col-1{ width:659px; margin-right:0}
#page4 aside .col-2{ width:321px; margin-right:0}
/*======= index_4.html =======*/
#page5 section .col-1{ width:310px; margin-right:78px}
#page5 section .col-2{ width:520px; margin-right:0}
#page5 aside .col-1{ width:435px; margin-right:40px}
#page5 aside .col-2{ width:430px; margin-right:0}
/*======= index_5.html =======*/
#page6 section .col-1{ width:472px; margin-right:0}
#page6 section .col-2{ width:428px; margin-right:0}