
#toppage{}
.toppage{}



/* Rec
---------------------------------------------------- */

/* wb_[ */

#header_wrap{ position:absolute; height:400px; width:100%; left:0; bottom:0; z-index:999;}
header{ width:980px; margin:0 auto; position:relative;}
h1{ position:absolute; right:2px; top:0;}


header nav{ position:absolute; top:164px; left:10px; width:250px;}
header nav ul{ position:relative; width:250px;}
header nav ul li{ width:26px; position:absolute; top:0;}

header nav ul li.nav_about{ left:223px;}
header nav ul li.nav_news{ left:178px;}
header nav ul li.nav_works{ left:149px;}
header nav ul li.nav_company{ left:104px;}
header nav ul li.nav_recruit{ left:75px;}
header nav ul li.nav_access{ left:30px;}
header nav ul li.nav_contact{ left:0;}

header nav ul li img{ width:26px!important; max-width:26px!important; height:116px!important;}


.copy{ position:absolute; top:364px; left:0;}


/*tb^[*/
div#container{position:fixed;}
div#wrap{ padding-bottom:0;}



/* nbN
---------------------------------------------------- */

/*ipad@cό«Ξτ*/

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {

}


/*ipad@‘ό«Ξτ*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}




/*iphoneΞτ*/
/* ----iPhone 3`4 c---- */
@media only screen and (max-width: 320px) and (orientation:portrait){

}

/* ----iPhone 3`4 ‘---- */

@media only screen and (max-width: 480px) and (orientation:landscape){

}

