@charset "utf-8";
/* base */
*{
margin: 0;
padding: 0;
}
body { 
	color: #333333;	font-family: Verdana, Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;	font-size: 12px;
	margin: 0;	padding: 0;}
table {	margin: 0; padding: 0;}
img {	border:0;}
a {	color: #333333;	text-decoration: none;}
a:visited {	color: #333333;}
a:hover {	color: #00947a;	text-decoration: none;}
h1{
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#25BEDD;
	line-height:3em;
}
h2{	font-size:10px;font-weight:normal; margin:0; padding:0; display:inline;}
h3{}
h4{	font-size:12px;font-weight:normal; margin:0; padding:0; display:inline;}
h5{	font-size:12px;font-weight:normal; margin:0; padding:0; display:inline;}
ul, ol, li { text-align: left;	margin:0px;}
p { margin: 10px 0 0 0; 	padding: 0px; }
address {	font-style: normal;}
fieldset { border:none;}
/* layout */
div.page { width:100%;}
.wrap{ text-align: center; margin: 0px auto 0px auto; width:980px;}
.headerwrap{ 
	text-align: center;
	margin: 0px auto 0px auto;
	border-bottom:20px #27292c solid;
	position:relative;
}
.wrapslide{text-align: center; margin: 0px auto 0px auto; width:950px; height:310px; overflow: hidden;}
.usual {
	margin: 0;
	padding:0;
	text-align: center;
	color: #333333;
	background-color: #ebebed;
	background-image: url(../images/base/header.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#header {
	width: 980px;
	display: block;
	 margin: 0px auto 0px auto;
	height: 118px; position:relative;
}
#side{
	width:225px;
	text-align:center;
	float:right;
	margin:0;background-color:#fff; padding:10px; 
}
#main{
	width:705px;
	text-align:left; letter-spacing:0.1em; line-height:1.7em; margin:0 10px 0 0; float:left;background-color:#fff; padding:10px;
}

#content{text-align: center; margin: 0px auto 0px auto; width:980px; padding: 15px 0;}

#footer {
	clear:both;
	padding:0;
	text-align:center;
	font-size:10px;
	color: #444444;margin: 0px auto 20px auto;
	width:980px;
}
.breadcrumbs{font-size:9px; text-align:left; margin:0 0 7px 5px; color:#999;}
.breadcrumbs a{color:#CCC;}
.subtitle{ border-bottom:1px dotted #666; border-top:1px dotted #333; margin:20px 0;}
.subtitle2{ border-bottom:1px dotted #666; border-top:1px dotted #333; margin:0 0 20px 0;}
#totop{ float:right; padding:10px 0 0 0;}


/* ヘッダー
-----------------------------------------------------*/
.button {
   border: 3px solid #00947a;
   background: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fff));
   background: -webkit-linear-gradient(top, #ffffff, #fff);
   background: -moz-linear-gradient(top, #ffffff, #fff);
   background: -ms-linear-gradient(top, #ffffff, #fff);
   background: -o-linear-gradient(top, #ffffff, #fff);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #fff 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #020f17;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
	top:40px;
	right:0;
	position:absolute;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }
   .button span{ color:#F00;}
.button:hover {
   border: 3px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#a2d7e0), to(#ffffff));
   background: -webkit-linear-gradient(top, #a2d7e0, #ffffff);
   background: -moz-linear-gradient(top, #a2d7e0, #ffffff);
   background: -ms-linear-gradient(top, #a2d7e0, #ffffff);
   background: -o-linear-gradient(top, #a2d7e0, #ffffff);
   background-image: -ms-linear-gradient(top, #a2d7e0 0%, #ffffff 100%);
   color: #2a2e27;
   }
.button:active {
   text-shadow: #3e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #8eb1c;
   background: -webkit-gradient(linear, left top, left bottom, from(#accfe6), to(#ffffff));
   background: -webkit-linear-gradient(top, #accfe6, #8eb1c);
   background: -moz-linear-gradient(top, #accfe6, #8eb1c);
   background: -ms-linear-gradient(top, #accfe6, #8eb1c);
   background: -o-linear-gradient(top, #accfe6, #8eb1c);
   background-image: -ms-linear-gradient(top, #accfe6 0%, #8eb1c 100%);
   color: #fff;
   }

/* 求人ページ
--------------------------*/
.recruit_title1{
    background: url("/images/recruit/bar1.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 24px;
    line-height: 24px;
    text-indent: 5px;
}
.recruit_info{
	padding: 0 0 0 10px;
}
.recruit_info dl{
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin: 20px 0;
}
.recruit_info dt{
	clear:both;
    border-top: 1px solid #CCCCCC;
    float: left;
    padding: 5px 0 5px 5px;
    width: 120px;
}
.recruit_info dd{
    border-top: 1px solid #CCCCCC;
    float: left;
    padding: 5px 0 5px 5px;
    width: 500px;
}
.recruit_info dd a{
	color:#459ef5;
}
.recruit_info p{
	clear: both;
}
.recruit_info p span{
	font-weight: bold;
}
/* ヘッダーボタンテスト
-----------------------------------------------------*/
.button2 {
   border: 3px solid #c8e9f0;
   background: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#4c6164), to(#222c2d));
   background: -webkit-linear-gradient(top, #4c6164, #222c2d);
   background: -moz-linear-gradient(top, #4c6164, #222c2d);
   background: -ms-linear-gradient(top, #4c6164, #222c2d);
   background: -o-linear-gradient(top, #4c6164, #222c2d);
   background-image: -ms-linear-gradient(top, #4c6164 0%, #222c2d 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
/*    -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   -*/
   color: #ffffff;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
	top:40px;
	right:0;
	position:absolute;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }
   .button2 span{ color:#FFF;}
.button2:hover {
   border: 3px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#a2d7e0), to(#ffffff));
   background: -webkit-linear-gradient(top, #a2d7e0, #ffffff);
   background: -moz-linear-gradient(top, #a2d7e0, #ffffff);
   background: -ms-linear-gradient(top, #a2d7e0, #ffffff);
   background: -o-linear-gradient(top, #a2d7e0, #ffffff);
   background-image: -ms-linear-gradient(top, #a2d7e0 0%, #ffffff 100%);
   color: #2a2e27;
   }
.button2:hover span{   color: #2a2e27;}
.button2:active {
   text-shadow: #3e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #8eb1c;
   background: -webkit-gradient(linear, left top, left bottom, from(#accfe6), to(#ffffff));
   background: -webkit-linear-gradient(top, #accfe6, #8eb1c);
   background: -moz-linear-gradient(top, #accfe6, #8eb1c);
   background: -ms-linear-gradient(top, #accfe6, #8eb1c);
   background: -o-linear-gradient(top, #accfe6, #8eb1c);
   background-image: -ms-linear-gradient(top, #accfe6 0%, #8eb1c 100%);
   color: #fff;
   }
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  tr
}
  
  .animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}