@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.mainArea img {
  vertical-align: bottom;
}
/* section */
.mainArea .section {
  margin-bottom: 60px;
  background: #f4f4f4;
}
/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* ttl */
.mainArea .mainVisual {
  width: 950px;
  height: 220px;
  margin-bottom: 12px;
  padding: 0;
  border: none;
  background: url(/pr/vona/el/sale_20161211/common/images/main.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.mainArea .h2Ttl {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

/* lead */
.mainArea .leadTxt {
  text-align: center;
  margin-bottom: 12px;
  font-weight: bold;
  font-size:14px;
  color: #dd0000;
}

/* globalNavi */
.mainArea .globalNavi {
  background: #fff9e8;
  margin-bottom: 50px;
  padding: 12px 10px 15px;
}
.mainArea .globalNavi div {
  width: 460px;
}
.mainArea .globalNavi .elwire {
  float: left;
}
.mainArea .globalNavi .elcontrol {
  float: right;
}
.mainArea .globalNavi div .ttl {
  margin-bottom: 7px;
  text-align: center;
}
.mainArea .globalNavi div ul {
  border: 1px solid #c9c9c9;
  background: url(/pr/vona/el/sale_20161211/common/images/bg_navi.png) no-repeat 0 0;
}
.mainArea .globalNavi div ul li a {
  display: block;
  float: left;
  height: 40px;
  margin-left: 1px;
  text-align: center;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.mainArea .globalNavi .elwire ul li a {
  background: url(/pr/vona/el/sale_20161211/common/images/bg_navi_elwire.png) no-repeat 0 0;
}
.mainArea .globalNavi .elcontrol ul li a {
  background: url(/pr/vona/el/sale_20161211/common/images/bg_navi_elcontrol.png) no-repeat 0 0;
}
.mainArea .globalNavi div ul li.navi01 a {
  width: 150px;
  margin-left: 0;
  background-position: -1px -1px;
}
.mainArea .globalNavi div ul li.navi02 a {
  width: 155px;
  background-position: -152px -1px;
}
.mainArea .globalNavi div ul li.navi03 a {
  width: 151px;
  background-position: -308px -1px;
}
.mainArea .globalNavi div ul li a:hover {
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.mainArea .globalNavi div ul li.fs.selected a {
  background-position: -714px -40px;
}
/* itemsBox */
.mainArea .itemsBox {
  margin: 0 0 0 5px;
  padding-bottom: 25px;
  letter-spacing: -0.4em;
}
.mainArea .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 0 10px 10px;
  border: 1px solid #c9c9c9;
  width: 143px;
  background: #FFF;
}
.mainArea .itemsBox .itemsList .item {
  padding: 20px 0 15px;
}
.mainArea .itemsBox .itemsList .item .type {
  font-weight: bold;
  min-height: 36px;
  text-align: center;
  padding: 0 5px;
  margin-bottom:5px;
}
.mainArea .itemsBox .itemsList .item .pic {
  margin-bottom: 2px;
  text-align: center;
}
.mainArea .itemsBox .itemsList .item .pic.box_hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
  cursor: pointer;
}
.mainArea .itemsBox .itemsList .item .maker {
  color: #7b7b7b;
  font-weight: bold;
  min-height: 18px;
  padding: 0 6px;
  margin-bottom: 5px;
}
.mainArea .itemsBox .itemsList .item .name {
  font-weight: bold;
  min-height: 47px;
  padding: 0 6px;
  margin-bottom: 5px;
}
.mainArea .itemsBox .itemsList .item .name a {
  text-decoration: none;
}
.mainArea .itemsBox .itemsList .item .spec {
  min-height: 36px;
  word-break: break-all;
  padding: 0 6px;
  margin-bottom: 5px;
}
.mainArea .itemsBox .itemsList .item .normal {
  text-align: right;
  margin-bottom: 2px;
  padding: 0 6px;
  text-decoration:line-through;
}
.mainArea .itemsBox .itemsList .item .discount {
  font-weight: bold;
  color: #dd0000;
  text-align: right;
  font-size: 14px;
  padding: 0 4px;
}
.mainArea .itemsBox .itemsList .item .discount span{
  color: #333;
  font-size: 13px
}
/* listBox */
.mainArea .listBox .txt {
  text-align: center;
  margin-bottom: 10px;
}
.mainArea .listBox .btn {
  text-align: center;
}