/* LAND computer Website CSS
 * body : lnet-info
 * charset UTF-8
 * -------------------------

/* COMMON ================================================================ */
/* subNavi H2 ---------------- */
@media all and (min-width: 769px) {
    #subNavi h2 {
      height: 54px;
      background: url(../../img/images/common/global_sprite.png) no-repeat 50% 0;
    }
    #subNavi h2 a {
      display: block;
      height: 54px;
    }
  }
  #subNavi div.sideNavi dl dd ul li {
    display: inline-block;
    box-sizing: border-box;
    margin: 8px 0;
    width: 50%;
  }
  #subNavi div.sideNavi dl dd ul li a:before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 1em;
    vertical-align: middle;
    background: url('../../../img/img5/link-mark.png') no-repeat 0 0;
    background-color: transparent;
  }
  
  @media all and (min-width: 769px) {
    #subNavi div.sideNavi dl dd ul {
      margin-left: 0;
    }
    #subNavi div.sideNavi dl dd ul li {
      display: inline-block;
      box-sizing: border-box;
      margin: 8px 0;
      width: 50%;
    }
    #subNavi div.sideNavi dl dd ul li a:before {
      display: inline-block;
      content: "";
      width: 10px;
      height: 1em;
      vertical-align: middle;
      background: url('../../../img/img5/link-mark.png') no-repeat 0 0;
      background-color: transparent;
    }
    #subNavi div.sideNavi dl dd ul li a {
      padding: 0;
      /* 2016-01-06 */
      padding-left: 10px;
      text-indent: -10px;
    }
  }
  #subNavi .bnrBox li {
    list-style: none;
    width: 50%;
  }
  #subNavi .bnrBox li img {
    width: 100%;
    max-width: 200px;
  }
  @media all and (min-width: 769px) {
    #subNavi ul.bnrBox li {
      margin-bottom: 8px;
      width: auto;
    }
  }
  #comparison div#mainContents {
    margin-right: 0;
  }
  
  h1 span.category {
    display: block;
    font-size: 0.66em;
    font-weight: 400;
    margin: 0 0 8px;
  }
  @media all and (min-width: 480px) {
    h1 span.category {
      display: inline-block;
      margin-right: 0.5em;
    }
  }
  h1 span.model {
    display: inline-block;
    font-size: 0.88em;
    font-weight: 400;
    margin-right: 5px;
  }
  h1 span.sub {
    display: inline-block;
    font-size: 0.66em;
    font-weight: 400;
    margin-left: 5px;
  }
  h1.c7273 span.category {
    display: block;
    margin-bottom: 5px;
  }
  h2.notice {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    padding: 10px;
    border: none;
    background-color: #E0FFBF;
  }
  h2.notice span {
    display: block;
  }
  
  /* INDEX / infoList --------------- */
  ul.infoList {  
  }
  ul.infoList li {
      min-height: 80px;
      margin: 0 0 10px;
      padding: 1px 0 15px;
    overflow: hidden;
      position: relative;
      background: url("../../img/images/line_dot.gif") no-repeat 0 100%;
  }
  ul.infoList li div {
      padding-left: 170px;
      margin: 0 0 8px;
  }
  ul.infoList li div a {
    display: block;
      font-weight: 400;
      padding: 0 0 0 10px;
    background: url("../../img/img5/link_p.png") no-repeat 0 0.2em;
  }
  ul.infoList li div a img {
      position: absolute;
      top: 0;
      left: 0;
  }
  ul.infoList li p {
    line-height: 1.4;
      padding-left: 180px;
    margin: 0;
  }
  /* movable ---------- */
  .main.proposal {
    font-size: 120% !important;
    color: #FFF !important;
    line-height: 1.5;
    padding: 5px 20px;
      margin-bottom: 15px;
    background-color: #6495ED;
  }
  div.main.proposal {
      border-radius: 5px;
      background-color: #E9E9E4;
      background-color: lightslategrey;
      color: #333 !important;
    background: -moz-linear-gradient(#f0f8ff, #bbe2f1);
    background: -webkit-linear-gradient(#f0f8ff, #bbe2f1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f8ff), to(#bbe2f1));
    background: -o-linear-gradient(#f0f8ff, #bbe2f1);
    background: linear-gradient(#f0f8ff, #bbe2f1);
  
  }
  .main.proposal p {
      margin-bottom: 0.5em;
  }
  .main.proposal strong {
      color: crimson;
      color: maroon;
      color: #B22222;
  }
  /* implementation ----------------- */
  .implementation {
    display: block;
  }
  .implementation li {
    display: block;
    margin: 0 0 10px;
    width: 100%;
  }
  .implementation li img {
    display: block;
    margin: 0 auto 5px;
    width: 100%;
    max-width: 300px;
  }
  @media all and (min-width: 480px) {
    .implementation {
      display: table;
    }
    .implementation li {
      display: inline-block;
      vertical-align: top;
      margin: 0 5px;
      width: 300px;
    }
    .implementation li {
      display: table-cell;
      width: 50%;
    }
    .implementation li img {
      margin-bottom: 5px;
    }
  }
  .proposeCap {
    margin: -5px 0 10px;
    text-align: right;
  }
  
  /* fancyBox */
  .concentSystem {
      background: url(../../img/product/images/img_0000.png) no-repeat 0 0;
      background-size: 100% auto;
  }
  ul.imgFancybox {
      list-style: none;
      padding: 2% 0;
      margin: 0 0 0 64.5%;
      width: 25%;
  }
  ul.imgFancybox li:first-child {
      margin-bottom: 16%;
  }
  ul.imgFancybox li img {
      width: 100%;
  }
  div.implementation.col2 .cell {
      vertical-align: middle;
      text-align: center;
  }
  div.implementation.col2 .cell p {
      padding-left: 10px;
      text-align: left;
  }
  
  /* --------------------
   * CONTACT BOX
   * -------------------- */
  div.contactInfo {
    padding: 15px 20px;
    margin: 0 auto 10px;
    width: 80%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: -moz-linear-gradient(#fff, #f0f0f0);
    background: -webkit-linear-gradient(#fff, #f0f0f0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f0f0f0));
    background: -o-linear-gradient(#fff, #f0f0f0);
    background: linear-gradient(#fff, #f0f0f0);
  }
  div.contactInfo div.inner {
    margin: 0 0 0 10px;
  }
  div.contactInfo p {
    margin: 0 0 10px;
  }
  div.contactInfo ul {
    margin: 0;
  }
  div.contactInfo ul li {
    line-height: 1.2;
    list-style: none;
    padding-left: 4.2em;
    margin-bottom: 5px;
    vertical-align: text-top;
  }
  div.contactInfo ul li.icon img {
    float: none;
    margin: 0;
  }
  div.contactInfo ul li span {
    display: inline-block;
  }
  div.contactInfo ul li .item {
    width: 4.2em;
    margin-left: -4.2em;
    vertical-align: middle;
  }
  div.contactInfo ul li .telno {
    font-size: 2.0rem;
    font-family: "Times New Roman", Times, serif;
    font-weight: 400;
    color: #325da7;
  }
  div.contactInfo ul li .faxno {
    font-weight: 700;
  }
  div.contactInfo ul li .time {
    margin-left: 8px;
  }
  /* -------------------- */
  .topimage {
    display: block;
    float: none;
    margin: 0 auto 10px;
  }
  @media all and (min-width: 640px) {
    .topimage {
      float: right;
      margin: 0 0 10px 20px;
    }
  }
  
  /* SIDE-NAVI ============================================================= */
  /* -------------------- */
  .pointList {
    padding: 10px 20px;
    background-color: #f0f6f9;
  }
  .pointList dt {
    font-weight: 700;
    margin: 0 0 5px;
  }
  .pointList dt span {
    display: block;
    font-weight: 400;
    margin: 0 0 5px;
  }
  .pointList dd {
    line-height: 1.5;
    margin-bottom: 10px;
    padding-left: 0em;
  }
  
  dl.strongPointList {
  }
  dl.strongPointList dt {
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
  }
  dl.strongPointList dd {
    line-height: 1.5;
    margin-bottom: 1.5em;
    padding-left: 1em;
  }
  dl.strongPointList dd p {
    margin-bottom: 1em;
  }
  dl.strongPointList dd p.markBox {
    text-align: center;
    padding: 10px;
    background-color: #dfefff;
  }
  /* hard merit --------------------- */
  .hardMerit dl {
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url("../../img/images/line_dot.gif") repeat-x 0 100%;
  }
  .hardMerit dl dt {
    clear: right;
    font-weight: 700;
    margin-bottom: 8px;
    padding-left: 18px;
    background: url("../../img/images/hmark01.gif") no-repeat 0 0;
  }
  .hardMerit dl dt img {
    display: block;
    float: none;
    margin: 0 auto 10px; 
  }
  @media all and (min-width: 480px) {
    .hardMerit dl dt img {
      float: right;
      margin: 0 0 10px 20px; 
    }
  }
  .hardMerit dl dd {
    line-height: 1.5;
  }
  dl.methodList {
    padding: 10px 20px;
    background-color: #f6f7f8;
  }
  dl.methodList dt {
    font-weight: 700;
    margin-bottom: 5px;
  }
  dl.methodList dd {
    line-height: 1.5;
    margin-bottom: 10px;
  }
  ul.numberList li {
    list-style: none;
    padding-left: 3em;
    text-indent: -3em;
  }
  .inner.case table td.item {
    padding-left: 7em;
    text-indent: -6.5em;
  }
  /* -------------------- */
  .catchImg {
    float: none;
    margin: 0 auto 10px;
  }
  .caseImg {
    display: block;
    float: none;
    margin: 0 auto 10px;
  }
  @media all and (min-width: 640px) {
    .catchImg {
      float: right;
    }
    .caseImg {
      float: right;
      margin: 0 0 10px 20px;
    }
  }
  dl.correspondingList {
  }
  dl.correspondingList dt {
    margin-bottom: 8px;
  }
  dl.correspondingList dt:before {
    content: "●";
  }
  dl.correspondingList dd {
    line-height: 1.5;
    margin-bottom: 15px;
    padding-left: 1em;
  }
  .msgBox {
    padding: 10px 20px 0;
    text-align: center;
    border: 1px solid #BFDFFF;
    background-color: #E5F2FF;
  }
  /* description List ---------- */
  dl.descriptionList {
      margin-bottom: 10px;
      overflow: hidden;
  }
  dl.descriptionList dt {
      font-weight: 700;
      margin-bottom: 5px;
  }
  dl.descriptionList dd {
    line-height: 1.5;
      margin-bottom: 10px;
      padding: 0 0 15px 10px;
  }
  dl.descriptionList dd {
      background: url("../../img/images/line_dot.gif") no-repeat 0 bottom;
  }
  dl.descriptionList dd p {
      margin: 0;
  }
  dl.descriptionList dd p img {
    text-align: center;
      margin: 10px 0;
  }
  
  /* comparision 720 / 730 ---------- */
  div#comp7273 table tr td {
    vertical-align: top;
    vertical-align: baseline;
  }
  div#comp7273 table tr td.item {
    font-weight: 700;
  }
  div#comp7273 table tr td.comp {
      vertical-align: middle;
  }
  div#comp7273 dl dd p {
      margin: 15px 0;
  }
  
  /* sample */
  .sample {
      width: 80%;
  }
  
  /* image size ----- */
  .iw180 {  max-width: 180px;  width: 100%;   }
  .iw220 {  max-width: 220px;  width: 100%;   }
  .iw230 {  max-width: 230px;  width: 100%;   }
  .iw250 {  max-width: 250px;  width: 100%;   }
  .iw290 {  max-width: 290px;  width: 100%;   }
  .iw300 {  max-width: 300px;  width: 100%;   }
  .iw320 {  max-width: 320px;  width: 100%;   }
  .iw330 {  max-width: 330px;  width: 100%;   }
  .iw340 {  max-width: 340px;  width: 100%;   }
  .iw350 {  max-width: 350px;  width: 100%;   }
  .iw360 {  max-width: 360px;  width: 100%;   }
  .iw370 {  max-width: 370px;  width: 100%;   }
  .iw400 {  max-width: 400px;  width: 100%;   }
  .iw411 {  max-width: 411px;  width: 100%;   }
  .iw423 {  max-width: 423px;  width: 100%;   }
  .iw427 {  max-width: 427px;  width: 100%;   }
  .iw430 {  max-width: 430px;  width: 100%;   }
  .iw431 {  max-width: 431px;  width: 100%;   }
  .iw440 {  max-width: 440px;  width: 100%;   }
  .iw470 {  max-width: 470px;  width: 100%;   }
  .iw500 {  max-width: 500px;  width: 100%;   }
  .iw530 {  max-width: 530px;  width: 100%;   }
  .iw550 {  max-width: 550px;  width: 100%;   }
  .iw580 {  max-width: 580px;  width: 100%;   }
  .iw600 {  max-width: 600px;  width: 100%;   }
  .iw610 {  max-width: 610px;  width: 100%;   }
  .iw620 {  max-width: 620px;  width: 100%;   }
  .iw630 {  max-width: 630px;  width: 100%;   }
  .iw640 {  max-width: 640px;  width: 100%;   }
  .iw650 {  max-width: 650px;  width: 100%;   }