@charset "utf-8";

/*
===========================================================
  reset.css
  Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
  version: 1.0.0 [2009/2/18]
===========================================================
*/

html {
  color:#000000;
  overflow-y:scroll;
}

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  margin:0;
  padding:0;
}

a {  
  overflow:hidden;
}

a img, img {
  border:0;
}

abbr, acronym {
  border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
  font-style:normal;
  font-weight:normal;
}

blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
  margin:0;
  padding:0;
}

caption, th {
  text-align:left;
}

code, kbd, pre, samp, tt {
  font-family:monospace;
  line-height:100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}

ol, ul {
  list-style:none;
}

q:before, q:after {
  content:'';
}

button, fieldset, form, input, label, legend, select, textarea {
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  vertical-align:baseline;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}

/*
===========================================================
  Base Fonts
  Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
  version: 1.0.0 [2009/2/18]
===========================================================
*/
body {
  font-size:100%;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.emphasis {
  color:#ff6600;
}

/*
===========================================================
  common css
  Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
  version: 1.0.0 [2009/2/18]
===========================================================
*/
/* -- body -- */
body {
  color:#333333;
  font-size:80%;
  line-height:160%;
  text-align:center;
  background:url('images/bg_body.jpg') repeat-x;
}

a {
  color:#0066cc;
  text-decoration:none;
}
a:hover {
  color:#0066cc;
  text-decoration:underline;
}
a:visited {
  color:#0066cc;
  text-decoration:none;
}

/* -- container -- */
div#container {
  width:800px;
  margin:0 auto;
  text-align:left;
}

div#container h1 {
  height:30px;
  color:#666666;
}

/* -- header -- */
div#header {
  width:800px;
  height:57px;
  background:url('images/bg_header.jpg') no-repeat;
}
  div#header h2#logo {
    width:220px;
    float:left;
  }
    div#header h2#logo a {
      width:220px;
      height:0px;
      padding-top:57px;
      background:url('images/logo.jpg') no-repeat;
      overflow:hidden;
      display:block;
    }
  div#header div#header_inquiry {
    width:305px;
    float:right;
  }
    div#header div#header_inquiry p#header_nav {
        width:305px;
        height:0px;
        padding-top:29px;
        background:url('images/header_nav.jpg') no-repeat;
        overflow:hidden;
      }
    div#header div#header_inquiry p#header_tel {
        width:183px;
        float:left;
        height:0px;
        padding-top:22px;
        background:url('images/header_tel.jpg') no-repeat;
        overflow:hidden;
      }
    div#header div#header_inquiry p#header_mail {
        width:114px;
        float:left;
        }
      div#header div#header_inquiry p#header_mail a {
          height:0px;
          padding-top:22px;
          background-image:url('images/header_mail.jpg');
          background-repeat:no-repeat;
          background-position: 0 0;
          overflow:hidden;
          display:block;
          }
      div#header div#header_inquiry p#header_mail a:hover {
          background-position:0px -22px;
          }

/* -- main_box --*/
div#main_box {
  clear:both;
  width:800px;
  margin-top:27px;
}

/* side_area */
div#side_area {
  clear:both;
  width:190px;
  float:left;
  font-size:90%;
  line-height:150%;
  padding-bottom:70px;

}
div#side_area ul#gnav {
}
  div#side_area ul#gnav li a {
    width:190px;
    height:0px;
    background-image:url('images/bg_gnav.jpg');
    background-repeat:no-repeat;
    overflow:hidden;
    display:block;
  }
div#side_area ul#gnav li#gn_top a { padding-top:43px; background-position: 0 0; }
div#side_area ul#gnav li#gn_work_tokyo a { padding-top:44px; background-position: 0 -43px; }
div#side_area ul#gnav li#gn_work_osaka a { padding-top:45px; background-position: 0 -87px; }
div#side_area ul#gnav li#gn_production a { padding-top:45px; background-position: 0 -132px; }
div#side_area ul#gnav li#gn_recruitment a { padding-top:45px; background-position: 0 -177px; }
div#side_area ul#gnav li#gn_outline a { padding-top:45px; background-position: 0 -222px; }
div#side_area ul#gnav li#gn_sitemap a { padding-top:45px; background-position: 0 -267px; }

