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

/*----
/////////////////////////////////////////////////////
 sunef contents
/////////////////////////////////////////////////////
---*/

@import url("base.css");


/*--  Layout
------------------------------------------------------*/
#wrapper {
	width: 900px;
	margin: auto;
	text-align: left;
}
header {
	padding: 47px 0 44px 0 ;
	margin: 0;
}
	header h1 {
		margin: 0 !important;
		text-align: left;
	}
#page {
	text-align: left;
	background: url(../img/common/pageBack.png) repeat-y top left ;
}
#page::after {
	display: block;
	content: "";
	float: none;
	clear: both;
}
	#page nav {
		width: 220px;
		float: left;
	}
	#page #contents {
		width: 670px;
		float: right;
		text-align: left;
}
	#contets::after {
		display: block;
		content: "";
		float: none;
		clear: both;
	}
		#page nav ul {
			margin: 0;
			padding: 30px 0 40px 26px;
		}
			#page nav ul li {
				margin: 0 0 13px 0; 
			}
	#contents h2 {
		margin: 0;
	}
		#contents article {
			padding: 20px 40px ;
		}


/*----
/////////////////////////////////////////////////////
 corporate
/////////////////////////////////////////////////////
---*/

.company {
}

.company article .sec01 {
}
	.company article .sec01 dl {
	}
		.company article .sec01 dl img {
			margin: 0;
			padding: 0;
			vertical-align: middle;
		}
		.company article .sec01 dl dt {
			float: left;
			margin: 0 !important;
			padding: 0 !important;
			width: 144px;
		}
		.company article .sec01 dl dd {
			position: relative;
			padding: 0 0 0 144px;
			border-bottom: 1px solid #E60214;
			margin: 0;
		}
		.company article .sec01 dl dd:last-of-type {
			border-bottom : none ;
		}

/*----
/////////////////////////////////////////////////////
 corporate
/////////////////////////////////////////////////////
---*/

.recruit {
}
.recruit article .sec01 {
}
	.recruit article .sec01 dl {
	}
		.company article .sec01 dl img {
			margin: 0;
			padding: 0;
			vertical-align: middle;
		}
		.recruit article .sec01 dl dt {
			float: left;
			margin: 0 !important;
			padding: 0 !important;
			width: 144px;
		}
		.recruit article .sec01 dl dd {
			position: relative;
			padding: 0 0 0 144px;
			margin: 0;
		}

/*----
/////////////////////////////////////////////////////
 service
/////////////////////////////////////////////////////
---*/

.service {
}
	.service .sec01 {
		margin: 0 0 50px 0 ;
	}
	.service .sec02 {
	}
		.service .sec02 dl {
		}
			.service .sec02 dl dt {
				margin: 0;
				padding: 0;
			}
			.service .sec02 dl dd {
				margin: 0 0 40px 0 ;
			}


/*----
/////////////////////////////////////////////////////
 works
/////////////////////////////////////////////////////
---*/

.works .sec01 {
}
	.works .sec01 ul {
		margin: 0;
		list-style: none;
		padding: 30px 0 0 0 ;
	}
		.works .sec01 ul::after {
			display: block;
			clear: both;
			float: none;
			content: "";
		}
		.works .sec01 ul li {
		margin: 0 5px 5px 0 ;
		list-style: none;
		float: left;
		}
		.works .sec01 ul li:nth-of-type(3n) {
		margin: 0 0 4px 0 !important ;
		}
		.works .sec01 ul li img {
			vertical-align: middle;
		}

/*----
/////////////////////////////////////////////////////
 access
/////////////////////////////////////////////////////
---*/

.access .sec01 {
	position: relative;
	height: 500px;
}
	.access .sec01 img {
		position: absolute;
		top:-70px;
	}