.tail-top{ background:url(images/top.gif) repeat-x top #fff}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }


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

/*======= header =======*/
#header {height:510px;}
#headerNoAni {height:160px;}


/*======= index.html =======*/
#page1 #content .col-1{ width:305px; margin-right:15px;}
#page1 #content .col-2{ width:302px; margin-right:12px;}
#page1 #content .col-3{ width:302px}

#page1 #content .colA-1{ width:230px; margin-right:14px;}
#page1 #content .colA-2{ width:230px; margin-right:14px;}
#page1 #content .colA-3{ width:210px; margin-right:14px;}
#page1 #content .colA-4{ width:210px}

#page1 #content .colS-1{ width:305px; margin-right:20px;}
#page1 #content .colS-2{ width:600px; }

/*======= index-1.html =======*/
#page2 #content .col-1{ width:268px; margin-right:40px}
#page2 #content .col-2{ width:267px; margin-right:42px}
#page2 #content .col-3{ width:263px}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:565px; margin-right:58px}
#page3 #content .col-2{ width:267px}
#page3 #content .col-3{ width:266px; margin-right:37px}
#page3 #content .col-4{ width:258px}

/*======= index-3.html =======*/
#page4 #content .col-1{ width:270px; margin-right:38px}
#page4 #content .col-2{ width:600px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:565px; margin-right:58px}
#page5 #content .col-2{ width:267px}
#page5 #content .col-3{ width:266px; margin-right:37px}
#page5 #content .col-4{ width:260px}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:464px; margin-right:10px}
#page6 #content .col-2{ width:436px}

/*======= footer 71 px =======*/
#footer { width:100%; height:180px; }