@charset "UTF-8";
/* ==========================================================================
   HOME
   ========================================================================== */
#slider {
  position: relative;
  width: 960px;
  height: 350px; }
  #slider .slideshow {
    position: absolute;
    left: -320px; }
  #slider #slider_navi {
    z-index: 10;
    position: absolute;
    bottom: 25px;
    right: 0px; }
    #slider #slider_navi a {
      background: #a0a0a0;
      width: 12px;
      height: 0px;
      overflow: hidden;
      padding-top: 12px;
      border: 2px solid #fff;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      display: block;
      float: left;
      margin-right: 5px; }
    #slider #slider_navi a.activeSlide,
    #slider #slider_navi a:hover {
      background: #646464; }

#block_nav {
  background: #f0f0f0;
  padding: 40px 0 22px 0; }
  #block_nav li {
    float: left;
    background: #fff;
    width: 308px;
    height: 260px;
    margin: 0 18px 18px 0;
    text-align: center;
    display: inline;
    /* IE6?7対応 */
    box-shadow: 0px 1px 4px #c8c8c8;
    -webkit-box-shadow: 0px 1px 4px #c8c8c8;
    -moz-box-shadow: 0px 1px 4px #c8c8c8;
    -o-box-shadow: 0px 1px 4px #c8c8c8; }
    #block_nav li:nth-child(3n) {
      margin-right: 0px; }
    #block_nav li a {
      text-decoration: none;
      display: block; }
    #block_nav li img {
      margin-top: 20px; }
    #block_nav li p.en {
      margin-top: 8px;
      font-size: 28px;
      line-height: 1.5em;
      color: #209140; }
    #block_nav li p.jp {
      font-size: 14px;
      line-height: 1.5em;
      color: #969696; }

/* IE8のみimport.css経由での疑似クラスが使用できないためie8.cssにも記述 */
#topnews {
  float: left;
  width: 632px;
  border: 1px solid #c8c8c8; }
  #topnews #topics_list {
    height: 377px;
    overflow-y: scroll; }
  #topnews a {
    color: #3264c8; }

#likebox {
  float: right;
  width: 308px;
  height: 428px;
  border: 1px solid #c8c8c8; }

/* ==========================================================================
   Company
   ========================================================================== */
#cat_img_company {
  width: 700px;
  height: 150px;
  background: url(../img/top.jpg) no-repeat;
  margin-top: 10px; }
  
#cat_img_company_ind {
  width: 700px;
  height: 150px;
  background: url(../img/top-ind.jpg) no-repeat;
  margin-top: 10px; }

#cat_img_city {
  width: 700px;
  height: 304px;
  background: url(../img/city.jpg) no-repeat;
  margin-top: 10px; }

#cat_img_city_ind {
  width: 700px;
  height: 304px;
  background: url(../img/city.jpg) no-repeat;
  margin-top: 10px; }

/* philosophy
-------------------------------------------------- */
.box_ph {
  margin-top: 20px;
  padding-bottom: 20px; }
  .box_ph img {
    float: left; }
  .box_ph .ph_txt {
    width: 420px;
    float: right; }
    .box_ph .ph_txt p {
      text-align: left;
      margin-top: 5px; }
.box_ph .phs_txt {
    width: 220px;
    float: left; }
    .box_ph .phs_txt p {
      margin-left:15px;
      margin-top: 10px; }
/* headoffice、tokyo、osaka、sysholdings、china、indonesia、vetnam 共通
-------------------------------------------------- */
.office_msg figure {
  margin-top: 20px; }
  .office_msg figure figcaption {
    margin-top: 5px;
    font-size: 10px; }

.office_img {
  margin-bottom: 20px; }
  .office_img img {
    margin-right: 7px; }
    .office_img img:nth-child(3n) {
      margin-right: 0; }

/* IE8のみimport.css経由での疑似クラスが使用できないためie8.cssにも記述 */
.office_map {
  margin-top: 30px; }
  .office_map #map_canvas {
    width: 594px;
    height: 300px;
    border: solid 1px #c8c8c8; }
  .office_map .map_link {
    margin-top: 10px;
    text-align: right;
    font-size: 12px; }

