@charset "UTF-8";
/*===============================================
 mdj_jquery.bxslider_company.css .company_box
===============================================*/

/*----------------------------------------------
 新規掲載企業・注目企業　スライドショー
----------------------------------------------*/

.company_bx {
  position: relative;
  }
  #top_recommend01 div.bx-wrapper,
  #top_recommend02 div.bx-wrapper {
    /*margin: 0 auto 60px !important;*/
  }
  .company_bx .bx-wrapper {
    max-width: 768px !important;
    position: relative;
    margin: 0 auto 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
    }
    #js_newcompany .bxslider {
      max-height: 200px !important;
    }
    .company_bx .bx-wrapper .bx-viewport {
      padding: 24px 20px;
      box-shadow: none;
      border: none;
      left: 0px;
      }
    .company_bx .bxslider li {
      width: 112px !important;
      height: 82px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #111111;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background: #FFFFFF;
      -o-transition:all 0.3s;
      -moz-transition:all 0.3s;
      -webkit-transition:all 0.3s;
      transition:all 0.3s;
      }

      .company_bx .bxslider li a {
        display: table-cell !important;
        vertical-align: middle;
        text-align: center;
        width: 112px;
        height: 82px;
        box-sizing: border-box;
        }
        .company_bx .bxslider li a img {
          max-width: 105px;
          max-height: 75px;
          vertical-align: middle;
          }
      .company_bx .bxslider li:hover {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
        z-index: 999;
        }

    .company_bx .bx_prev01,
    .company_bx .bx_next01,
    .company_bx .bx_prev02,
    .company_bx .bx_next02 {
      position: absolute;
      top: 50%;
      width: 16px;
      height: 90px;
      margin: -45px 0px 0px 0px;
      z-index: 9;
      }

    .company_bx .bx_prev01,
    .company_bx .bx_prev02 {
      left: 0px;
      }
    .company_bx .bx_next01,
    .company_bx .bx_next02 {
      right: 0px;
      }

    .company_bx .bx_prev01 .bx-prev,
    .company_bx .bx_next01 .bx-next,
    .company_bx .bx_prev02 .bx-prev,
    .company_bx .bx_next02 .bx-next {
      display: block;
      height: 90px;
      }

    .company_bx .bx_prev01 .bx-prev,
    .company_bx .bx_prev02 .bx-prev {
      /*background: url(top_arrow01.png) no-repeat 0px 0px;*/
      background: #111;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      }

    .company_bx .bx_prev01 .bx-prev:before,
    .company_bx .bx_prev02 .bx-prev:before {
      content: "<";
      font-family: serif;
      color: white;
      position: absolute;
      top: 33px;
      left: 5px;
      font-size: 14px;
      transform: scale(1,2);
    }

    .company_bx .bx_next01 .bx-next,
    .company_bx .bx_next02 .bx-next {
      /*background: url(top_arrow02.png) no-repeat 0px 0px;*/
      background: #111;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      }

    .company_bx .bx_next01 .bx-next:before,
    .company_bx .bx_next02 .bx-next:before {
      content: ">";
      font-family: serif;
      color: white;
      position: absolute;
      top: 35px;
      left: 5px;
      font-size: 14px;
      transform: scale(1,2);
    }

    .company_bx .bx-controls-direction a {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      outline: 0;
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      z-index: 99;
      }