@charset "UTF-8";

/**
*-------------------------------------------------------
*  ƒg�[ƒoƒ“ CSS
*-------------------------------------------------------
**/

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Meiryo","ƒ�ƒCƒŠƒI","Hiragino Kaku Gothic ProN","ƒqƒ‰ƒMƒmŠpƒS ProN W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,"Meiryo","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
  background: #FFF;
  color: #333;
}

img	{ border: 0; }
ul	{ list-style-type: none; }
a	{ text-decoration: none; }

a:hover img.op {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  background-color: transparent;
}

a:link		{ color: #444; text-decoration: underline; }
a:visited	{ color: #444; text-decoration: underline; }
a:hover		{ color: #003990; text-decoration: none; }
a:active	{ color: #003990; text-decoration: none; }

/**
*-------------------------------------------------------
*  header
*-------------------------------------------------------
**/

.header {
  background: url(../img/head-bg.jpg) left top repeat-x;
  height: 181px;
}

.header2 {
  background: url(../img/head-bg3.jpg) center top no-repeat;
  height: 115px;
}

.head-top {
  width: 930px;
  height: 115px;
  margin: 0 auto;
}

.head-title {
  margin-top: 38px;
  float: left;
}

h1 {
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3;
  color: #03398F;
  margin: 58px 0 0 10px;
  float: left;
}

.tohban {
  margin-top: 54px;
  float: right;
}


/**
*-------------------------------------------------------
*  side-contact
*-------------------------------------------------------
**/

.side-contact {
  background: url(../img/side-contact-bg.jpg) left top no-repeat;
  width: 198px;
  padding: 8px 7px 0;
}

.side-contact2 {
  padding: 0 7px;
}

.side-contact2 p {
  font-size: 11px;
  text-indent: 12px;
  line-height: 2.2;
  color: #396c81;
}

.side-contact2 p.tel {
  font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
  text-indent: 26px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #EDEDED;
}

.side-contact2 p.fax {
  font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
  text-indent: 26px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #EDEDED;
}

/**
*-------------------------------------------------------
*  contents
*-------------------------------------------------------
**/

.contents {
  background: url(../img/contents-bg.jpg) left top no-repeat;
  width: 670px;
  min-height: 200px;
  padding: 8px 8px 0;
  margin-top: 80px;
}

.contents h2 {
  background: url(../img/headline-bg.png) left top no-repeat;
  width: 640px;
  height: 36px;
  font-size: 16px;
  line-height: 1.6;
  padding: 9px 0 0 30px;
  margin-bottom: 20px;
}

.contents h2 span {
  font-size: 11px;
  font-weight: normal;
}

.contents-in {
  margin: 0 5px;
}

/**
*-------------------------------------------------------
*  gotop
*-------------------------------------------------------
**/

.gotop-bg {
  width: 930px;
  margin: 0 auto;
  padding-top: 90px;
}

.gotop a {
  display: block;
  background: url(../img/gotop.jpg) left top no-repeat;
  width: 181px;
  height: 24px;
  margin: 0 -7px 0 auto;
}
.gotop a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  background-color: transparent;
}


/**
*-------------------------------------------------------
*  gnav
*-------------------------------------------------------
**/

.gnav-bg {
  background: url(../img/gnavi-bg.jpg) center top repeat-x;
  height: 66px;
}

ul.gnav {
  width: 930px;
  height: 58px;
  margin: 0 auto;
  padding-top: 3px;
}

ul.gnav li {
  list-style: none;
  float: left;
}

ul.gnav li a {
  display: block;
  background-image: url(../img/gnavi3.jpg);
  background-repeat: no-repeat;
  width: 155px;
  height: 58px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

ul.gnav li.company a	{ background-position: 0 0; }
ul.gnav li.work-processing a	{ background-position: -155px 0; }
ul.gnav li.product a	{ background-position: -310px 0; }
ul.gnav li.equipment a	{ background-position: -465px 0; }
ul.gnav li.recruit a	{ background-position: -620px 0; }
ul.gnav li.contact a	{ background-position: -775px 0; }

ul.gnav li.company a:hover	{ background-position: 0 -58px; }
ul.gnav li.work-processing a:hover	{ background-position: -155px -58px; }
ul.gnav li.product a:hover	{ background-position: -310px -58px; }
ul.gnav li.equipment a:hover	{ background-position: -465px -58px; }
ul.gnav li.recruit a:hover	{ background-position: -620px -58px; }
ul.gnav li.contact a:hover	{ background-position: -775px -58px; }

ul.gnav li.company a.active	{ background-position: 0 -58px; }
ul.gnav li.work-processing a.active	{ background-position: -155px -58px; }
ul.gnav li.product a.active	{ background-position: -310px -58px; }
ul.gnav li.equipment a.active	{ background-position: -465px -58px; }
ul.gnav li.recruit a.active	{ background-position: -620px -58px; }
ul.gnav li.contact a.active	{ background-position: -775px -58px; }

/**
*-------------------------------------------------------
*  footer
*-------------------------------------------------------
**/

.footer-bg {
  background: #F2F2F2;
  border-top: 5px solid #CCC;
  height: 250px;
}

.footer {
  width: 950px;
  margin: 0 auto;
  padding-top: 25px;
}

.foot-title {
  margin-right: 30px;
  float: left;
}

.foot-title p {
  font-size: 11px;
  line-height: 1.4;
  color: #555;
  border-top: 1px solid #D9D9D9;
  margin-top: 6px;
  padding-top: 6px;
}

.footer ul {
  float: left;
  border-right: 1px solid #D9D9D9;
  margin-right: 13px;
  padding-right: 13px;
  height: 185px;
  }
  .footer ul:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }
.footer ul li {
  font-size: 11px;
  line-height: 1.9;
  padding-right: 1em;
  border-bottom: 1px solid #D9D9D9;
  }
  .footer ul li:first-child {
    font-size: 13px;
  }
  .footer ul li a {
    color: #777;
    text-decoration: none;
  }
  .footer ul li a:hover {
    color: #003990;
  }

/**
*-------------------------------------------------------
*  clearfix
*-------------------------------------------------------
**/

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }

* html .cf {
  zoom: 1;
} /* IE6 */

*:first-child+html .cf {
  zoom: 1;
} /* IE7 */