@charset "utf-8";
/* ------------------------------------------------------
common
------------------------------------------------------ */
.l-content img {
  vertical-align: bottom;
}
.l-content .m-h3 {
  margin-bottom: 25px;
}
.l-content .m-h3 span{
  font-weight: normal;
}
.l-content a:link {
  text-decoration: none;
}
.l-content a:hover {
  text-decoration: underline;
}
.l-content .anchorNavi li {
  width: 200px;
}

.l-content .anchorNavi li.anc01 {
  width: 280px;
}

/* section */
.l-content .section {
  margin-bottom: 35px;
}
.l-content .section.lineupSection01,
.l-content .section.lineupSection02
{
  background: #f7f7f7;
}
.l-content .sectionInner {
  margin-bottom: 35px;
}
.l-content .section.lineupSection01 .sectionInner,
.l-content .section.lineupSection02 .sectionInner{
  padding-left: 15px;
}
/* secBox */
.l-content .secBox .secBoxL {
  width: 440px;
  float: left;
}
.l-content .secBox .secBoxR {
  width: 495px;
  float: right;
}

/* lead */
.l-content .leadTxt {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}


/* txt,pic */
.l-content .section .secTxt {
  margin-bottom: 15px;
}
.l-content .section .secPic {
  text-align: center;
}


/* table */
.l-content .tableFenceUnit {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin-bottom: 8px;
}
.l-content .tableFenceUnit th {
  padding: 5px 0;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #eee;
  text-align: center;
  font-weight: bold;
}
.l-content .tableFenceUnit td {
  padding: 3px 6px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-color: #bfbfbf;
  background-color: #fff;
  text-align: left;
}
.l-content .frameBox .tableFenceUnit .numberL {
  font-weight: bold;
  text-align: center;
}
.l-content .frameBox .tableFenceUnit .numberR {
  text-align: center;
}

.l-content .new {
  color: #dd0000;
  border: 1px solid #dd0000;
  display: inline-block;
  padding: 3px 3px;
  margin-bottom: 5px;
}
.l-content .m-table td.boder-bold {
  font-weight: bold;
}
.l-content .m-table td.no_boder {
  border: none;
  text-align: left;
  padding: 3px 0 0;
}
.l-content .m-table td.boder-bold {
  font-weight: bold;
}
.l-content .m-table td.no_boder-center {
  border: none;
}
.l-content .m-table_width_ex {
  width: auto;
}
.l-content .m-table_width_ex > tbody > tr > th {
  padding: 5px 0;
}
.l-content .m-table_width_ex > tbody > tr > td {
  padding: 3px 6px;
}
.l-content .m-table td.boder_on {
  border: 1px solid #ccc;
}

