@charset "Shift_JIS";
/* =========================================================
�@header
========================================================= */
#img-bg{ width:100%; height:371px; padding-bottom:57px; background-position:top center; background-repeat:no-repeat; position: relative;}
* html #img-bg  { background:url(../image/topimg01.jpg); background-position:top center; background-repeat:no-repeat; padding:0;}/* IE6�ȉ��K�p */
*:first-child+html #img-bg{ padding-bottom:-160px; margin:0; }/* IE7�̂ݓK�p */

/* =========================================================
�@menu
========================================================= */
#menu { width: 960px; height: 127px; margin: 0 auto; }
#menu span { display: none;}
#menu li { height: 127px; float: left; }
/*�@�e���j���[�̕��w���@*/
#menu-1 li, #menu-1 a{ width: 138px; }
#menu-2 li, #menu-2 a{ width: 135px; }
#menu-3 li, #menu-3 a{ width: 136px; }
#menu-4 li, #menu-4 a{ width: 137px; }
#menu-5 li, #menu-5 a{ width: 143px; }
#menu-6 li, #menu-6 a{ width: 137px; }
#menu-7 li, #menu-7 a{ width: 134px; }
#menu li a { height: 127px; display: block; background: url(../image/top-menu2.gif) no-repeat 0 0; }

/*�@�e���j���[�����N�G���A�w���@*/
#menu-1 a:link, #menu-1 a:visited { background-position: 0 0; }
#menu-1 a:active, #menu-1 a:hover { background-position: 0 -127px; }
#menu-2 a:link, #menu-2 a:visited { background-position: -138px 0; }
#menu-2 a:active, #menu-2 a:hover { background-position: -138px -127px; }
#menu-3 a:link, #menu-3 a:visited { background-position: -273px 0; }
#menu-3 a:active, #menu-3 a:hover { background-position: -273px -127px; }
#menu-4 a:link, #menu-4 a:visited { background-position: -409px 0; }
#menu-4 a:active, #menu-4 a:hover { background-position: -409px -127px; }
#menu-5 a:link, #menu-5 a:visited { background-position: -546px 0; }
#menu-5 a:active, #menu-5 a:hover { background-position: -546px -127px; }
#menu-6 a:link, #menu-6 a:visited { background-position: -689px 0; }
#menu-6 a:active, #menu-6 a:hover { background-position: -689px -127px; }
#menu-7 a:link, #menu-7 a:visited { background-position: -826px 0; }
#menu-7 a:active, #menu-7 a:hover { background-position: -826px -127px; }


/* 2017022 �̗p�T�C�g�ւ̃o�i�[�����N�lj� */
.bn-recruit {
   position: absolute;
   width: 960px;
   left: 50%;
   display: block;
   height: 340px;
   margin-left: -480px;
  /*width: 960px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;*/
}
.bn-recruit-item {
  position: absolute;
  top: 167px;
  right: -35px;
}
.bn-recruit-item a {
  opacity: 1;
}
.bn-recruit-item:hover {
  /*opacity: .8;*/
  -webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform-origin: 50% 50% 0px;
	transform-origin: 50% 50% 0px;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: slowlyIcon_s;
	animation-name: slowlyIcon_s;
}
@keyframes slowlyIcon_s {
		0%{
			transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
		20%{
			transform: translate(3px, 0px) rotate(4deg);
			animation-timing-function: ease-out;
		}
		30%{
			transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
		40%{
			transform: translate(3px, 0px) rotate(4deg);
			animation-timing-function: ease-out;
		}
		55%{
			transform: rotate(0deg);
			animation-timing-function: ease-in;
		}

		100%{
			transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
	}