.col1, .col2, .col3, .col4{ float:left}
/*======= width =======*/
.w{
	margin:0 auto;
	text-align:left;
	width:900px;
	background-image: url(images/bg_top.jpg);
}

/*======= index.html =======*/
#page #header {
	height:225px
}
#page #content { height:310px; background:url(images/bg_content1.jpg)}
#page #footer { height:265px; background:url(images/bg_footer1.jpg)}

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

/*======= index-1.html =======*/
#page1 #content .col1{ width:356px;}
#page1 #content .col2{
	width:500px;
	background:url(images/page1_bg.gif) no-repeat top left
}
/*======= index-2.html =======*/
#page2 #content .col1{ width:208px; background:url(images/line_y.gif) repeat-y right}
#page2 #content .col2{
	width:600px;
	text-align: left;
}
/*======= index-3.html =======*/
#page3 #content .col1{ width:378px; background:url(images/line_y.gif) repeat-y right;}
#page3 #content .col2{ width:236px; background:url(images/line_y.gif) repeat-y left; margin-left:-1px}
/*======= index-4.html =======*/
#page4 #content .col1{ width:356px;}
#page4 #content .col2{ width:350px; background:url(images/page1_bg.gif) no-repeat top left}
/*======= index-5.html =======*/
#page5 #content .col1{ width:208px; background:url(images/line_y.gif) repeat-y right}
#page5 #content .col2{ width:407px; background:url(images/line_y.gif) repeat-y left; margin-left:-1px}
#page5 #content .col3{ width:201px;}
#page5 #content .col4{ width:168px;}
/*======= index-6.html =======*/
#page6 #content .col1{ width:614px}

/*======= footer =======*/
#footer { height:169px; background:url(images/bg_bot.jpg)}