.col1, .col2, .col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:960px;}

/*======= header =======*/
#header {height:416px;}

.col1{ width:181px; margin-right:37px; text-align:right}
.col3{ width:181px; margin-right:37px;}
.col2{ width:679px;}
#content .bg{ background:url(images/tail.gif) repeat-y 195px top } 
#contentHP { background-image:url(images/bg.jpg); background-position: bottom right; background-repeat: no-repeat } 

/*======= index.html =======*/
#page1 #content .col-1{ width:406px; margin-right:52px}
#page1 #content .col-2{ width:219px}
#page1 #content .bg1{ background:url(images/tail.gif) repeat-y 437px top } 
/*======= index-1.html =======*/
#page2 #content .col-1{ width:319px; margin-right:49px}
#page2 #content .col-2{ width:311px}
#page2 #content .bg1{ background:url(images/tail.gif) repeat-y 348px top } 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:406px; margin-right:52px}
#page3 #content .col-2{ width:219px}
#page3 #content .bg1{ background:url(images/tail.gif) repeat-y 437px top } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:304px; margin-right:46px}
#page4 #content .col-2{ width:328px}
#page4 #content .bg1{ background:url(images/tail.gif) repeat-y 329px top } 
/*======= index-4.html =======*/
#page5 #content .col-1{ width:217px; margin-right:53px}
#page5 #content .col-2{ width:407px}
#page5 #content .bg1{ background:url(images/tail.gif) repeat-y 249px top } 

/*======= footer =======*/
#footer { height:54px; background:#3a73ba}