@charset "UTF-8";
/* top */



ul.top_mov { width: 700px;}
ul.top_mov li {
  float: left;
  list-style:none;
  width: 50px;
  height:50px;
}
ul.top_mov div.hidden {
  display: none;
}

.top {
	width: 100%;
	background: url(../images/top_back.gif) no-repeat center top;
	display: block;
	overflow:hidden;
}
.top_contents {
	margin: 0 auto;
	width: 900px; position: relative;
}
.top_main {
	width: 700px;
	float: left;
}
.top_main_banner {
	width: 200px;
	float: left;
}
.top_main_banner02 {
	position: absolute; top: 200px; left: 500px; z-index: 100;
}


.top_banner {
	/*margin: 5px 0 0 0;*/
	width: 100%;
	background: url(../images/top_banner_back.gif) repeat-x center top;
	display: block;
	overflow:hidden;
}
.top_banner_contents {
	margin: 0 auto;
	width: 930px;
	text-align: center;
}
.top_banner_contents a { display: inline-block; }
.top_banner_contents img {
	float: left;
}


.top_copy {
	margin: 0 auto;
	padding: 30px 0;
	width: 900px;
	clear: both;
	display: block;
	overflow:hidden;
}
.top_copy_contents {
	margin: 20px 20px 20px 0;
	padding: 0 0 0 20px;
	width:182px;
	float: left;
	border-left: 1px solid #999;
}
.top_copy_contents h2 {
	padding: 0 0 15px 0;
	font-size: 12px;
	font-weight: normal;
	height: 14px;
	display: block;
}
.top_copy_contents p {
	font-size: 10px;
	line-heiht: 20px;
}

/* 201904〜 */

.top_main2019 { position: relative; }
.top_main_link a {
	display: block; overflow: hidden; text-indent: -9999px;
	width: 100%; height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.top_main_link a:hover { background-color: rgba( 255, 255, 255, 0.3 );	}
.top_main_link01 a:hover { background: none;	}

.top_main_link01 { width: 300px; height: 300px; position: absolute; top: 0; left: 0; }
.top_main_link02 { width: 200px; height: 300px; position: absolute; top: 0; left: 300px; }
.top_main_link03 { width: 400px; height: 300px; position: absolute; top: 0; left: 500px; }
.top_main_link04 { width: 200px; height: 100px; position: absolute; top: 200px; left: 500px; }

.top_main_link01 { z-index: 1; } 
.top_main_link02 { z-index: 2; }
.top_main_link03 { z-index: 3; }
.top_main_link04 { z-index: 4; }

/*20210817追加*/
.top_recruit {
	width: 100%; text-align:  center; display: block;
	background: url(../images/top_recruit_back.gif) no-repeat center top;
}