.office_list {
  margin-top: 20px; }
  .office_list table {
    border-collapse: separate;
    border-spacing: 5px; }
    .office_list table td {
      width: 144px;
      height: 60px;
      text-align: center;
      vertical-align: middle;
      border: 1px solid #c8c8c8; }
      .office_list table td a {
        color: #000;
        display: block; }
    .office_list table td.active {
      background: #f0f0f0; }

/* china
-------------------------------------------------- */
.china_set {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #c8c8c8; }

/* ==========================================================================
   Business
   ========================================================================== */
#cat_img_business {
  width: 960px;
  height: 150px;
  background: url(../img/business/cat-img-business.jpg) no-repeat;
  margin-top: 10px; }

/* business
-------------------------------------------------- */
.box_biz .box_l {
  float: left;
  width: 289px;
  height: 365px;
  margin: 0 12px 12px 0;
  border: 1px solid #c8c8c8; }
  .box_biz .box_l:nth-child(2n) {
    margin-right: 0; }
.box_biz .box_s {
  float: left;
  width: 188px;
  height: 365px;
  margin: 0 12px 12px 0;
  border: 1px solid #c8c8c8; }
  .box_biz .box_s:nth-child(3n) {
    margin-right: 0; }
.box_biz img {
  margin: 20px 20px 0px 20px; }
.box_biz .biz_txt {
  margin: 10px 20px 0px 20px; }
.box_biz p {
  margin-top: 5px;
  line-height: 1.5em;
  color: #969696; }

/* works
-------------------------------------------------- */
.tab_wk li {
  float: left;
  margin-right: 6px; }
  .tab_wk li:nth-child(4n) {
    margin-right: 0; }
  .tab_wk li a {
    width: 142px;
    padding: 10px 0;
    text-align: center;
    color: #000;
    border: 1px solid #c8c8c8;
    display: block; }
.tab_wk li.active {
  background: #f0f0f0; }

.box_wk {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c8c8c8; }
  .box_wk h3 {
    padding-top: 8px; }
  .box_wk .wk_info dl {
    padding: 6px 0px;
    border-bottom: 1px dotted #c8c8c8; }
    .box_wk .wk_info dl dt {
      float: left;
      width: 70px;
      font-weight: bold;
      text-align: right; }
    .box_wk .wk_info dl dd {
      margin-left: 75px; }
  .box_wk p {
    margin-top: 20px; }

/* process
-------------------------------------------------- */
.process_link {
  margin-top: 20px;
  padding: 0 20px; }
  .process_link li {
    background: url(../img/business/check.png) no-repeat left 2px;
    padding-left: 30px;
    line-height: 2em; }
    .process_link li a {
      color: #000; }

img.process_img {
  display: block;
  margin-bottom: 30px; }

.box_process {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c8c8c8; }

.nb_process {
  background: #f0f0f0;
  padding: 20px;
  margin-top: 20px; }
  .nb_process img {
    margin-top: 10px; }

#process3 table th {
  width: 50%;
  background: #f0f0f0;
  padding: 20px 10px;
  border: 1px solid #e1e1e1; }
#process3 table td {
  padding: 10px;
  border: 1px solid #e1e1e1; }
#process3 table p.blue {
  font-size: 15px;
  color: #326496; }
#process3 table p.red {
  font-size: 15px;
  color: #dc5050; }

#process4 table {
  margin-top: 20px; }
  #process4 table th {
    background: #f0f0f0;
    padding: 20px 5px;
    border: 1px solid #e1e1e1; }
  #process4 table td {
    padding: 10px;
    border: 1px solid #e1e1e1; }
  #process4 table td:nth-last-child(4),
  #process4 table td:nth-last-child(3) {
    width: 60px;
    text-align: center;
    vertical-align: middle; }
  #process4 table td:nth-last-child(2) {
    width: 324px; }
  #process4 table td:last-child {
    width: 140px;
    vertical-align: middle; }

#process5 table.tbl1 {
  margin-top: 20px; }
  #process5 table.tbl1 caption {
    text-align: left;
    margin-bottom: 5px; }
  #process5 table.tbl1 th {
    width: 297px;
    background: #f0f0f0;
    padding: 15px 10px;
    text-align: left;
    border: 1px solid #e1e1e1; }
  #process5 table.tbl1 td {
    padding: 15px;
    border: 1px solid #e1e1e1; }
#process5 table.tbl2 {
  margin-top: 20px; }
  #process5 table.tbl2 caption {
    text-align: left;
    margin-bottom: 5px; }
  #process5 table.tbl2 th {
    width: 297px;
    background: #f0f0f0;
    padding: 20px 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #e1e1e1; }
  #process5 table.tbl2 td {
    width: 297px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e1e1e1; }