div#side_area ul#gnav li#gn_top a:hover { background-position: -190px 0; }
div#side_area ul#gnav li#gn_work_tokyo a:hover { background-position: -190px -43px; }
div#side_area ul#gnav li#gn_work_osaka a:hover { background-position: -190px -87px; }
div#side_area ul#gnav li#gn_production a:hover { background-position: -190px -132px; }
div#side_area ul#gnav li#gn_recruitment a:hover { background-position: -190px -177px; }
div#side_area ul#gnav li#gn_outline a:hover { background-position: -190px -222px }
div#side_area ul#gnav li#gn_sitemap a:hover { background-position: -190px -267px; }


h2#side_profile {
    width:190px;
    height:0px;
    margin-top:15px;
    padding-top:32px;
    background:url('images/sidearea_company.jpg') no-repeat;
    overflow:hidden;
  }
div#side_company {
  border-right:1px #cccccc solid;
  border-bottom:1px #cccccc solid;
  border-left:1px #cccccc solid;
}
  div#side_area p {
    padding:10px;
  }
  div#side_area p#link {
    font-size:80%;
    line-height:130%;
    margin:0px 10px;
    padding:10px 0px;
    border-top:1px #cccccc solid;
  }
    div#side_area p#link img {
      padding-bottom:5px;
    }


/* -- contents -- */
div#contents {
  width:590px;
  float:right;
  padding-bottom:30px;
}
  div#contents h3 {
    clear:both;
    margin:20px 15px 0px 15px;
    padding:10px 0px 8px 45px;
    color:#000000;
    font-size:110%;
    font-weight:bold;
    background:url('images/bg_h3.jpg') no-repeat;
  }
  div#contents p {
    margin:20px 25px 0px 30px;
  }

/* -- footer -- */
div#footer {
  clear:both;
  padding-top:10px;
  color:#999999;
  font-size:80%;
  text-align:center;
  border-top:1px #cccccc solid;
}
  div#footer li {
    display:inline;
    margin-left:10px;
    padding-right:10px;
    border-right:1px #999999 solid;
  }
    div#footer li a {
      color:#999999;
    }
    div#footer li a:hover {
      text-decoration:underline;
    }
  div#footer li.end {
    display:inline;
    margin-left:10px;
    border-right:none;
  }
  div#footer address {
    color:#333333;
    margin:5px 0px 20px 0px;
  }
    div#footer address a {
      color:#333333;
      text-decoration:none;
    }

/* -- layout css -- */
table.layout {
  margin:15px 20px 0px 20px;
}
  table.layout td {
    padding:0px 5px 5px 5px;
  }

table.layout_border {
  margin:15px 20px 0px 20px;
  border:1px #dcdcdc solid;
}
  table.layout_border td {
    padding:8px;
    line-height:160%;
    border:1px #dcdcdc solid;
  }
  table.layout_border td.item {
    padding:8px;
    line-height:160%;
    border:1px #dcdcdc solid;
    background-color:#f8f8f8;
  }

ul.list_arrow {
  margin:20px 30px 0px 30px;
}
  ul.list_arrow li {
    padding:0px 0px 0px 10px;
    background:url('images/icon_arrow.jpg') 0px 5px no-repeat;
  }

/*  --- fix related --- */
/* to fix clear flot */
.clearfix:after {
  content:url(pixel.gif);
  display:block;
  clear:both;
  height:0;
}
.clearfix {
  display:inline-block;
}
.clearfix {
  display:block;
  }
/* Mac IE \*//*/
.clearfix {
  overflow:hidden;
}
/* */  
  
/* fix to make png transparent in IE6 */
* html .iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

