@charset "shift-JIS";

.hidden {
	display: none;
	}
.opacity0 {
	opacity: 0;
	}

body {
	background: url("../../image/pc/bg.gif") repeat-x;
	}
div#wrap {
	margin: 0 auto;
	width: 960px;
	}
div#navSpace {
	padding: 10px;
	}
	/*navBtn*/
	ul#nav li {
		float: left;
		margin-bottom: 10px;
		}
	ul#nav li a {
		display: block;
		width: 188px;
		height: 30px;
		background: url("../../image/pc/nav.gif") no-repeat;
		background-position: 0 0;
		}
	ul#nav li a.index:hover {
		background-position: 0 -30px;
		}
	ul#nav li a.indexSelect {
		background-position: 0 -60px;
		}
	ul#nav li a.company {
		background-position: -188px 0;
		}
	ul#nav li a.company:hover {
		background-position: -188px -30px;
		}
	ul#nav li a.companySelect {
		background-position: -188px -60px;
		}
	ul#nav li a.act {
		background-position: -376px 0;
		}
	ul#nav li a.act:hover {
		background-position: -376px -30px;
		}
	ul#nav li a.actSelect {
		background-position: -376px -60px;
		}
	ul#nav li a.recruit {
		background-position: -564px 0;
		}
	ul#nav li a.recruit:hover {
		background-position: -564px -30px;
		}
	ul#nav li a.recruitSelect {
		background-position: -564px -60px;
		}
	ul#nav li a.support {
		background-position: -752px 0;
		}
	ul#nav li a.support:hover {
		background-position: -752px -30px;
		}
	ul#nav li a.supportSelect {
		background-position: -752px -60px;
		}
div#header {
	margin: 10px 0;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	}
div#content {
	margin: 20px 0;
	}
h2:before {
	content: "��";
	}
	/*frame*/
	div#main,
	div#sub {
		background: #fff;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 5px #666;
		box-shadow: 0 0 5px #666;
		}
	div#main {
		float: right;
		margin-left: 10px;
		padding: 10px;
		width: 650px;
		}
	div#main div.mainContentBox {
		display: inline-table;
		margin: 0 1px 10px;
		padding: 10px 0;
		width: 47.8%;
		vertical-align: top;
		border-top: dotted 3px #999;
		}
		/*slideShow*/
		div#contentSlide {
			position: relative;
			width: 645px;
			height: 200px;
			border: solid 1px #666;
			overflow: hidden;
			}
		div#contentSlide ul {
			position: relative;
			width: 1290px;
			}
		div#contentSlide ul li {
			float: left;
			width: 645px;
			height: 200px;
			background: #999;
			}
		p#slidePointer {
			margin-bottom: 15px;
			}
		p#slidePointer a {
			margin: 3px 5px;
			color: #999;
			text-decoration: none;
			}
		p#slidePointer a.selected {
			color: #666;
			}
		/*company*/
		table#detailsCompany {
			width: 100%;
			padding: 10px;
			border-collapse: collapse;
			border: ridge 3px #999;
			}
		table#detailsCompany th,
		table#detailsCompany td {
			padding: 0.5em;
			border-bottom: solid 1px #999;
			}
		table#detailsCompany th {
			vertical-align: top;
			color: #339;
			text-align: left;
			}
		/*act*//*recruit*/
		div#detailsAct,
		div#detailsRecruit {
			padding: 10px;
			color: #339;
			}
		div#detailsAct h3,
		div#detailsRecruit h3 {
			padding-bottom: 3px;
			color: #393;
			font-size: 108%;
			border-bottom: solid 1px #999;
			}
		div#detailsAct h4,
		div#detailsRecruit h4 {
			margin-top: 0.5em;
			margin-left: 1em;
			width: 70%;
			color: #666;
			text-indent: 1em;
			background: url("../../image/pc/bg_actTitle.gif") repeat-x;
			background-position: 0 100%;
			border-left: solid 5px #696;
			}
			/*act�̂�*/
			div#detailsAct p {
				padding-bottom: 1em;
				color: #333;
				}
			/*recruit�̂�*/
			table#webRecruit,
			table#progRecruit,
			table#commonRecruit {
				margin: 10px 0;
				width: 75%;
				border-collapse: collapse;
				}
			table#webRecruit th,
			table#webRecruit td,
			table#progRecruit th,
			table#progRecruit td,
			table#commonRecruit th,
			table#commonRecruit td {
				padding: 10px;
				border: solid 1px #999;
				}
			table#webRecruit th,
			table#progRecruit th,
			table#commonRecruit th {
				width: 20%;
				color: #000;
				text-align: left;
				background: #ccf;
				vertical-align: top;
				}
			table#commonRecruit th {
				background: #ccc;
				}
		/*apricationList*//*exDesignList*/
		table#apricationList,
		table#exDesignList {
			margin: 1em 0;
			width: 100%;
			border-collapse: collapse;
			}
		table#apricationList th,
		table#apricationList td,
		table#exDesignList th,
		table#exDesignList td {
			padding: 5px;
			border-bottom: solid 1px #999;
			}
		table#apricationList th,
		table#exDesignList th {
			width: 20%;
			color: #f09;
			}
		table#apricationList td,
		table#exDesignList td {
			vertical-align: top;
			}
	div#sub {
		float: left;
		margin-right: 10px;
		padding: 10px;
		width: 250px;
		}
		/*news*/
		div#news {
			margin: 0 auto 10px;
			padding: 0.5em;
			width: 230px;
			height: 250px;
			overflow: auto;
			border: solid 1px #666;
			}
		ul#newsSpace li {
			padding: 0.5em 0;
			color: #666;
			border-bottom: dotted 2px #999;
			}
		ul#newsSpace li:last-child {
			border: none;
			}
		ul#newsSpace li span.title {
			color: #393;
			font-weight: bold;
			}
		/*newApri*/
		ul#newApri li {
			padding: 0.5em 0;
			border-bottom: solid 1px #666;
			}
		p.apriTitle {
			padding: 0.5em 0;
			color: #f09;
			font-weight: bold;
			text-align: center;
			}
div#footer {
	width: 960px;
	height: 200px;
	background: url("../../image/pc/bg_footer.gif") no-repeat;
	}
	/*footer*/
	div#footerNav {
		padding-top: 20px;
		text-align: center;
		}
	small {
		position: relative;
		top: 120px;
		display: block;
		padding-right: 2em;
		color: #fff;
		font-weight: bold;
		font-size: 108%;
		text-align: right;
		}