@charset "shift_jis";


div#wrap {
	margin: 0 auto;
	width: 1024px;
	background: #fff;
	}
div#top {
	border-top: solid 5px #000;
	}
div#top h1 {
	float: left;
	}
div#top p {
	float: right;
	text-align: right;
	}
div#top p span {
	font-size: 250%;
	font-weight: bold;
	font-family: Impact;
	color: #333;
	}
div#headerHome, div#headerCompany,
div#headerAct, div#headerRecruit,
div#headerContact, ul#footerNav {
	display: block;
	clear: both;
	content: "";
	}
/*headerImage*/
div#headerHome, div#headerCompany,
div#headerAct, div#headerRecruit,
div#headerContact {
	width: 100%;
	height: 300px;
	}
div#headerHome {
	background: url("../image/bg_header.gif") no-repeat;
	}
div#headerCompany {
	background: url("../image/bg_headerComp.gif") no-repeat;
	}
div#headerAct {
	background: url("../image/bg_headerAct.gif") no-repeat;
	}
div#headerRecruit {
	background: url("../image/bg_headerRecr.gif") no-repeat;
	}
div#headerContact {
	background: url("../image/bg_headerContact.gif") no-repeat;
	}

/*Contents*/
div#content {
	padding: 20px 10px;
	}
div#main {
	float: left;
	width: 75%;
	}
div#sub {
	float: right;
	padding-left: 10px;
	width: 22%;
	}
div#sub ul li {
	margin-bottom: 20px;
	}
div#main p.about {
	font-size: 108%;
	margin-bottom: 1em;
	}
div#main h2 {
	margin: 0 0 1em;
	padding-left: 1em;
	width: 96.5%;
	height: 40px;
	font-size: 138.5%;
	line-height: 40px;
	background-repeat: repeat-x;
	border-bottom: solid 1px #f93;
	border-left: solid 10px #f93;
	}
div#main ul.list li {
	padding: 1em 0;
	border-bottom: dotted 1px #999;
	}
p.listTitle, p.listTitle2 {
	margin-bottom: 1em;
	padding: 0.5em 1em;
	width: 300px;
	color: #fff;
	font-weight: bold;
	}
p.listTitle {
	background: #f93;
	border: outset 2px #f93;
	}
p.listTitle2 {
	background: #999;
	border: outset 2px #999;
	}
p.line1 {
	margin-bottom: 2em;
	}
p.line2 {
	padding-bottom: 2em;
	}
table.job, table.jobPlace {
	border-collapse: collapse;
	margin-bottom: 2em;
	}
table.job th, table.job td,
table.jobPlace th, table.jobPlace td {
	padding: 0.5em 1em;
	text-align: left;
	border: solid 1px #666;
	}
table.job th, table.jobPlace th {
	width: 150px;
	}
table.job th {
	background: #fc9;
	color: #633;
	}
table.jobPlace th {
	background: #ccc;
	color: #333;
	}
table.job td, table.jobPlace td {
	width: 500px;
	}
div.mail {
	margin: 2em 0 0;
	text-align: center;
	}
div#footer {
	clear: both;
	padding: 1em;
	text-align: center;
	color: #fff;
	background: #000;
	}
/*headeNav*/
ul#headerNav li a {
	display: block;
	text-indent: -9999px;
	width: 150px;
	height: 60px;
	background: url("../image/headerNav.gif") no-repeat;
	}
ul#headerNav a.nav1 {
	background-position: 0px 0;
	}
ul#headerNav a.nav1:hover {
	background-position: -150px 0;
	}
ul#headerNav li a.nav2 {
	background-position: 0 -60px;
	}
ul#headerNav li a.nav2:hover {
	background-position: -150px -60px;
	}
ul#headerNav li a.nav3 {
	background-position: 0 -120px;
	}
ul#headerNav li a.nav3:hover {
	background-position: -150px -120px;
	}
ul#headerNav li a.nav4 {
	background-position: 0 -180px;
	}
ul#headerNav li a.nav4:hover {
	background-position: -150px -180px;
	}
ul#headerNav li a.nav5 {
	background-position: 0 -240px;
	}
ul#headerNav li a.nav5:hover {
	background-position: -150px -240px;
	}
/*footerNav*/
ul#footerNav {
	margin: 0 auto;
	width: 40.5%;
	}
ul#footerNav li {
	float: left;
	margin: 1em 0 0;
	}
ul#footerNav li:after {
	content: '|';
	margin: 0 1em;
	}
ul#footerNav li:last-child:after {
	content: '';
	}
