@CHARSET "EUC-JP";
html,body{
    height:100%;
}

body{overflow-y:scroll;}

div#contents,nav,header,footer,section#mainImg{
    width: 1024px;
    margin: 0 auto;
}

header#headerBox{
    position: relative;
}

header h1{
    padding:10px;
}

div#subnav{
   position: absolute;
   bottom: 0;
   right: 0;

}
div#subnav ul li{
   float:left;
   padding: 15px;
  font-size: 12px;
  text-decoration: none;
  color:#5a514f;
}


/*
*nav
**************************************/
nav{
     background-image:url(../images/nav.jpg); /*メニュー画像*/
}
ul#nav {
    width:1024px;
    margin:0;
    height:37px;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/


}
ul#nav li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#nav li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:37px; /*高さ*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../images/nav.jpg); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#nav a.home {background-position:0px 0px;width:111px;}
ul#nav li a.home:hover {background:#ffffff;opacity: 0.5;}

ul#nav a.outsourcing {background-position:-111px 0px;width:145px;}
ul#nav li a.outsourcing:hover {background:#ffffff;opacity: 0.5;}

ul#nav li a.company {background-position:-256px 0px;width:110px;}
ul#nav li a.company:hover {background:#ffffff;opacity: 0.5;}

ul#nav li a.recruit {background-position:-366px 0px;width:110px;}
ul#nav li a.recruit:hover {background:#ffffff;opacity:0.5;}

section#news,section#banner{
    float:left;
    padding:10px;
}
section#news a:hover{
    opacity:0.8;
}

/*------------------------------------------------------------
*contents
------------------------------------------------------------*/
div#contents h3{
    font-size: 24px;
    font-weight: bold;
    color:#009eb8;
    padding: 10px 0;
}
div#contents header{
    border-bottom: 2px solid #009eb8;
    width: 94%;
    margin: 0 auto;
}

/*------------------------------------------------------------
*footer
------------------------------------------------------------*/
footer{
    height: 50px;
    width: 1024px;
    text-align: center;
    background: #000000;
    border-top: 7px solid #009eb8;
    margin:0 auto;
}

footer p{
    color:#ffffff;
    padding-top: 15px;
}

section#breadcrumbs{
    width:1024px;
    margin:0 auto;
}

section#breadcrumbs ol li{
    float:left;
    color:#009eb8;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 10px;
}

section#breadcrumbs ol{
  border-bottom: 2px dotted #009eb8;
  height: 35px;
  width: 94%;
  margin: 0 auto;
}

section#breadcrumbs ol li a{
    float:left;
    color:#009eb8;
}

.contentBox{
    width:95%;
    margin:0 auto;
}


.linkColor a{
    color: #5a514f;
    font-weight: bolder;
}
.linkColor a:hover{
  opacity: 0.8;
  text-decoration: underline;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}