@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
  vertical-align:bottom;
}
.l-content .m-h2 {
  margin-bottom:30px;
}

/* section */
.l-content .section {
  margin-bottom: 65px;
}
.l-content .sectionInner {
  padding: 0 10px;
  margin-bottom: 50px;
}


/* secTxt */
.l-content .secTxt {
  margin-bottom:30px;
}


/* btn */
.l-content .btnBox {
  width:295px;
  margin:0 auto 50px;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* mainVisual */
.l-content .mainVisual {
  width: 950px;
  height: 190px;
  margin-bottom: 25px;
  background: url(/maker/misumi/mech/products/cable_carrier/img/main_20200205.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* leadTxt */
.l-content .leadTxt {
  text-align: center;
  margin-bottom: 30px;
  font-weight:bold;
  font-size:16px;
}


/* leadBox */
.l-content .leadBox {
  width: 800px;
  margin:0 auto 25px;
  height: 305px;
  background: url(/maker/misumi/mech/products/cable_carrier/img/lead_20200205.png) no-repeat 0 0;
}
.l-content .leadBox p {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* ------------------------------------------------------
secItems
------------------------------------------------------ */
/* section */
.l-content .secItems {
  margin-bottom: 60px;
}
.l-content .secItems .sectionInner {
  padding: 0 20px;
  margin-bottom: 0;
}

/* itemList */
.l-content .secItems .itemList {
  margin: 0 -20px 0 0;
  letter-spacing: -0.4em;
  padding-bottom: 15px;
}
.l-content .secItems .itemList > li {
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 15px 0;
  border: 1px solid #CCC;
  background: #FFF;
  width: 443px;
  padding: 20px 0;
  position: relative;
  min-height: 180px;
}
.l-content .secItems .itemList > li .name {
  padding: 0 20px 0 210px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #004bb1;
}
.l-content .secItems .itemList > li .pic {
  position: absolute;
  top: 20px;
  left: 19px;
}
.l-content .secItems .itemList > li .txt {
  padding: 0 20px 10px 210px;
  font-size: 12px;
  line-height: 16px;
}
.l-content .secItems .itemList > li .btn {
  position: absolute;
  bottom: 20px;
  left: 210px;
  width: 180px;
}
.l-content .secItems .itemList > li.box_hover {
  cursor: pointer;
}
.l-content .secItems .itemList > li.box_hover .pic img,
.l-content .secItems .itemList > li.box_hover .txt,
.l-content .secItems .itemList > li.box_hover .btn a {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .secItems .itemList > li.box_hover .name {
  color: #ff730a;
}



/* howtoBox */
.l-content .howtoBox{
  border:1px solid #d2d2d2;
  width:818px;
  margin:0 auto 20px;
  padding:30px 0 25px;
}
.l-content .howtoBox .howto01{
  margin:0 0 17px 75px;
  width:674px;
}
.l-content .howtoBox .howto01 dl{
  float:right;
  width:298px;
}
.l-content .howtoBox .howto01 dl:first-child{
  float:left;
  width:361px;
  background: url(/maker/misumi/mech/products/cable_carrier/img/howto02.png) no-repeat right 85px;
}
.l-content .howtoBox .howto01 dl dt{
  margin-bottom:10px;
  font-weight:bold;
  font-size:14px;
}

.l-content .howtoBox .howto02{
  margin:0 0 0 75px;
  width:674px;
}
.l-content .howtoBox .howto02 dl dt{
  margin-bottom:30px;
  font-weight:bold;
  font-size:14px;
}
.l-content .howtoBox .howto02 dl dd.txt{
  margin:33px 0 0 24px;
}

/* caseBox */
.l-content .caseBox{
  margin:35px 0;
}
.l-content .caseBox li{
  float:right;
  width:448px;
  border:1px solid #c9c9c9;
  padding:15px 0;
  text-align:center;
}
.l-content .caseBox li:first-child{
  float:left;
}
.l-content .caseBox li .name{
  display:block;
  margin-bottom:24px;
  font-weight:bold;
  font-size:14px;
}
.l-content .caseBox li img{
  margin-bottom:20px;
}
.l-content .caseBox li .notes{
  display:block;
}

/* ------------------------------------------------------
secRelate
------------------------------------------------------ */
/* u-table */
.l-content .secRelate ul > li {
  width: 470px;
}
.l-content .secRelate ul > li:first-child {
  padding-right: 10px;
}