/*
===========================================================
  toppage css
===========================================================
*/
div#top_word {
  width:800px;
  height:0px;
  padding-top:209px;
  background:url('images/bg_top_word.jpg') no-repeat;
  overflow:hidden;
}
div#top_contents {
  clear:both;
  width:800px;
  margin-top:10px;
  padding-bottom:15px;
  background:url('images/bg_top_contents.jpg') left bottom no-repeat;
}
  div#top_contents ul {
    margin:15px 0px 0px 0px;
  }
  ul.nav_link {
    margin:10px 0px -5px 0px !important;
  }
    ul.nav_link li {
    float:left;
    margin-right:10px;
        padding:2px 10px 5px 20px;
        background:url('images/bg_nav_link.jpg') no-repeat;
    }
      ul.nav_link li a {
        color:#ffffff;
      }

div#top_contents div#recruitment {
  width:395px;
  float:left;
  background:url('images/bg_top_recruitment.jpg') no-repeat;
}
  div#recruitment_icon {
    width:95px;
    float:left;
  } 
    div#recruitment_icon img {
      margin:9px 0px 0px 10px;
    }

  div#recruitment_word {
    width:295px;
    float:left;
  }
    div#top_contents div#recruitment h2 {
    margin:18px 0px 0px 0px;
    }
    div#top_contents div#recruitment h2 a {
    width:181px;
    height:0px;
    padding-top:32px;
    background:url('images/top_recruitment_title.jpg') no-repeat;
    overflow:hidden;
    display:block;
    }

div#top_contents div#work {
  width:395px;
  float:right;
  background:url('images/bg_top_work.jpg') no-repeat;
}
  div#top_contents div#work_icon {
    width:95px;
    float:left;
  } 
    div#top_contents div#work_icon img {
      margin:9px 0px 0px 10px;
    }

  div#top_contents div#work_word {
    width:295px;
    float:left;
  }
  div#top_contents div#work h2 {
    margin:18px 0px 0px 0px;
  }
  div#top_contents div#work h2 a {
    width:181px;
    height:0px;
    padding-top:32px;
    background:url('images/top_work_title.jpg') no-repeat;
    overflow:hidden;
    display:block;
  }
  div#top_contents div#work p {
    margin:15px 15px 0px 0px;
  }


div#top_information {
  clear:both;
  width:800px;
  margin-top:10px;
  padding-bottom:15px;
  background:url('images/bg_top_information.jpg') left bottom no-repeat;
}

div#top_information div#topics {
  width:500px;
  float:left;
  background:url('images/bg_topics.jpg') no-repeat;
}
  div#top_information div#topics h2 {
    width:250px;
    height:0px;
    margin:18px 0px 0px 80px;
    padding-top:31px;
    background:url('images/top_topics.jpg') no-repeat;
    overflow:hidden;
  }
div#topics_list {
  width:410px;
  height:200px;
    margin:10px 10px 0px 75px;
  overflow-y:scroll;
  scrollbar-track-color: #f9f9f9;
  scrollbar-face-color: #f9f9f9;
  scrollbar-shadow-color: #cccccc;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-arrow-color: #666666;
}
  table.layout_topics {
    width:380px;
  }
    table.layout_topics td {
      padding:5px;
      line-height:160%;
      vertical-align:top;
    }

div#top_information div#top_company {
  width:290px;
  float:right;
  background:url('images/bg_top_company.jpg') no-repeat;
}
  div#top_information div#top_company h2 {
    width:130px;
    height:0px;
    margin:18px 0px 0px 15px;
    padding-top:31px;
    background:url('images/top_company.jpg') no-repeat;
    overflow:hidden;
  }
  div#top_information div#top_company p {
    margin:10px 15px 0px 15px;
  }
    div#top_information div#top_company p#top_link {
      font-size:80%;
      line-height:130%;
    }
    div#top_information div#top_company p#top_link img {
      margin-bottom:5px;
    }

div#group {
  clear:both;
  margin:10px 0px;
  padding:10px 10px 10px 25px;
  background:url(images/bg_footer.jpg) repeat-x;
  border-right:1px #dcdcdc solid;
  border-bottom:1px #dcdcdc solid;
  border-left:1px #dcdcdc solid;
}
  div#group h2 {
    height:0px;
    padding-top:24px;
    background:url('images/top_group.jpg') no-repeat;
    overflow:hidden;
  }
  div#group ul {
    margin:20px 0px 0px 0px;
  }
    div#group ul li {
      display:inline;
      margin-right:15px;
    }