@charset "utf-8";
/*////////////////////////////////////////////////

  colopla
	Copyright (c)COLOPL, Inc. All Rights Reserved.
	CreationDate: 2010-8
	
////////////////////////////////////////////////*/
/*----------------------------
body
----------------------------*/
body{
	background:url(../image/bg_head.gif) repeat-x 0 0 #fff;
}
/*#bodyArea {
	width:1040px;
	margin:0 auto;
	background:url(../image/bg_head.gif) repeat-x 0 0 #fff;
	}
*//*----------------------------
header
----------------------------*/
header {
	overflow:hidden;
	width:940px;
	padding:17px 0 0;
	margin:0 auto;
}
header .logo {
	float:left;
	width:auto;
}
/*----------------------------
nav
----------------------------*/
header nav {
	margin:0 0 0 236px;
	padding-top:4px;
}
header nav li { float:left; }
header nav span {
	position:relative;
	display:block;
	overflow:hidden;
	width:0;
	height:0;
}
header nav a {
	display:block;
	width:175px;
	height:60px;
	background:url(../image/navi.jpg) no-repeat 0 0;
}
.recruit a { background-position:0 0; }
.company a { background-position:-175px 0; }
.press a { background-position:-350px 0; }
.contact a { background-position:-525px 0; }
.recruit a:hover { background-position:0 -60px; }
.company a:hover { background-position:-175px -60px; }
.press a:hover { background-position:-350px -60px; }
.contact a:hover { background-position:-525px -60px; }
#recruit .recruit a { background-position:0 -60px; }
#company .company a { background-position:-175px -60px; }
#press .press a { background-position:-350px -60px; }
#contact .contact a { background-position:-525px -60px; }
/*----------------------------
container
----------------------------*/
#container {
	width:940px;
	margin:0 auto;
}
/*----------------------------
main
----------------------------*/
#main {
	float:left;
	width:720px;
	margin-top:25px;
}
/*----------------------------
sub
----------------------------*/
#sub {
	float:right;
	width:180px;
	margin:25px 0 30px;
}
/*----------------------------
footer
----------------------------*/
.siteFooter {
	clear:both;
	margin-top:1px;
	height:70px;
	padding:20px 0 0;
	border-top:3px solid #ddd;
}
footer div {
	position:relative;
	width:940px;
	margin:0 auto;
}
footer .logo {
	position:absolute;
	left:0;
	top:0;
}
footer .sitemap {
	position:absolute;
	right:0;
	top:0;
	padding-left:15px;
	background:url(../image/icn_map.gif) no-repeat 0 50%;
}
footer .copyright {
	position:absolute;
	right:0;
	top:3em;
	padding:0 0 1em;
}
/*----------------------------
noscript
----------------------------*/
noscript p {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background:#C03;
	text-align:center;
	color:#FFF;
}
/*----------------------------
clear
----------------------------*/
nav,
header dl,
#container{
	/zoom : 1;
}
nav:after,
header dl:after,
#container:after,
{
	content : '';
	display : block;
	clear : both;
}