@charset "utf-8";

div#top_main_box {
  clear:both;
  width:800px;
}
div#top_main_box:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

div#top_main_box div#top_title {
  background-image: url(../img/bg_top_keyvisual.jpg);
  height: 0px;
  padding-bottom: 228px;
  overflow: hidden;
  margin-top:15px;

}

div#top_main_box div#top_title p#top_title_text {
  height: 0px;
  overflow: hidden;
}

div#top_main_box div#top_title p#top_title_button {
   margin-top: 198px; 

}

div#top_main_box div#top_title p#top_title_button a{
  float:right;
  position: static;
  display: block;
  background-image: url(../img/img_top_keyvisual_b.jpg);
  background-position: 0 0;
  width: 149px;
  height: 0;
  padding-top: 22px;
  overflow: hidden;
}

div#top_main_box div#top_title p#top_title_button a:hover {
  background-position: 0 -22px;
}
/* */  
div#contents_nav {
  clear:both;
  width:800px;
  margin-top:10px;
  background:url(../img/bg_contents_nav.gif) left bottom no-repeat;
}
  
div#top_recruitment {
  width:395px;
  float:left;
  padding-bottom:15px;
  color:#dadada;
  background:#002202 url(../img/bg_top_recruitment.jpg) no-repeat;
}
  div#top_recruitment h2 {
    margin:6px 10px 0px 106px;
  }
    div#top_recruitment h2 a {
      height:0px;
      padding-top:45px;
      background-image:url(../img/top_recruitment.jpg);
      background-repeat:no-repeat;
      overflow:hidden;
      display:block;
    }
    div#top_recruitment h2 a:hover {
      background-position:0px -45px;
    }
  div#top_recruitment p {
    margin:10px 20px 0px 111px;
  }

div#top_school {
  width:395px;
  float:right;
  padding-bottom:15px;
  color:#dadada;
  background:#002202 url(../img/bg_top_school.jpg) no-repeat;
}
  div#top_school h2 {
    margin:6px 10px 0px 106px;
  }
  div#top_school h2 a {
    height:0px;
    padding-top:45px;
    background-image:url(../img/top_school.jpg);
    background-repeat:no-repeat;
    overflow:hidden;
    display:block;
  }
    div#top_school h2 a:hover {
      background-position:0px -45px;
    }
  div#top_school p {
    margin:10px 20px 0px 111px;
  }

ul.top_nav {
  margin:13px 20px 0px 106px;
}
ul.top_nav a {
  color:#000000;
}
ul.top_nav a:hover {
  color:#000000;
  text-decoration:underline;
}
ul.top_nav a:visited {
  color:#000000;
}
  ul.top_nav li {
    float:left;
    padding:2px 8px 0px 13px;
    margin-right:5px;
    background:#ebfbff url(../img/icon_top_nav.jpg) no-repeat;
  }

/* */
div#info_nav {
  width:800px;
  margin-top:10px;
  background:url(../img/bg_top_info.jpg) repeat-y;
}
div#info_nav:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

div#topics {
  width:503px;
  float:left;
  padding-bottom:10px;
}
  div#topics h2 {
    width:300px;
    height:0px;
    margin:8px 0px 0px 7px;
    padding-top:33px;
    background:url(../img/top_topics.jpg) no-repeat;
    overflow:hidden;
  }
  div#topics_area {
    width:480px;
    height:120px;
    margin:5px 0px 0px 15px;
    overflow-y:scroll;
    scrollbar-track-color: #f0f0f0;
    scrollbar-face-color: #e3d594;
    scrollbar-shadow-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #e3d594;
    scrollbar-arrow-color: #002202;
  }

div#other_contents {
  width:287px;
  float:right;
  padding-bottom:10px;
}
  div#other_contents h2 {
    width:250px;
    height:0px;
    margin:8px 0px 0px 4px;
    padding-top:33px;
    background:url(../img/top_othercontents.jpg) no-repeat;
    overflow:hidden;
  }
  div#other_contents ul {
    margin:5px 0px 0px 7px;
  }
    div#other_contents ul li {
      margin-bottom:5px;
    }
    div#other_contents ul li#list_staff a {
      height:0px;
      padding-top:31px;
      background:url(../img/top_list_staff.jpg) no-repeat;
      overflow:hidden;
      display:block;
    }
    div#other_contents ul li#list_recruitment a {
      height:0px;
      padding-top:31px;
      background:url(../img/top_list_recruitment.jpg) no-repeat;
      overflow:hidden;
      display:block;
    }
    div#other_contents ul li#list_media a {
      height:0px;
      padding-top:31px;
      background:url(../img/top_list_media.jpg) no-repeat;
      overflow:hidden;
      display:block;
    }


/* */  
div#company_nav {
  width:800px;
  margin-top:10px;
  background:url(../img/bg_top_nav.jpg) repeat-y;
}
div#company_nav:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

div#group {
  width:501px;
  float:left;
  padding-bottom:10px;
}
  div#group h2 {
    height:0px;
    margin:15px 7px 0px 7px;
    padding-top:33px;
    background:url(../img/top_group.jpg) no-repeat;
    overflow:hidden;
  }

div#top_company {
  width:287px;
  float:right;
  padding-bottom:10px;
}
  div#top_company h2 {
    height:0px;
    margin:15px 4px 0px 4px;
    padding-top:33px;
    background:url(../img/top_company.jpg) no-repeat;
    overflow:hidden;
  }
  div#top_company p {
    margin:10px 20px 0px 20px;
  }
  div#top_company p#top_link {
    margin:10px 20px 0px 20px;
    font-size:80%;
    line-height:130%;
  }
    div#top_company p#top_link img {
      margin:0px 5px 5px 0px;
    }