@charset "utf-8";

.l-content .mainVisual {
  width: 950px;
  height: 290px;
  margin: 0 auto;
  margin-bottom: 30px;
  background: url(/maker/panasonic/mech/products/tough_fiber_sensor/img/main.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .leadTxt {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 30px;
}
.l-content .section {
  margin-bottom: 60px;
}
.l-content .section .sectionInner {
  padding: 0 15px;
}

.l-content .h4_ttl {
  margin: 40px 0 20px;
  padding-bottom: 8px;
  border-bottom: 2px solid #0169c6;
  font-size: 14px;
  font-weight: bold;
}

.l-content .m-btn--down {
  width: 230px;
}

/*  contents01 */
.l-content .problemArea {
  padding: 0 0 33px 0;
  background: url(/maker/panasonic/mech/products/tough_fiber_sensor/img/pic_problem_arrow.png) no-repeat center bottom;
  margin-bottom: 10px;
}
.l-content .problemBox {
  width: 894px;
  border: 3px #00489d solid;
  margin: 0 auto;
}
.l-content .problemBox .h3_ttl {
  width: 100%;
  height: 50px;
  background-color: #d9e9f7;
  color: #00489d;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
}
.l-content .resolutionBox {
  width: 894px;
  border: 3px #e5ab17 solid;
  margin: 0 auto;
}
.l-content .resolutionBox .h3_ttl {
  width: 100%;
  height: 50px;
  background-color: #e5ab17;
  color: #FFF;
  font-size: 18px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
}
.l-content .contents01 .txtArea {
  padding: 17px 30px;
}
.l-content .problemBox dl {
  height: 30px;
  margin-bottom: 10px;
}
.l-content .resolutionBox dl {
  margin-bottom: 10px;
}
.l-content .contents01 dt {
  float: left;
  width: 80px;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.l-content .contents01 dd {
  float: left;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 0 0 18px;
  line-height: 18px
}
.l-content .resolutionBox .txtArea {
  background: url(/maker/panasonic/mech/products/tough_fiber_sensor/img/pic_resolution.png) no-repeat 580px 15px #faeed1;
}

.l-content .problemBox dt {
  background-color: #1a61b0;
  line-height: 30px;
}
.l-content .resolutionBox dt {
  background-color: #e5ab17;
  line-height: 36px;
}

.l-content .attachmentTxt {
  height: 120px;
  padding: 24px 0 0 210px;
  background: url(/maker/panasonic/mech/products/tough_fiber_sensor/img/pic_attachment02.png) no-repeat 38px 0;
  font-size: 14px;
}

/*  contents02 */
.l-content .itemBox {
  padding: 20px 15px;
  border: 1px solid #bfbfbf;
  width: 348px;
  text-align:center;
  margin: 0 auto;
}
.l-content .itemBox .name {
  color: #004bb1;
  font-size: 15px;
  font-weight: bold;
}
.l-content .itemBox .pic {
  margin: 20px 0;
}
.l-content .itemBox .date {
  text-align: center;
  margin-bottom: 10px;
}
.l-content .itemBox .btn {
  margin: 0 auto;
}
.l-content .itemBox.box_hover {
	cursor: pointer;
}
.l-content .itemBox.box_hover .name {
	color: #ff730a;
}
.l-content .itemBox.box_hover .name,
.l-content .itemBox.box_hover .pic,
.l-content .itemBox.box_hover .date,
.l-content .itemList.box_hover .btn {
  opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

/*  contents03 */
.l-content .movieBox {
  text-align: center;
}
.l-content .movieBox li {
  float: left;
  margin-left: 40px;
}
.l-content .movieBox.movie03 dl,
.l-content .movieBox.movie04 dl{
  width: 400px;
  margin: 0 auto;
}
.l-content .movieBox .movieTtl {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.l-content .itemList .shape {
  float: left;
  margin: 0 5px 10px;
  padding: 15px 0;
  border: 1px solid #bfbfbf;
  width: 218px;
  text-align:center;
}
.l-content .itemList .shape .name {
  margin-bottom: 5px;
}
.l-content .itemList .shape .name strong {
  font-size: 14px;
}
.l-content .itemList .shape .txt {
  height: 40px;
  margin-bottom: 10px;
}

/*  contents04 */
.l-content .itemList .relatedItem {
  float: left;
  margin-left: 12px;
  padding: 20px 15px;
  border: 1px solid #bfbfbf;
  width: 188px;
  text-align:center;
}
.l-content .itemList .relatedItem:first-child {
  margin-left: 0;
}
.l-content .itemList .relatedItem span {
    display: block;
}
.l-content .itemList .relatedItem .name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.l-content .itemList .relatedItem a {
  text-decoration: none;
}