@charset "UTF-8";
/**
 * レイアウト
 */
html, body {
  width: 100%;
}

body {
  background: url(img/body.gif) #81cc4e left top;
  /*overflow:hidden;*/
  min-width: 1040px;
  -webkit-text-size-adjust: 100%;
}

/* ==========================================================================
   wapper
   ========================================================================== */
#wrapper {
  width: 100%;
  background: url(img/header_top.jpg) repeat-x center top;
}

/* ==========================================================================
   header
   ========================================================================== */
#header {
  background: url(img/bg_grass.png) repeat-x center bottom;
  height: 283px;
  width: 100%;
}

#header2 {
  background: url(img/bg_grass02.png) no-repeat center bottom;
  height: 283px;
  width: 100%;
}

#header3 {
  background: url(img/content_top.gif) no-repeat center bottom;
  height: 284px;
  width: 100%;
}

#header #header-inner {
  margin: 0 auto;
  width: 1040px;
  padding-top: 6px;
  position: relative;
}
#header #header-inner #logo {
  position: absolute;
  left: -14px;
  z-index: 1;
}
#header #header-inner #head-img01 {
  position: absolute;
  top: 83px;
  left: -67px;
}
#header #header-inner #head-img02 {
  position: absolute;
  top: 171px;
  right: 0;
}

/* ==========================================================================
   navigation
   ========================================================================== */
#nav {
  width: 880px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
#nav #gnav01 {
  position: absolute;
  top: 20px;
  left: -13px;
}
#nav #gnav02 {
  position: absolute;
  top: 55px;
  left: 142px;
}
#nav #gnav03 {
  position: absolute;
  top: 15px;
  left: 296px;
}
#nav #gnav04 {
  position: absolute;
  top: 60px;
  left: 439px;
}
#nav #gnav05 {
  position: absolute;
  top: 10px;
  left: 575px;
}
#nav #gnav06 {
  position: absolute;
  top: 20px;
  left: 730px;
}

#about #nav li.nav1 a {
  background-position: 0 -120px;
}

#business #nav li.nav2 a {
  background-position: -192px  -120px;
}

#safety #nav li.nav3 a {
  background-position: -384px -120px;
}

#talent #nav li.nav4 a {
  background-position: -576px -120px;
}

#recruit #nav li.nav5 a {
  background-position: -768px -120px;
}

/* ==========================================================================
   contents
   ========================================================================== */
#contents {
  background: url(img/content_mdl.gif) repeat-y left top;
  margin: 0 auto;
  width: 1040px;
}

#main {
  background: url(img/content_btm.gif) no-repeat left bottom -5px !important;
}
#main #scrollUp {
  background: url(../img/pagetop.gif) no-repeat top center;
  margin-left: 960px;
  width: 67px;
  height: 121px;
  text-indent: -9999px;
  cursor: pointer;
  display: block;
}
#main #scrollUp:hover {
  background: url(../img/pagetop_on.gif) no-repeat top center;
}

/* ==========================================================================
   footer
   ========================================================================== */
#footer {
  margin: 0 auto;
  width: 1040px;
  min-height: 85px;
  position: relative;
  /* コピーライト */
  /* ソーシャルボタン */
}
#footer p#copyright {
  position: absolute;
  top: 35px;
  right: 0;
}
#footer .sns-wrap {
  position: absolute;
  top: 35px;
  left: 0;
}

/* ==========================================================================
   sns
   ========================================================================== */
.sns-wrap ul {
  letter-spacing: -.40em;
  width: 370px;
}
.sns-wrap ul li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.sns-wrap ul .sns-twitter {
  margin-right: 7px;
  width: 100px;
}