/* product
-------------------------------------------------- */
.box_pd {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c8c8c8; }
  .box_pd img {
    float: left; }
  .box_pd .pd_info {
    width: 400px;
    float: right; }
    .box_pd .pd_info h3 {
      padding-top: 8px; }
    .box_pd .pd_info dl {
      padding: 6px 0px;
      border-bottom: 1px dotted #c8c8c8; }
      .box_pd .pd_info dl dt {
        float: left;
        width: 70px;
        font-weight: bold;
        text-align: right; }
      .box_pd .pd_info dl dd {
        margin-left: 75px; }
  .box_pd p {
    margin-top: 20px; }

.pd_contact {
  margin-top: 30px; }
  .pd_contact h4 {
    margin-top: 20px;
    font-size: 16px; }

/* ==========================================================================
   Public relations
   ========================================================================== */
#cat_img_pr {
  width: 960px;
  height: 150px;
  background: url(../img/pr/cat-img-pr.jpg) no-repeat;
  margin-top: 10px; }

/* pr
-------------------------------------------------- */
/* ==========================================================================
   News
   ========================================================================== */
#cat_img_news {
  width: 960px;
  height: 150px;
  background: url(../img/news/cat-img-news.jpg) no-repeat;
  margin-top: 10px; }

/* news
-------------------------------------------------- */
.news_set p.date {
  color: #969696; }
.news_set .ttl {
  margin-top: 10px; }
.news_set .body {
  min-height: 300px; }
  .news_set .body table {
    margin-top: 20px; }
    .news_set .body table th {
      width: 164px;
      background: #f0f0f0;
      padding: 15px 10px;
      text-align: right;
      border: 1px solid #e1e1e1; }
    .news_set .body table td {
      width: 430px;
      padding: 15px 10px;
      border: 1px solid #e1e1e1; }
    .news_set .body table p {
      line-height: 1.5em; }

/* ==========================================================================
   CSR
   ========================================================================== */
#cat_img_csr {
  width: 960px;
  height: 150px;
  background: url(../img/csr/cat-img-csr.jpg) no-repeat;
  margin-top: 10px; }

/* csr
-------------------------------------------------- */
.csr_set .ttl {
  margin-top: 10px; }
.csr_set .body {
  min-height: 300px; }
  .csr_set .body table {
    margin-top: 20px; }
    .csr_set .body table th {
      width: 164px;
      background: #f0f0f0;
      padding: 15px 10px;
      text-align: right;
      border: 1px solid #e1e1e1; }
    .csr_set .body table td {
      width: 430px;
      padding: 15px 10px;
      border: 1px solid #e1e1e1; }
    .csr_set .body table p {
      line-height: 1.5em; }
  .csr_set .body .img_ttl {
    margin-bottom: 5px; }
  .csr_set .body .img_caption {
    margin-top: 10px;
    font-size: 12px;
    color: #7d7d7d;
    line-height: 1.5em; }

.nb_csr {
  background: #f0f0f0;
  padding: 20px;
  margin-top: 20px; }
  .nb_csr h5 {
    margin-bottom: 5px; }

.csr_img_set {
  float: left;
  margin-right: 20px; }

/* ==========================================================================
   Contact
   ========================================================================== */
form .table_set01 th {
  width: 200px; }
form .text, form textarea, form .dropdown {
  color: #000;
  padding: 5px;
  border: 1px solid #c8c8c8; }
form textarea {
  resize: none;
  width: 350px; }
form .text:focus, form textarea:focus {
  background-color: #ffffc8; }
form .required {
  color: #f00; }
form .text {
  width: 250px; }
form .w100 {
  width: 100px; }

.btn {
  background-color: #d2d2d2;
  background: linear-gradient(#f0f0f0, #d2d2d2);
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d2d2d2));
  background: -moz-linear-gradient(top, #f0f0f0, #d2d2d2);
  /*
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f0f0f0, endcolorstr=#d2d2d2));
  	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f0f0f0, endcolorstr=#d2d2d2))";
  	zoom: 1;
  */
  display: block;
  width: 350px;
  height: 48px;
  line-height: 50px;
  font-size: 16px;
  color: #000;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 2px 6px #787878;
  /* Webkit */
  -webkit-box-shadow: 0px 2px 6px #787878;
  /* Firefox */
  -moz-box-shadow: 0px 2px 6px #787878;
  /* Opera */
  -o-box-shadow: 0px 2px 6px #787878;
  margin: 25px auto 0;
  border: solid 1px #ebebeb; }
  .btn:hover {
    background-color: #c8c8c8;
    background: linear-gradient(#e6e6e6, #c8c8c8);
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#c8c8c8));
    background: -moz-linear-gradient(top, #e6e6e6, #c8c8c8);
    /*
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#e6e6e6, endcolorstr=#c8c8c8));
    	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#e6e6e6, endcolorstr=#c8c8c8))";
    	zoom: 1;
    */ }
  .btn:active {
    background-color: #f0f0f0;
    background: linear-gradient(#d2d2d2, #f0f0f0);
    background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #d2d2d2, #f0f0f0);
    /*
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d2d2d2, endcolorstr=#f0f0f0));
    	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d2d2d2, endcolorstr=#f0f0f0))";
    	zoom: 1;
    */ }
  .btn a {
    color: #000;
    text-decoration: none;
    display: block; }

#privacy_contact {
  min-width: 400px;
  padding: 40px; }
  #privacy_contact li {
    margin: 30px 0; }

/* contact.php
-------------------------------------------------- */
.form_result {
  height: 300px; }

.error {
  margin-top: 10px;
  color: #f00; }

/* ==========================================================================
   Partner
   ========================================================================== */
img.partner_img {
  display: block;
  margin-bottom: 30px; }

.box_partner {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c8c8c8; }

/* ==========================================================================
   Privacy
   ========================================================================== */
.box_privacy {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c8c8c8; }

p.privacy_ttl {
  height: 40px;
  background: #b4b4b4;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  padding-left: 20px;
  margin-top: 20px; }

/* ==========================================================================
   Security
   ========================================================================== */
ol.s_policy {
  font-size: 16px;
  font-weight: bold; }
  ol.s_policy li {
    margin: 30px 0; }

/* ==========================================================================
   Sitemap
   ========================================================================== */
.sitemap_l {
  float: left;
  width: 282px; }
  .sitemap_l a {
    color: #000; }

.sitemap_r {
  float: right;
  width: 282px; }
  .sitemap_r a {
    color: #000; }

/* ==========================================================================
   404
   ========================================================================== */
#not_found {
  width: 600px;
  height: 350px;
  text-align: center;
  margin: 100px auto 0px auto; }

#not_found p {
  line-height: 2em; }

/* ==========================================================================
   China
   ========================================================================== */
/* common
-------------------------------------------------- */
#topnews_ch {
  width: 100%;
  border: 1px solid #c8c8c8; }
  #topnews_ch #topics_list {
    height: 377px;
    overflow-y: scroll; }
  #topnews_ch a {
    color: #3264c8; }

/* shanghai
-------------------------------------------------- */
#logo a.shanghai {
  background: url(../img/shanghai/logo.png) no-repeat; }

/* xian
-------------------------------------------------- */
#logo a.xian {
  background: url(../img/xian/logo.png) no-repeat; }

/* ==========================================================================
   English
   ========================================================================== */
/* en
-------------------------------------------------- */
#block_nav_en {
  background: #f0f0f0;
  padding: 40px 0 22px 0; }
  #block_nav_en li {
    float: left;
    background: #fff;
    width: 471px;
    height: 235px;
    margin: 0 18px 18px 0;
    text-align: center;
    display: inline;
    /* IE6?7対応 */
    box-shadow: 0px 1px 4px #c8c8c8;
    -webkit-box-shadow: 0px 1px 4px #c8c8c8;
    -moz-box-shadow: 0px 1px 4px #c8c8c8;
    -o-box-shadow: 0px 1px 4px #c8c8c8; }
    #block_nav_en li:nth-child(even) {
      margin-right: 0px; }
    #block_nav_en li a {
      text-decoration: none;
      display: block; }
    #block_nav_en li img {
      margin-top: 20px; }
    #block_nav_en li p.en {
      margin-top: 8px;
      font-size: 28px;
      line-height: 1.5em;
      color: #209140; }

/* IE8のみimport.css経由での疑似クラスが使用できないためie8.cssにも記述 */
/* About SYSystem
-------------------------------------------------- */
#cat_img_about {
  width: 960px;
  height: 150px;
  background: url(../img/en/about/cat-img-about.jpg) no-repeat;
  margin-top: 10px; }

/* Corporate Profile
-------------------------------------------------- */
#cat_img_profile {
  width: 960px;
  height: 150px;
  background: url(../img/en/profile/cat-img-profile.jpg) no-repeat;
  margin-top: 10px; }

/* History
-------------------------------------------------- */
#cat_img_history {
  width: 960px;
  height: 150px;
  background: url(../img/en/history/cat-img-history.jpg) no-repeat;
  margin-top: 10px; }

/* Partner Companies
-------------------------------------------------- */
#cat_img_partner {
  width: 960px;
  height: 150px;
  background: url(../img/en/partner/cat-img-partner.jpg) no-repeat;
  margin-top: 10px; }