@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content a:link {
  text-decoration: none;
}

/* section */
.l-content .section {
  margin-bottom: 50px;
}
.l-content .sectionInner {
  margin-bottom: 50px;
}
/* txt */
.l-content .secTxt {
  margin-bottom: 20px;
}
.l-content .secPic {
  text-align: center;
}
/* btn */
.l-content .btnPdf a {
    float: right;
  width: 263px;
}
.l-content .btnItem {
  width: 258px;
  margin: 0 auto;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* ttl */
.l-content .mainVisual {
  width: 950px;
  height: 248px;
  margin-bottom: 30px;
  background: url(/maker/patlite/products/lrseries/img/mainVisual_20190816.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* lead */
.l-content .leadTxt {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}
/* modelList */
.l-content .modelList {
  width: 950px;
  margin-bottom: 30px;
}
.l-content .modelList li.modelList01{
     float: left;
 background: url(/maker/patlite/products/lrseries/img/pic_standardmodel01.png) no-repeat 0 0;
  width: 510px;
}
.l-content .modelList li.modelList02{
     float: right;
  background: url(/maker/patlite/products/lrseries/img/pic_standardmodel02.png) no-repeat 0 0;
    width: 440px;
}
.l-content .modelList li.modelList02.box_hover {
    cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .modelList li.modelList02.box_hover .codeList dd{
    color: #ff730a;
}
/* codeList */
.l-content .codeList {
}
.l-content .codeList dt{
    background: #e6e6e6;
    width: 425px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    margin-bottom: 220px;
}
.l-content .codeList dt a{
    color: #000;
}
.l-content .codeList dd {
  float: left;
  width: 110px;
    height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.l-content .codeList dd span {
  font-weight: normal;
  display: block;
}
/* sectionList */
.l-content .sectionList {
  margin-bottom: 50px;
}
.l-content .sectionList li{
    float: left;
}
.l-content .sectionList_col3 li{
    width: 284px;
    margin-right: 49px;
}
/* sectionBox */
.l-content .sectionBox {
  margin-bottom: 50px;
}
.l-content .sectionBox .sectionBoxL {
  width: 460px;
  float: left;
}
.l-content .sectionBox .sectionBoxR {
  width: 460px;
  float: right;
}
.l-content .sectionBox .sectionBoxM {
  width: 300px;
  float: left;
  margin-left: 25px;
}
.l-content .sectionBox .sectionBoxM:first-child {
  margin-left: 0;
}
.l-content .sectionBox .detailPic {
  margin-bottom: 20px;
  text-align: center;
}
.l-content .sectionBox .detailPic.h224 {
  min-height: 224px;
}
.l-content .sectionBox .detailPic.h300 {
  min-height: 300px;
}
.l-content .sectionBox .detailTxt dt {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.l-content .sectionBox .detailTxt dt span {
  font-weight: normal;
  font-size: 10px;
  margin-left: 10px;
}

/* audioBox */
.l-content .audioBox {
  border:1px solid #CCC;
  padding:20px 30px 10px;
  height: 196px;
}
.l-content .audioBox .sectionBox {
  margin-bottom: 0;
}
.l-content .audioBox .sectionBoxL {
  width: 430px;
}
.l-content .audioBox .sectionBoxR {
  width: 430px;
}
.l-content .audioTtl {
  font-weight: bold;
  margin-bottom: 5px;
}
.l-content .audiojs {
  width:430px;
}
.l-content .audiojs .scrubber {
  width:250px;
}
/* itemsBox */
.l-content .itemsBox {
  margin: 0 auto;
  letter-spacing: -0.4em;
  width: 300px;
}
.l-content .itemsBox .item {
  letter-spacing: normal;
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
 /display: inline; /*for ie5-7*/
 /zoom: 1; /*for ie5-7*/
  vertical-align: top;
  margin: 0 25px 25px 0;
  border: 1px solid #bfbfbf;
}
.l-content .itemsBox .item a {
  display: block;
  text-align: center;
  padding: 20px 0;
  width: 298px;
}
.l-content .itemsBox .item .name {
  display: block;
  padding: 0 40px;
  margin: 15px 0;
  font-weight: bold;
}
.l-content .itemsBox .item .m-btnLink--conversion {
  width: 170px;
  margin: 0 auto;
}