@charset "Shift_JIS";

/* common */
html,body{ margin:0; padding:0; }
a { color:#3165B3; }
img { border:0; }


/* header */
#header {
	display: block;
	position: relative;
	width: 950px;
	height: 113px;
	margin: 0 auto 10px;
	}

	#ci {
		display: block;
		position: absolute;
		top: 17px;
		left: 2px;
		width: 188px;
		height: 27px;		
		}
		#ci a {
			display: block;
			width: 188px;
			height: 27px;
			background: url(../images/ci.gif) no-repeat 0 0 / 188px auto;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			}

	#hnav {
		display: block;
		position: absolute;
		top: 62px;
		left: 0;
		width: 950px;
		height: 51px;
		}
		#hnav ul {
			display: block;
			width: 950px;
			}
			#hnav ul li {
				display: block;
				float: left;
				}
				#hnav ul li a {
					display: block;
					width: 100%;
					height: 51px;
					background: url(../images/hnav.png) no-repeat 0 0 / 950px 204px;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					}
				#hnav ul li a:not([href]) {
					pointer-events: none;
					cursor: auto;
					}

				#hnav ul li#nav-top 			{ width: 78px; }
				#hnav ul li#nav-message 		{ width: 85px; }
				#hnav ul li#nav-company 		{ width: 106px; }
				#hnav ul li#nav-gijutsu 		{ width: 129px; }
				#hnav ul li#nav-chiiki 			{ width: 174px; }
				#hnav ul li#nav-field 			{ width: 126px; }
				#hnav ul li#nav-person 			{ width: 126px; }
				#hnav ul li#nav-recruitinfo 	{ width: 126px; }

				#hnav ul li#nav-top a 				{ background-position: 0 0; }
				#hnav ul li#nav-message a 			{ background-position: -78px 0; }
				#hnav ul li#nav-company a 			{ background-position: -163px 0; }
				#hnav ul li#nav-gijutsu a 			{ background-position: -269px 0; }
				#hnav ul li#nav-chiiki a 			{ background-position: -398px 0; }
				#hnav ul li#nav-field a 			{ background-position: -572px 0; }
				#hnav ul li#nav-person a 			{ background-position: -698px 0; }
				#hnav ul li#nav-recruitinfo a 		{ background-position: -824px 0; }

				#hnav ul li#nav-top a:hover 		{ background-position: 0 -51px; }
				#hnav ul li#nav-message a:hover 	{ background-position: -78px -51px; }
				#hnav ul li#nav-company a:hover 	{ background-position: -163px -51px; }
				#hnav ul li#nav-gijutsu a:hover 	{ background-position: -269px -51px; }
				#hnav ul li#nav-chiiki a:hover 		{ background-position: -398px -51px; }
				#hnav ul li#nav-field a:hover 		{ background-position: -572px -51px; }
				#hnav ul li#nav-person a:hover 		{ background-position: -698px -51px; }
				#hnav ul li#nav-recruitinfo a:hover { background-position: -824px -51px; }

				#hnav ul li#nav-top a:not([href]) 			{ background-position: 0 -153px; }
				#hnav ul li#nav-message a:not([href]) 		{ background-position: -78px -153px; }
				#hnav ul li#nav-company a:not([href]) 		{ background-position: -163px -153px; }
				#hnav ul li#nav-gijutsu a:not([href]) 		{ background-position: -269px -153px; }
				#hnav ul li#nav-chiiki a:not([href]) 		{ background-position: -398px -153px; }
				#hnav ul li#nav-field a:not([href]) 		{ background-position: -572px -153px; }
				#hnav ul li#nav-person a:not([href]) 		{ background-position: -698px -153px; }
				#hnav ul li#nav-recruitinfo a:not([href]) 	{ background-position: -824px -153px; }

				#nav-company .pc{display: block;}
				#nav-company dl{display: none;}


	#hnav-sub {
		display: block;
		position: absolute;
		top: 22px;
		right: 0;
		width: 400px;
		height: 11px;
		}
		#hnav-sub ul {
			display: block;
			text-align: right;
			margin-bottom: 10px;
			}
			#hnav-sub ul li {
				display: inline-block;
				padding: 1px 12px 0 10px;
				border-right: 1px solid #DEDEDE;
				}
			#hnav-sub ul li:first-of-type {
				padding-left: 0;
				}
			#hnav-sub ul li:last-of-type {
				padding-right: 0;
				border-right: none;
				}
				#hnav-sub ul li a {
					display: block;
					height: 11px;
					background: url(../images/hnav-sub.png) no-repeat 0 0 / 326px 33px;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					}
				#hnav-sub ul li a:not([href]) {
					pointer-events: none;
					cursor: auto;
					}
				#hnav-sub ul li#nav-seminar 		{ width: 63px; }
				#hnav-sub ul li#nav-entry 			{ width: 135px; }
				#hnav-sub ul li#nav-internship 		{ width: 100px; }

				#hnav-sub ul li#nav-seminar a 		{ background-position: 0 0; }
				#hnav-sub ul li#nav-entry a 		{ background-position: -73px 0; }
				#hnav-sub ul li#nav-internship a 	{ background-position: -218px 0; }

				#hnav-sub ul li#nav-seminar a:hover 	{ background-position: 0 -11px; }
				#hnav-sub ul li#nav-entry a:hover 		{ background-position: -73px -11px; }
				#hnav-sub ul li#nav-internship a:hover 	{ background-position: -218px -11px; }

				#hnav-sub ul li#nav-seminar a:not([href]) 		{ background-position: 0 -22px; }
				#hnav-sub ul li#nav-entry a:not([href]) 		{ background-position: -73px -22px; }
				#hnav-sub ul li#nav-internship a:not([href]) 	{ background-position: -218px -22px; }

#hnav-sp-bth { display: none; }

#main {
	position: relative;
}

	#main .inner950c {
		width: 950px;
		margin: 0 auto;
		}
	#main .inner1000c {
		width: 1000px;
		margin: 0 auto;
		}

.scroll_top{
	display: none;
}
.scroll_top{
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 10;
	width: 40px;
	height: 40px;
}
.scropp_top_inner{
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}
.scropp_top_inner:hover{
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: .3s;
    transition: .3s;
}
.scroll_top img{
	width: 100%;
}


#footer {
	clear: both;
	width: 100%;
	background: url(../images/footer-bg.jpg) repeat-x left top / auto 80px;
	}
	#footer .inner {
		box-sizing: border-box;
		width: 950px;
		height: 80px;
		margin: 0 auto;
		padding-top: 31px;
		}
		#footer small {
			float: left;
			color: #333;
			font-family: Georgia, "Times New Roman", Times, "serif";
			font-size: 10px;
			letter-spacing: .16em;
			}
		#footer p {
			float: right;
			color: #333;
			text-align: right;
			font-size: 10px;
			}
	
.topicpass {
	display: block;
	width: 950px;
	margin: 0 auto 10px;
	padding: 0;
	}
	.topicpass li {
		display: inline-block;
		margin-right: 2px;
		color: #666666;
		font-size: 10px;
		}
	.topicpass li::after {
		display: inline-block;
		margin-left: 6px;
		content: ">"
		}
	.topicpass li:last-of-type::after {
		display: none;
		}
		.topicpass li a {
			color: #666666;
			}



/* company.html */
#sidemenu{
	margin-top:15px;
	width:250px;
	float:left;
	background-color:#eee;
	}
	#sidemenu ul{
		margin:0;
		padding:0 11px;
		}
		#sidemenu li{
			list-style:none;
			margin:0 0 5px 0;
			}
		#sidemenu li.last{
			margin:0;
			}