@charset "utf-8";

/* ------------------------------------------------------
l-content
------------------------------------------------------ */
/* common */
.l-content img {
  vertical-align: bottom;
}
.l-content .section {
  margin:0;
}
.l-content .section .sectionInner {
  margin:0;
}
/* bgColorArea */
.l-content .bgColorArea {
  background: #f2f2f2;
  padding: 20px;
}
.l-content .bgColorArea .section {
  margin-top: 20px;
}
.l-content .bgColorArea .section:first-child {
  margin-top: 0;
}
.l-content .bgColorArea .sectionInner {
  background: #ffffff;
  padding: 0 19px 25px;
  border-bottom: 1px solid #eaeaea;
}
/* ttl */
.l-content .h1_main {
  width: 950px;
  height: 126px;
  background: url(/pr/vona/mech/vacuum_products/img/ver2/main_20170929.png) no-repeat;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
}

.l-content .h2_normalBg {
  border-top: 5px solid #818181;
  padding: 15px 0;
  position: relative;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABjUExURf///7CwsObm5qSkpOvr6+Pj4/7+/qGhoaWlpf39/aenp9DQ0Pr6+sfHx8jIyKqqqsbGxrKysr6+vtHR0b+/v9LS0rOzs7y8vPv7+8/Pz8XFxaamptnZ2djY2Lu7u7GxseXl5VMGb6sAAAC9SURBVCjPhVJZFoMgDIyIBEHcd2vb+5+yEZcHtrzOVzIJWSYAWAiW9wpVnzMBDpIIT0TJxaYGXZj0oIfNk23zaFq5mcMeKMmMp8za4xSTV9raZBT8KsoL8qmHeFE2d2bg9CISwCis3dlgIoZBTi0zj8+oeQ4VYg0+asQeFGJ34ztEBVRsvfErccH8UH0TmOd7fk3MGwRJLL19pd03pM+hpx53PfWm5/xb/+d5mNK715z+ua/9D6ZacKnM+R8+N3gKh2Yf8mkAAAAASUVORK5CYII=") no-repeat 20px 20px #FFF;
}
.l-content .h2_normalBg .h2_normal {
  font-size: 22px;
  font-weight: bold;
  color: #4c4c4c;
  margin: 0 20px;
  padding: 0 40px 10px;
  border-bottom: 2px dotted #8e8e8e;
}
.l-content .h2_normalBg .h2_normal_caption {
  font-size: 14px;
  color: #0e1b3a;
  font-weight: bold;
  position: absolute;
  top: 25px;
  right: 30px;
}

/* ancherBox */
.l-content .ancherBox {
  margin-bottom: 25px;
}
.l-content .ancherBox li {
  float: left;
}
.l-content .ancherBox li.none {
  width: 317px;
  height: 40px;
  background: #0e1b3a;
}
.l-content .ancherBox li.category a,
.l-content .ancherBox li.standard a {
  width: 317px;
}
.l-content .ancherBox li.example a,
.l-content .ancherBox li.maker a {
  width: 316px;
}
.l-content .ancherBox li.popular a{
  width: 317px;
}
.l-content .ancherBox li a {
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/pr/vona/mech/vacuum_products/img/ver2/sprite_ancher_20170929.png) no-repeat;
}
.l-content .ancherBox li.category a {
  background-position: 0 0;
  height: 41px;
}

.l-content .ancherBox li.maker a {
  background-position: -317px 0;
  height: 41px;
}
.l-content .ancherBox li.popular a {
  background-position: -633px 0;
  height: 41px;
}
.l-content .ancherBox li.standard a {
  background-position: 0 -41px;
  height: 40px;
}
.l-content .ancherBox li.example a {
  background-position: -317px -41px;
  height: 40px;
}

/* leadTxt */
.l-content .leadTxt {
  margin: 0 0 25px;
  border:4px solid #dce3f2;
  padding:15px;
  font-size:14px;
}
.l-content .leadTxt .about {
	font-size:16px;
	padding-right:15px;
}