/* ------------------------------------------------------
安全柵ユニットラインナップ
------------------------------------------------------ */
/* lineupBox */
.l-content .lineupBox {
  padding-bottom: 20px;
}
.l-content .lineupBox .itemBox {
  float: left;
  margin-right: 10px;
  position: relative;
  background: #fff;
  border: 1px solid #CCC;
  width: 300px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #fff, 0 2px 0 0 rgba(0,0,0,0.1);
  padding: 13px 0;
}
.l-content .lineupBox .itemBox .item {
  width: 145px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.l-content .section.lineupSection01 .lineupBox .itemBox .item{
  height: 190px;
}
.l-content .section.lineupSection02 .lineupBox .itemBox .item{
  height: 197px;
}
.l-content .item_01 {
  height: 190px;
}
.l-content .item_02 {
  height: 197px;
}
.l-content .lineupBox .itemBox .inner {
  display: table-cell;
  vertical-align:middle;
  padding: 5px 5px 5px 0;
  width: 155px;
  box-sizing: border-box;
}
.l-content .lineupBox .itemBox .inner .name {
  margin-bottom: 10px;
}
.l-content .lineupBox .itemBox .inner .name a {
  font-weight: bold;
  font-size: 14px;
}
.l-content .lineupBox .itemBox .inner .days {
  color: #dd0000;
  border: 1px solid #dd0000;
  display: inline-block;
  padding: 3px 4px 0;
  margin-bottom: 7px;
  font-size: 11px;
}
.l-content .lineupBox .itemBox .inner .spec {
  margin-bottom: 7px;
}

/* ------------------------------------------------------
ミスミの安全柵ユニットのポイント
------------------------------------------------------ */

/* pointBox02 */
.l-content .pointBox02 {
}
.l-content .pointBox02 .point02_L {
  float: left;
}
.l-content .pointBox02 .point02_R {
  width: 532px;
  float: right;
}
.l-content .pointBox02 .point02_R .txt {
  margin: 0;
}
.l-content .pointBox02 .point02_R .notes {
  margin-bottom: 16px;
}
.l-content .pointBox02 .point02_R .pointList {
  margin: 0 -6px 0 0;
}
.l-content .pointBox02 .point02_R .pointList .itemBox {
  float: left;
  margin-right: 6px;
  border: 1px solid #bbbbbb;
  width: 171px;
}
.l-content .pointBox02 .point02_R .pointList .itemBox .name {
  margin: 0 12px;
  border-bottom: 1px solid #bbbbbb;
  padding: 20px 0 0;
  height: 65px;
}
.l-content .pointBox02 .point02_R .pointList .itemBox .btn {
  padding-bottom: 12px;
  margin: 0 auto;
  width: 127px;
}
.l-content .pointBox02 .point02_R .pointList .itemBox .pic {
  margin: 10px 0 28px;
  text-align: center;
}


/* ------------------------------------------------------
安全柵フレーム・アクセサリラインナップ
------------------------------------------------------ */
/* frameBox */
.l-content .frameBox {
  margin-bottom: 24px;
}
.l-content .frameBox .pic {
  float: left;
  margin-right: 25px;
}
.l-content .frameBox .tableFenceUnit {
  width: 471px;
}
.l-content .frameList {
  margin: 6px -6px 0 0;
}
.l-content .frameList .itemBox {
  float: left;
  margin-right: 6px;
  border: 1px solid #bbbbbb;
  width: 183px;
}
.l-content .frameList .itemBox .name {
  margin: 0 16px;
  border-bottom: 1px solid #bbbbbb;
  padding: 20px 0 0;
  height: 65px;
}
.l-content .frameList .itemBox .btn {
  padding-bottom: 12px;
  margin: 0 auto;
  width: 127px;
}
.l-content .frameList .itemBox .pic {
  margin: 10px 0 28px;
  text-align: center;
}
/* stepBox */
.l-content .stepBox {
  margin: 0 -15px 0 0;
}
.l-content .stepBox .stepList {
  float: left;
  position: relative;
  margin-right: 15px;
}
.l-content .stepBox .stepList.step01,
.l-content .stepBox .stepList.step03 {
  width: 220px;
}
.l-content .stepBox .stepList.step02 {
  width: 205px;
}
.l-content .stepBox .stepList.step04 {
  width: 250px;
}
.l-content .stepBox .stepList .ttl {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 4px;
  font-weight: bold;
  margin-top: 196px;
  margin-bottom: 5px;
}
.l-content .stepBox .stepList .pic {
  position: absolute;
  top: 0;
  left: 0;
}


/* fixingBox,safeBox  */
.l-content .fixingBox .picL,
.l-content .safeBox .picL {
  float: left;
  margin-right: 16px;
}
.l-content .fixingBox .picR,
.l-content .safeBox .picR {
  float: left;
}

/* 安全柵開き戸ユニット */
.l-content .attachmentBox {
  margin-bottom: 24px;
}
.l-content .attachmentBox .pic {
  float: left;
  margin-right: 20px;
}
.l-content .attachmentBox .tableAttachment {
  width: 270px;
}
/* table */
.l-content .tableAttachment {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin-bottom: 8px;
}
.l-content .tableAttachment th {
  padding: 5px 0;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #eee;
  text-align: center;
  font-weight: bold;
}
.l-content .tableAttachment td {
  padding: 3px 6px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-color: #bfbfbf;
  background-color: #fff;
  text-align: left;
}
/* infoBox */
.l-content .infoBox {
  margin-bottom: 24px;
}
.l-content .infoBox .pic {
  float: right;
  margin-right: 20px;
}
.l-content .infoBox .tableinfo {
  width: 700px;
}
/* table */
.l-content .tableinfo {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin-bottom: 8px;
}
.l-content .tableinfo th {
  padding: 5px 0;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #ccdcec;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}
.l-content .tableinfo th.size {
  padding: 5px 0;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #ccecd0;
  text-align: center;
  font-weight: bold;
}
.l-content .tableinfo td {
  padding: 3px 6px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-color: #bfbfbf;
  background-color: #fff;
  text-align: left;
}
.l-content .infoBox .tableinfo .numberL {
  font-weight: bold;
  text-align: center;
}
.l-content .infoBox .tableinfo .numberR {
  text-align: center;
}
.l-content .txtLink .txt {
  font-size: 14px;
}
.l-content .txtLink .btnLink {
  margin-top: 10px;
}