#main { width:1024px; margin:0 auto; text-align:left;}

#header {height:105px; padding-top:0px; background-color: #FFF;}

#footer { height:42px; background:url(images/footer-tail.gif) top repeat-x;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}

#header .col-1 {width:310px !important;}
#header .col-2 {width:633px !important;}

/* ============================= page1 ===========================*/

#page1 .box .col-1 {width:250px;}
#page1 .box .col-2 {width:615px;}

#page1 .line {background:url(images/line.gif) repeat-y 240px 0;}
#page1 .line2 {background:url(images/line2.gif) repeat-y 485px 0;}
#page1 .col-1 {width:420px;}
#page1 .col-2 {width:390px;}

#page1 .col-2 .col-1 {width:195px;}
#page1 .col-2 .col-2 {width:148px;}

/* ============================= page2 ===========================*/

#page2 .line2 {background:url(images/line2.gif) repeat-y 457px 0;}
#page2 .box .col-1 {width:450px;}
#page2 .box .col-2 {width:450px;}	

#page2 .box2 .col-1 {width:300px;}
#page2 .box2 .col-2 {width:300px;}
#page2 .box2 .col-3 {width:300px;}

#page2 .line {background:url(images/line.gif) repeat-y 455px 0;}
#page2 .col-1 {width:420px;}
#page2 .col-2 {width:390px;}

#page2 .col-2 .col-1 {width:195px;}
#page2 .col-2 .col-2 {width:148px;}
#page2 .col-2 .col-3 {width:50px;}

/* ============================= page3 ===========================*/

#page3 .box .col-1 {width:300px;}
#page3 .box .col-2 {width:565px;}

#page3 .line {background:url(images/line.gif) repeat-y 470px 0;}
#page3 .col-1 {width:420px;}
#page3 .col-2 {width:390px;}

#page3 .col-1 .col-1 {width:225px;}
#page3 .col-1 .col-2 {width:193px;}

/* ============================= page4 ===========================*/

#page4 .line2 {background:url(images/line2.gif) repeat-y 457px 0;}
#page4 .box .col-1 {width:408px;}
#page4 .box .col-2 {width:377px;}

#page4 .line {background:url(images/line.gif) repeat-y 470px 0;}
#page4 .col-1 {width:420px;}
#page4 .col-2 {width:390px;}

#page4 .col-1 .col-1 {width:100px;}
#page4 .col-1 .col-2 {width:314px;}

#page4 .col-2 .col-1 {width:200px;}
#page4 .col-2 .col-2 {width:175px;}

/* ============================= page5 ===========================*/

#page5 .box .col-1 {width:270px;}
#page5 .box .col-2 {width:270px;}
#page5 .box .col-3 {width:270px;}

#page5 .line {background:url(images/line.gif) repeat-y 470px 0;}
#page5 .col-1 {width:420px;}
#page5 .col-2 {width:390px;}

#page5 .col-1 .col-1 {width:225px;}
#page5 .col-1 .col-2 {width:193px;}

/* ============================= page6 ===========================*/

#page6 .line2 {background:url(images/line2.gif) repeat-y 457px 0;}
#page6 .box .col-1 {width:408px;}
#page6 .box .col-2 {width:384px;}

#page6 .line {background:url(images/line.gif) repeat-y 470px 0;}
#page6 .col-1 {width:439px;}
#page6 .col-2 {width:390px;}

#page6 .col-2 .col-1 {width:183px;}
#page6 .col-2 .col-2 {width:199px;}


/* =========================== links =========================*/

.moto a { 
display: block; 
width: 350px; 
height: 75px; 
background: transparent url(images/link_moto.gif) no-repeat; 
}

.moto a:hover { 
background-position: -350px 0; 
}

.takao a { 
display: block; 
width: 350px; 
height: 75px; 
background: transparent url(images/link_takao.gif) no-repeat; 
}

.takao a:hover { 
background-position: -350px 0; 
}

.saka a { 
display: block; 
width: 350px; 
height: 75px; 
background: transparent url(images/link_saka.gif) no-repeat; 
}

.saka a:hover { 
background-position: -350px 0; 
}