/* makerBox */
.l-content .makerBox {
  width: 868px;
  margin: 0 auto;
}
.l-content .makerBox li {
  width: 124px;
  float: left;
  margin: 15px 0;
}
.l-content .makerBox li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.l-content .makerBox li span {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEW/v78AS7E2lsyyAAAAAXRSTlMAQObYZgAAABJJREFUGBljbmBmAEMJZgPmBAAIngE+HFgy7QAAAABJRU5ErkJggg==) 0 3px no-repeat;
  padding-left: 8px;
}
/* categoryBox */
.l-content .categoryBox {
  padding: 15px 0 0;
  letter-spacing: -0.4em;
}
.l-content .categoryBox.border {
  border-bottom: 1px dotted #bcbcbc;
  padding-bottom:15px;
}
.l-content .categoryBox .categoryList {
  letter-spacing: normal;
  display: inline-block;
  width: 196px;
  margin: 0 0 0 29px;
  vertical-align:top;
}
.l-content .categoryBox .categoryList:first-child {
  margin: 0;
}
.l-content .categoryBox .categoryList .name {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  color: #004bb1;
}
.l-content .categoryBox .categoryList .caption {
  margin-bottom: 10px;
  min-height:36px;
}
.l-content .categoryBox .categoryList dd {
  margin-bottom: 10px;
}
.l-content .categoryBox .categoryList dd.btn {
  padding: 0 10px;
}
.l-content .categoryBox .categoryList dd.btn .m-btnLink--conversion {
  padding: 4px 2px 3px;
}
.l-content .categoryBox .categoryList .pic {
  position: relative;
  padding-top: 10px;
}
.l-content .categoryBox .categoryList .name.box_hover,
.l-content .categoryBox .categoryList .pic.box_hover {
  cursor: pointer;
}
.l-content .categoryBox .categoryList .pic.box_hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .categoryBox .categoryList .name.box_hover {
  color: #ff730a;
  text-decoration: underline;
}

/* popularBlock */
.l-content .popularBlock {
  position: relative;
}
.l-content .popularBlock.line {
  border: 3px solid #cccccc;
  padding: 20px 10px 20px 10px;
}
.l-content .popularBlock h3 {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 16px;
  font-weight: bold;
}
.l-content .popularBlock .txtArea {
  float: left;
  width: 310px;
}
.l-content .popularBlock .txtArea .txtcircle {
  background: url(/pr/vona/mech/vacuum_products/img/ver2/bg_hotitem.png) no-repeat;
  width: 185px;
  height: 185px;
  position: relative;
  text-align: center;
  margin: 35px 0 0 104px;
  display: table;
}
.l-content .popularBlock .txtArea .txtcircle .intxt {
  display: table-cell;
  vertical-align: middle;
}
.l-content .popularBlock .picArea {
  float: left;
  width: 267px;
}
.l-content .popularBlock .picArea h4 {
  font-size: 14px;
  font-weight: bold;
  padding-left: 60px;
  padding-bottom: 10px;
}
.l-content .popularBlock .picArea img {
  text-align: center;
}
.l-content .popularBlock .itemArea {
  border: 3px solid #cccccc;
  padding: 20px 15px 14px;
  float: left;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.l-content .popularBlock .popularBox {
}
.l-content .popularBlock .popularBox.border {
  border-bottom: 1px dotted #bcbcbc;
  margin-bottom: 33px;
  padding-bottom: 27px;
}
.l-content .popularBlock .popularBox .popularList {
  float: left;
  width: 195px;
  margin-left: 22px;
}
.l-content .popularBlock .popularBox .popularList:first-child {
  margin-left: 0;
}
.l-content .popularBlock .popularBox .popularList .name {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #004bb1;
}
.l-content .popularBlock .popularBox .popularList .caption {
  margin-bottom: 10px;
  min-height:36px;
}
.l-content .popularBlock .popularBox .popularList .btn {
  padding: 0;
}
.l-content .popularBlock .popularBox .popularList .btn .m-btnLink--conversion {
  padding: 4px 2px 3px;
}
.l-content .popularBlock .popularBox .popularList .name.box_hover,
.l-content .popularBlock .popularBox .popularList .pic.box_hover {
  cursor: pointer;
}
.l-content .popularBlock .popularBox .popularList .pic.box_hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .popularBlock .popularBox .popularList .name.box_hover {
  color: #ff730a;
  text-decoration: underline;
}
/* standardBox */
.l-content .standardBox {
  margin: 0 0 10px 40px;
  padding-top: 10px;
}
.l-content .standardBox .standardList {
  width: 500px;
  margin-left: 10px;
}
.l-content .standardBox .standardList > dt {
  float: left;
  width: 74px;
  margin-top: 10px;
}
.l-content .standardBox .standardList > dd {
  float: left;
  width: 420px;
  margin-top: 10px;
}
/* exampleTxt */
.l-content .exampleTxt {
  margin: 0 0 30px 10px;
  padding-top: 5px;
}
/* exampleBox */
.l-content .exampleBox {
  margin: 0 0 22px 0;
}
.l-content .exampleBox .exampleList {
  float: left;
  width: 263px;
  margin-left: 40px;
}
.l-content .exampleBox .exampleList:first-child {
  margin-left: 0;
}
.l-content .exampleBox .exampleList dt {
  height:245px;
  text-align: center;
}