@charset "utf-8";
/* -------------------------------
common
------------------------------- */
/* img */
.l-content img {
  vertical-align: bottom;
}


/* section */
.l-content .section {
  margin-bottom: 60px;
}

/* sectionInner */
.l-content .sectionInner {
  margin:0 15px;
}
/* boxColor */
.l-content .sectionInner.boxColor {
  background:#f7f7f7;
  margin-bottom:30px;
}
.l-content .sectionInner.boxColor .secItemH2 {
  border-bottom:1px solid #cfcfcf;
  border-top:6px solid #5d76b3;
  font-size:22px;
  font-weight: bold;
  padding:21px 48px;
  background: url(/maker/makishinko/mech/products/screwjack/img/icon_h2.png) 15px 25px no-repeat;
  margin-bottom:30px;
}


/* ttl */
.l-content .m-h2{
  margin-bottom:25px;
}


/* btnBox */
.l-content .btnBox {
  width:384px;
  margin:10px auto 0;
}
.l-content .btnBox a {
  font-size:14px;
  padding: 11px 2px 10px;
}


/* notes */
.l-content .notes li {
  text-indent:-0.5em;
  margin-left:0.5em;
}

/* -------------------------------
contents
------------------------------- */
/* mainVisual */
.l-content .mainVisual {
  width: 950px;
  height: 190px;
  margin-bottom: 30px;
  padding: 0;
  border: none;
  background: url(/maker/makishinko/mech/products/screwjack/img/main.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* lead */
.l-content .leadTxt {
  text-align: center;
  margin:0 0 42px;
  background:#efefef;
  padding:25px;
  border-top:1px solid #c1c1c1;
  border-bottom:1px solid #c1c1c1;
}


/* itemsBox */
.l-content .itemsBox {
  margin: 0 -40px 0 150px;
  letter-spacing: -0.4em;
  padding-bottom:30px;
}
.l-content .itemsBox .itemsList {
  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 40px 0 0;
  border: 1px solid #c1c1c1;
  background: #FFF;
  width: 288px;
  position: relative;
}
.l-content .itemsBox .itemsList .item {
  padding: 30px 0 20px;
  width: 238px;
  margin:0 auto;
}
.l-content .itemsBox .itemsList .item .name {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color:#004098;
  display:table;
}
.l-content .itemsBox .itemsList .item .name .txt {
  display: table-cell;
  vertical-align:bottom;
}
.l-content .itemsBox .itemsList .item .name .txt .new {
  display:block;
  width:46px;
  height:22px;
  background: url(/maker/makishinko/mech/products/screwjack/img/icon_new.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom:5px;
}
.l-content .itemsBox .itemsList .item .pic {
  margin-bottom: 10px;
  text-align: center;
}
.l-content .itemsBox .itemsList .item .day {
  margin-bottom: 20px;
  text-align: right;
}
.l-content .itemsBox .itemsList .item .special {
  margin-bottom: 20px;
  text-align: left;
}
.l-content .itemsBox .itemsList.box_hover {
  cursor: pointer;
}
.l-content .itemsBox .itemsList.box_hover .pic img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .itemsBox .itemsList.box_hover .name {
  color: #ff730a;
  text-decoration:underline;
}


/* itemNotes */
.l-content .itemNotes {
  margin:0 0 0 150px;
  width:620px;
}
.l-content .itemNotes li {
  text-indent:-1em;
  margin-left:1em;
}


/* caseListScrew */
.l-content .caseListScrew {
  letter-spacing: -0.4em;
  margin: 35px -65px 0 0;
}
.l-content .caseListScrew li {
  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 65px 16px 0;
  width: 400px;
}
.l-content .caseListScrew li.case02,
.l-content .caseListScrew li.case04 {
  width: 454px;
}
.l-content .caseListScrew li span {
  display:block;
  margin-top:5px;
}


/* meritList */
.l-content .meritList li {
  display:table;
  font-size:14px;
  margin-bottom:10px;
}
.l-content .meritList li:before {
  content: "";
  display:table-cell;
  background: url(/maker/makishinko/mech/products/screwjack/img/icon_merit.png) left 1px no-repeat;
  width:18px;
  padding-right:10px;
}


/* caseListJack */
.l-content .caseListJack {
  letter-spacing: -0.4em;
  margin: 0 -20px 0 0;
}
.l-content .caseListJack li {
  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 20px 20px 0;
  width: 450px;
}