@charset "utf-8";

/* トップ用CSS
==========================================*/
/* visual */
#visual .visual-inr {
	margin:0 auto;
	position:relative;
	height:360px;
	width:1300px;
}
#visual p {
	display:none;
	position:absolute;
}
#visual .first {
	display:block;
}

/* contents */
#contents {
	margin-top:22px;
	min-height:460px;
	height:auto !important;
	height:460px;
}
#contents .recruitBox {
	position:relative;
	width:511px;
	z-index:12;
	margin-bottom:10px;
	background:#ffe800;
	border:solid 1px #cfcebe;
	padding:11px;
}
#contents .recruitBox ul li {
	float:left;
	width:166px;
	background:#fff;
}
#contents .recruitBox ul li + li {
	margin-left:6px;
}
#contents .recruitBox ul li img:hover {
	opacity:0.8;
}
#contents .bnr {
	position:relative;
	width:535px;
	z-index:11;
	margin-bottom:30px;
}
#contents .bnr img:hover {
	opacity:0.8;
}
#contents .news {
	position:relative;
	width:535px;
	z-index:10;
}
#contents .news dt {
	border-bottom:10px solid #dfdfde;
	margin-bottom:30px;
	padding-bottom:10px;
}
#contents .news dd {
	color:#02293e;
	margin-bottom:10px;
	padding-left:10px;
}
#contents .news dd a {
	color:#02293e;
}
#contents .news dd a:hover {
	text-decoration:none;
}
#contents .news dd p {
	float:left;
}
#contents .news dd .date {
	margin-right:5px;
	width:75px;
}
#contents .news dd .icon {
	margin-right:10px;
}
#contents .news dd .text {
	width:365px;
}
#contents .squarenav {
	position:absolute;
	right:8px;
	bottom:5px;
	z-index:10;
}
#contents .mainbg {
	position:absolute;
	right:0;
	bottom:0;
	z-index:5;
}

/* footer */
#footer .footer-inr {
	background:url(../img/top/bg_footer.gif) no-repeat right top;
}