@charset "UTF-8";
/* ====================================== */
/* clearfix */
.clearfix:after, .products-index .contents:after,
.products-index .catalogTxt:after,
.products-index .iCata:after,
.products-index .lineupArea:after,
.products-index .infoArea:after,
.products-index .infoArea li:after,
.products-index .introArea ul:after,
.products-index .bannerArea ul:after, .products-new .infoArea:after,
.products-new .infoArea li:after, .products-lv2 .article > ul > li:after,
.products-ecology .article > ul > li:after,
.products-school .article > ul > li:after,
.products-brand .article > ul > li:after, .products-ecology .bannerArea:after,
.products-school .bannerArea:after,
.products-brand .bannerArea:after, .products-ecology .lineupArea ul:after,
.products-school .lineupArea ul:after,
.products-brand .lineupArea ul:after, .products-ecology .article .section > ul > li:after,
.products-school .article .section > ul > li:after,
.products-brand .article .section > ul > li:after, .products-spec #main .relative:after,
.products-spec #main .relative .others:after,
.products-spec .specArea .inner:after,
.products-spec .specArea .inner .related:after,
.products-spec .bannerArea:after,
.products-spec .detailArea .heading:after,
.products-feature #main .relative:after,
.products-feature #main .relative .others:after,
.products-feature .specArea .inner:after,
.products-feature .specArea .inner .related:after,
.products-feature .bannerArea:after,
.products-feature .detailArea .heading:after, .products-feature .article .textBody:after, .products-feature .article .column01:after, .products-feature .article .column02:after, .products-search .contents .condition:after, .products-search-results .search-results ul:after, .products-search-results .search-results li:after, .products-search-results .search-nav:after, .products.refill #filter:after, .products.refill .section > h3:after, .products.refill .section > ul > li:after {
  content: "";
  display: table;
  clear: both;
}

/* other extend */
.box-sizing, .products-lv2 .bannerArea,
.products-ecology .bannerArea,
.products-school .bannerArea,
.products-brand .bannerArea, .products-ecology .logoArea,
.products-ecology .logoAreaMini,
.products-school .logoArea,
.products-school .logoAreaMini,
.products-brand .logoArea,
.products-brand .logoAreaMini, .products-ecology .lineupArea,
.products-school .lineupArea,
.products-brand .lineupArea, .products-ecology .article .detail h5,
.products-school .article .detail h5,
.products-brand .article .detail h5, .products-spec .specArea,
.products-feature .specArea, .products-spec .specArea .inner,
.products-feature .specArea .inner, .products-spec .bannerArea li,
.products-feature .bannerArea li, .products-spec .detailArea > li,
.products-feature .detailArea > li, .products-search .contents .column01.section,
.products-search .contents .column02.section > div, .products-search-results .search-condition h3, .products-search-results .search-condition table,
.products-search-results .search-condition th,
.products-search-results .search-condition td, .products-search-results .search-results li .photo, .products.refill .section, .products.refill .section > ul > li .list,
.products.refill .section > ul > li .item {
  box-sizing: border-box;
}

/* ====================================== */
/* header */
#header {
  position: relative;
  overflow: visible;
  z-index: 1;
}

#navigation {
  border-top: 2px solid #fff;
}

#navigation .role-pc h1 {
  top: -35px;
}

/* ====================================== */
/* main */
#main {
  margin-top: 23px;
}

#main .map {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 2px 5px;
  text-align: center;
  color: #fff;
  font: bold 90% Tahoma, Arial, sans-serif;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #8b8b8b;
  background: -svg-linear-gradient(to bottom, #8b8b8b 0%, #575757 100%);
  background: -owg-linear-gradient(to bottom, #8b8b8b 0%, #575757 100%);
  -pie-background: -pie-linear-gradient(to bottom, #8b8b8b 0%, #575757 100%);
  background: linear-gradient(to bottom, #8b8b8b 0%, #575757 100%);
  -pie-background: linear-gradient(to bottom, #8b8b8b 0%, #575757 100%);
  cursor: pointer;
  z-index: 5;
}

#main .map a {
  color: #fff;
}

#main .map:hover {
  background: #ce111a;
}

#main p {
  line-height: 1.6;
}

#main .menu #menu-select {
  display: none;
}

#main h3.head02,
#main h4.head02 {
  margin: 0 0 15px;
  height: 38px;
  line-height: 38px;
  font-weight: bold;
  font-size: 123.07692%;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  border-radius: 6px;
  border: 1px solid #e1dcde;
}

#main h3.head02 > span,
#main h4.head02 > span {
  display: block;
  background: url("/productdb/app/images/bg_h3_corner.png") no-repeat top right;
}

#main h3.head02 > span:before,
#main h4.head02 > span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  top: 6px;
  margin: 0 10px;
  width: 4px;
  height: 25px;
  background: #f9c1c2;
  border-radius: 2px;
}

#main h4.head03,
#main h5.head03 {
  margin: 0 0 10px;
  height: 25px;
  font-weight: bold;
  font-size: 107.69231%;
  border-bottom: 1px dotted #d0d0d0;
}

#main h4.head03 > span,
#main h5.head03 > span {
  display: block;
  padding: 0 0 0 10px;
  height: 20px;
  line-height: 20px;
  color: #e51319;
  border-left: 4px solid #e51319;
}

#main h4.head03 > .head03_black,
#main h5.head03 > .head03_black {
  color: #333;
  border-left-color: #333;
}

/* index */

.products-index .infoArea {
  position: relative;
  z-index: 5;
}

.products-index .infoArea .viewport {
  overflow: hidden;
  position: relative;
  margin: 0 0 10px;
  z-index: 40;
  height: 300px;
}

.products-index .infoArea .overview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  list-style: none;
  z-index: 50;
}

.products-index .infoArea .thumb .end,
.products-index .infoArea .thumb {
  background-color: #9a9a9a;
}

.products-index .infoArea .scrollbar {
  position: relative;
  float: right;
  z-index: 15;
}

.products-index .infoArea:hover .scrollbar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.products-index .infoArea .track {
  position: relative;
  margin: 0 2px;
  padding: 0;
  height: 100%;
  width: 3px;
  background-color: #e6e6e6;
  z-index: 10;
}

.products-index .infoArea .thumb {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -2px;
  width: 7px;
  height: 20px;
  cursor: pointer;
  z-index: 11;
}

.products-index .infoArea .thumb .end {
  overflow: hidden;
  width: 3px;
  height: 5px;
}

.products-index .infoArea .disable {
  display: none;
}

.products-index .infoArea .genre .pen {
  background: #f7b700;
}

.products-index .infoArea .genre .sharp {
  background: #ec6c00;
}

.products-index .infoArea .genre .pencil {
  background: #ca4d97;
}

.products-index .infoArea .genre .seal {
  background: #a760a6;
}

.products-index .infoArea .genre .signpen {
  background: #e95383;
}

.products-index .infoArea .genre .oa {
  background: #ef4a34;
}

.products-index .infoArea .genre span:before {
  position: relative;
  content: "";
  display: block;
  display: table-cell;
  width: 100%;
  height: 30px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}

.products-index .infoArea .genre .pen:before {
  content: "ボールペン";
}

.products-index .infoArea .genre .sharp:before {
  content: "シャープ";
}

.products-index .infoArea .genre .pencil:before {
  content: "鉛筆";
}

.products-index .infoArea .genre .seal:before {
  content: "印章・印章付きボールペン";
}

.products-index .infoArea .genre .signpen:before {
  content: "サインペン";
}

.products-index .infoArea .genre .oa:before {
  content: "机上用品";
}

/* products newList */
.products-new .infoArea .genre .pen {
  background: #f7b700;
}

.products-new .infoArea .genre .sharp {
  background: #ec6c00;
}

.products-new .infoArea .genre .pencil {
  background: #ca4d97;
}

.products-new .infoArea .genre .seal {
  background: #a760a6;
}

.products-new .infoArea .genre .signpen {
  background: #e95383;
}

.products-new .infoArea .genre .oa {
  background: #ef4a34;
}

.products-new .infoArea .genre span:before {
  position: relative;
  content: "";
  display: block;
  display: table-cell;
  width: 100%;
  height: 30px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}

.products-new .infoArea .genre .pen:before {
  content: "ボールペン";
}

.products-new .infoArea .genre .sharp:before {
  content: "シャープ";
}

.products-new .infoArea .genre .pencil:before {
  content: "鉛筆";
}

.products-new .infoArea .genre .seal:before {
  content: "印章・印章付きボールペン";
}

.products-new .infoArea .genre .signpen:before {
  content: "サインペン";
}

.products-new .infoArea .genre .oa:before {
  content: "机上用品";
}

/* products - lv2 */
.products-lv2 .bannerArea,
.products-ecology .bannerArea,
.products-school .bannerArea,
.products-brand .bannerArea {
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  text-align: center;
  background: #f2f0f1;
  border: 1px solid #d0d0d0;
}

.products-lv2 .bannerArea li,
.products-ecology .bannerArea li,
.products-school .bannerArea li,
.products-brand .bannerArea li {
  display: inline-block;
  margin: 15px 0 15px 2.86885%;
  height: 60px;
  background: #fff;
}

.products-lv2 .bannerArea li a,
.products-ecology .bannerArea li a,
.products-school .bannerArea li a,
.products-brand .bannerArea li a {
  display: block;
}

.products-lv2 .bannerArea li:first-child,
.products-ecology .bannerArea li:first-child,
.products-school .bannerArea li:first-child,
.products-brand .bannerArea li:first-child {
  margin: 15px 0;
}

.products-lv2 .article,
.products-ecology .article,
.products-school .article,
.products-brand .article {
  position: relative;
  clear: both;
  margin: 0 0 30px;
  padding: 30px 15px;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  border-width: 0 1px 1px;
}

.products-lv2 .article > ul,
.products-ecology .article > ul,
.products-school .article > ul,
.products-brand .article > ul {
  display: none;
}

.products-lv2 .article > ul > li,
.products-ecology .article > ul > li,
.products-school .article > ul > li,
.products-brand .article > ul > li {
  clear: both;
  margin: 25px 0 0;
}

.products-lv2 .article > ul > li:first-child,
.products-ecology .article > ul > li:first-child,
.products-school .article > ul > li:first-child,
.products-brand .article > ul > li:first-child {
  margin: 0;
}

.products-lv2 .article h3,
.products-ecology .article h3,
.products-school .article h3,
.products-brand .article h3 {
  margin: 0 0 15px;
  padding: 5px 0;
  font-size: 123.07692%;
  border-bottom: 1px dotted #e1dcde;
}

.products-lv2 .article h3 span,
.products-ecology .article h3 span,
.products-school .article h3 span,
.products-brand .article h3 span {
  display: block;
  padding: 0 0 0 10px;
  border-left: 4px solid #e51319;
}

.products-lv2 .article .photo,
.products-ecology .article .photo,
.products-school .article .photo,
.products-brand .article .photo {
  float: left;
  width: 21.42857%;
  border: 1px solid #e1dcde;
}

.products-lv2 .article .detail,
.products-ecology .article .detail,
.products-school .article .detail,
.products-brand .article .detail {
  float: right;
  padding: 0 0 0 3.57143%;
  width: 72.14286%;
}

.products-lv2 .article .detail h4,
.products-ecology .article .detail h4,
.products-school .article .detail h4,
.products-brand .article .detail h4 {
  position: relative;
  margin: 0 0 10px -4.9505%;
  font-size: 115.38462%;
  box-sizing: border-box;
  background: #f2f0f1;
  border: 1px solid #d0d0d0;
}

.products-lv2 .article .detail h4 a,
.products-ecology .article .detail h4 a,
.products-school .article .detail h4 a,
.products-brand .article .detail h4 a {
  display: block;
  padding: 8px 25px;
  color: #333;
}

.products-lv2 .article .detail h4 a:hover,
.products-ecology .article .detail h4 a:hover,
.products-school .article .detail h4 a:hover,
.products-brand .article .detail h4 a:hover {
  color: #c2c2c2;
}

.products-lv2 .article .detail h4 span:before,
.products-ecology .article .detail h4 span:before,
.products-school .article .detail h4 span:before,
.products-brand .article .detail h4 span:before {
  position: absolute;
  content: "";
  display: block;
  top: 12px;
  left: 10px;
  margin-top: 0;
  width: 5px;
  height: 10px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -23px -166px;
}

.products-lv2 .article .detail > strong,
.products-ecology .article .detail > strong,
.products-school .article .detail > strong,
.products-brand .article .detail > strong {
  display: block;
  margin: 0 0 5px;
}

.products-lv2 .relatedArea,
.products-ecology .relatedArea,
.products-school .relatedArea,
.products-brand .relatedArea {
  margin: 0 0 30px;
}

.products-lv2 .relatedArea h3,
.products-ecology .relatedArea h3,
.products-school .relatedArea h3,
.products-brand .relatedArea h3 {
  margin: 0 0 10px;
}

.products-lv2 .relatedArea h3 span:before,
.products-ecology .relatedArea h3 span:before,
.products-school .relatedArea h3 span:before,
.products-brand .relatedArea h3 span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  margin: 0 10px 0 0;
  width: 16px;
  height: 15px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -150px -172px;
}

.products-lv2 .relatedArea ul,
.products-ecology .relatedArea ul,
.products-school .relatedArea ul,
.products-brand .relatedArea ul {
  padding: 8px 0;
  border: 1px solid #d0d0d0;
}

.products-lv2 .relatedArea ul li,
.products-ecology .relatedArea ul li,
.products-school .relatedArea ul li,
.products-brand .relatedArea ul li {
  position: relative;
}

.products-lv2 .relatedArea ul li a,
.products-ecology .relatedArea ul li a,
.products-school .relatedArea ul li a,
.products-brand .relatedArea ul li a {
  display: block;
  padding: 5px 8px 5px 25px;
  color: #333;
}

.products-lv2 .relatedArea ul li a:hover,
.products-ecology .relatedArea ul li a:hover,
.products-school .relatedArea ul li a:hover,
.products-brand .relatedArea ul li a:hover {
  color: #c2c2c2;
}

.products-lv2 .relatedArea ul li a:before,
.products-ecology .relatedArea ul li a:before,
.products-school .relatedArea ul li a:before,
.products-brand .relatedArea ul li a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin: -3px 0 0 0;
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
}

/* products - ecology */
.products-ecology #main h2.head > span:first-child:before,
.products-school #main h2.head > span:first-child:before,
.products-brand #main h2.head > span:first-child:before {
  background: #8ec51f;
}

.products-ecology .bannerArea,
.products-school .bannerArea,
.products-brand .bannerArea {
  background: #8ec51f;
}

.products-ecology .bannerArea li,
.products-school .bannerArea li,
.products-brand .bannerArea li {
  height: 52px;
  border: none;
}

.products-ecology .logoArea,
.products-ecology .logoAreaMini,
.products-school .logoArea,
.products-school .logoAreaMini,
.products-brand .logoArea,
.products-brand .logoAreaMini {
  margin: 0 0 30px;
  padding: 40px 0 30px;
  text-align: center;
  background: #fff;
  border: 1px solid #d0d0d0;
}

.products-ecology .logoAreaMini,
.products-school .logoAreaMini,
.products-brand .logoAreaMini {
  padding: 15px 0;
}

.products-ecology .lineupArea,
.products-school .lineupArea,
.products-brand .lineupArea {
  overflow: hidden;
  margin: 0 0 30px;
  width: 100%;
  background: #f2f0f1;
  border: 1px solid #d0d0d0;
}

.products-ecology .lineupArea ul,
.products-school .lineupArea ul,
.products-brand .lineupArea ul {
  margin: 0 -1.50273% 0 0;
  padding-bottom: 10px;
  width: 101.50273%;
  text-align: center;
}

.products-ecology .lineupArea li,
.products-school .lineupArea li,
.products-brand .lineupArea li {
  overflow: hidden;
  float: left;
  margin: 10px 0 0 1.50273%;
  width: 30.7377%;
  height: 67px;
}

.products-ecology .lineupArea li a:hover img,
.products-ecology .lineupArea li a.selected img,
.products-school .lineupArea li a:hover img,
.products-school .lineupArea li a.selected img,
.products-brand .lineupArea li a:hover img,
.products-brand .lineupArea li a.selected img {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-top: -67px;
}

.products-ecology .lineupArea li a.selected:hover img,
.products-school .lineupArea li a.selected:hover img,
.products-brand .lineupArea li a.selected:hover img {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.products-ecology .ecologyWriting h3,
.products-ecology .relatedArea h3,
.products-school .ecologyWriting h3,
.products-school .relatedArea h3,
.products-brand .ecologyWriting h3,
.products-brand .relatedArea h3 {
  margin: 0 0 10px;
}

.products-ecology .ecologyWriting h3 span:before,
.products-ecology .relatedArea h3 span:before,
.products-school .ecologyWriting h3 span:before,
.products-school .relatedArea h3 span:before,
.products-brand .ecologyWriting h3 span:before,
.products-brand .relatedArea h3 span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  margin: 0 10px 0 0;
  width: 16px;
  height: 15px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -171px -172px;
}

.products-ecology .ecologyWriting,
.products-school .ecologyWriting,
.products-brand .ecologyWriting {
  margin: 0 0 30px;
}

.products-ecology .ecologyWriting dl,
.products-school .ecologyWriting dl,
.products-brand .ecologyWriting dl {
  line-height: 1.4;
  _zoom: 1;
  background: #f2f0f1;
  border: 1px solid #e1dcde;
  border-top: none;
  /*\*/
  min-height: 1px;
  _height: 1%;
  /* */
  /*\*/
  /*/
    overflow: hidden;
    /**/
  overflow: hidden;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #e1dcde;
}

.products-ecology .ecologyWriting dl dt,
.products-school .ecologyWriting dl dt,
.products-brand .ecologyWriting dl dt {
  margin-right: -30%;
  padding: 0.5em 0;
  float: left;
  clear: both;
  display: inline;
  width: 30%;
  font-weight: bold;
  text-indent: 0.75em;
  background: #f2f0f1;
  border-top: 1px solid #e1dcde;
}

.products-ecology .ecologyWriting dl dd,
.products-school .ecologyWriting dl dd,
.products-brand .ecologyWriting dl dd {
  margin-left: 30%;
  padding: 0.5em 10px;
  background: #fff;
  border-top: 1px solid #e1dcde;
  border-left: 1px solid #e1dcde;
}

.products-ecology .ecologyWriting dl dt,
.products-ecology .ecologyWriting dl dd,
.products-school .ecologyWriting dl dt,
.products-school .ecologyWriting dl dd,
.products-brand .ecologyWriting dl dt,
.products-brand .ecologyWriting dl dd {
  margin-top: -1px;
  padding: 1em 0;
  border-top: 1px dotted #e1dcde;
}

.products-ecology .ecologyWriting dl dt,
.products-school .ecologyWriting dl dt,
.products-brand .ecologyWriting dl dt {
  text-indent: 0;
  background: #fff;
}

.products-ecology .ecologyWriting dl dd,
.products-school .ecologyWriting dl dd,
.products-brand .ecologyWriting dl dd {
  padding: 1em 10px;
  border-left: none;
}

.products-ecology .ecologyWriting dl .blue span,
.products-ecology .ecologyWriting dl .olive span,
.products-ecology .ecologyWriting dl .green span,
.products-school .ecologyWriting dl .blue span,
.products-school .ecologyWriting dl .olive span,
.products-school .ecologyWriting dl .green span,
.products-brand .ecologyWriting dl .blue span,
.products-brand .ecologyWriting dl .olive span,
.products-brand .ecologyWriting dl .green span {
  display: block;
  padding: 3px 0;
  width: 90%;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
}

.products-ecology .ecologyWriting dl .blue span,
.products-school .ecologyWriting dl .blue span,
.products-brand .ecologyWriting dl .blue span {
  color: #fff;
  background: #018dd8;
}

.products-ecology .ecologyWriting dl .olive span,
.products-school .ecologyWriting dl .olive span,
.products-brand .ecologyWriting dl .olive span {
  color: #019942;
  background: #d6e57e;
}

.products-ecology .ecologyWriting dl .green span,
.products-school .ecologyWriting dl .green span,
.products-brand .ecologyWriting dl .green span {
  color: #fff;
  background: #00993f;
}

.products-ecology .article,
.products-school .article,
.products-brand .article {
  position: relative;
  clear: both;
  margin: 0 0 30px;
  padding: 0;
  border: none;
}

.products-ecology .article .section,
.products-school .article .section,
.products-brand .article .section {
  margin: 0 0 20px;
  border: 1px solid #d0d0d0;
}

.products-ecology .article .section > ul,
.products-school .article .section > ul,
.products-brand .article .section > ul {
  display: block;
  margin: 15px;
}

.products-ecology .article .section > ul > li,
.products-school .article .section > ul > li,
.products-brand .article .section > ul > li {
  clear: both;
  margin: 25px 0 0;
}

.products-ecology .article .section > ul > li:first-child,
.products-school .article .section > ul > li:first-child,
.products-brand .article .section > ul > li:first-child {
  margin: 0;
}

.products-ecology .article h3,
.products-school .article h3,
.products-brand .article h3 {
  padding: 8px;
  color: #009a44;
  font-weight: bolder;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #f6faec;
  background: -svg-linear-gradient(to bottom, #f6faec 0%, #e1f0c5 55%);
  background: -owg-linear-gradient(to bottom, #f6faec 0%, #e1f0c5 55%);
  -pie-background: -pie-linear-gradient(to bottom, #f6faec 0%, #e1f0c5 55%);
  background: linear-gradient(to bottom, #f6faec 0%, #e1f0c5 55%);
  -pie-background: linear-gradient(to bottom, #f6faec 0%, #e1f0c5 55%);
  border-bottom: 1px solid #d0d0d0;
}

.products-ecology .article h3 span,
.products-school .article h3 span,
.products-brand .article h3 span {
  display: inline;
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
}

.products-ecology .article h4,
.products-school .article h4,
.products-brand .article h4 {
  margin: 0 0 15px;
  padding: 5px 0;
  font-size: 123.07692%;
  border-bottom: 1px dotted #e1dcde;
}

.products-ecology .article h4 span,
.products-school .article h4 span,
.products-brand .article h4 span {
  display: block;
  padding: 0 0 0 10px;
  border-left: 4px solid #009a44;
}

.products-ecology .article .detail,
.products-school .article .detail,
.products-brand .article .detail {
  padding: 0 0 0 3.57143%;
  width: 73.57143%;
}

.products-ecology .article .detail h5,
.products-school .article .detail h5,
.products-brand .article .detail h5 {
  position: relative;
  margin: 0 0 10px -2.91262%;
  font-size: 115.38462%;
  background: #f3f7e6;
  border: 1px solid #d0d0d0;
}

.products-ecology .article .detail h5 a,
.products-school .article .detail h5 a,
.products-brand .article .detail h5 a {
  display: block;
  padding: 8px 15px;
  color: #009a44;
}

.products-ecology .article .detail h5 a:hover,
.products-school .article .detail h5 a:hover,
.products-brand .article .detail h5 a:hover {
  color: #c2c2c2;
}

.products-ecology .article .detail h5 span:before,
.products-school .article .detail h5 span:before,
.products-brand .article .detail h5 span:before {
  display: none;
}

.products-ecology .article .detail ul,
.products-school .article .detail ul,
.products-brand .article .detail ul {
  margin: 20px 0 0;
  border: 1px solid #e1dcde;
}

.products-ecology .article .detail ul li,
.products-school .article .detail ul li,
.products-brand .article .detail ul li {
  position: relative;
  border-top: 1px solid #e1dcde;
}

.products-ecology .article .detail ul li a,
.products-school .article .detail ul li a,
.products-brand .article .detail ul li a {
  display: block;
  padding: 8px 8px 8px 25px;
  color: #333;
}

.products-ecology .article .detail ul li a:hover,
.products-school .article .detail ul li a:hover,
.products-brand .article .detail ul li a:hover {
  color: #c2c2c2;
}

.products-ecology .article .detail ul li a:before,
.products-school .article .detail ul li a:before,
.products-brand .article .detail ul li a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin: -3px 0 0 0;
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -12px -150px;
}

.products-ecology .article .detail ul li:first-child,
.products-school .article .detail ul li:first-child,
.products-brand .article .detail ul li:first-child {
  border: none;
}

.products-ecology .relatedArea ul li a:before,
.products-school .relatedArea ul li a:before,
.products-brand .relatedArea ul li a:before {
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -12px -150px;
}

/* products - ecology */

/* products - school */
.products-school #main h2.head > span:first-child:before {
  background: #6fc7f5;
}

.products-school .logoArea,
.products-school .logoAreaMini {
  padding: 0;
}

.products-school .schoolWriting h3,
.products-school .relatedArea h3 {
  margin: 0 0 10px;
}

.products-school .schoolWriting h3 span:before,
.products-school .relatedArea h3 span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  margin: 0 10px 0 0;
  width: 16px;
  height: 15px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -192px -172px;
}

.products-school .schoolWriting {
  margin: 0 0 30px;
}

.products-school .schoolWriting dl {
  line-height: 1.4;
  _zoom: 1;
  background: #f2f0f1;
  border: 1px solid #e1dcde;
  border-top: none;
  /*\*/
  min-height: 1px;
  _height: 1%;
  /* */
  /*\*/
  /*/
    overflow: hidden;
    /**/
  overflow: hidden;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #e1dcde;
}

.products-school .schoolWriting dl dt {
  margin-right: -20%;
  padding: 0.5em 0;
  float: left;
  clear: both;
  display: inline;
  width: 20%;
  font-weight: bold;
  text-indent: 0.75em;
  background: #f2f0f1;
  border-top: 1px solid #e1dcde;
}

.products-school .schoolWriting dl dd {
  margin-left: 20%;
  padding: 0.5em 10px;
  background: #fff;
  border-top: 1px solid #e1dcde;
  border-left: 1px solid #e1dcde;
}

.products-school .schoolWriting dl dt,
.products-school .schoolWriting dl dd {
  margin-top: -1px;
  padding: 1em 0;
  border-top: 1px dotted #e1dcde;
}

.products-school .schoolWriting dl dt {
  text-indent: 0;
  background: #fff;
}

.products-school .schoolWriting dl dd {
  padding: 1em 10px;
  border-left: none;
}

.products-school .schoolWriting dl .purple span {
  display: block;
  padding: 3px 0;
  width: 90%;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
}

.products-school .schoolWriting dl .purple span {
  color: #fff;
  background: #6256a2;
}

.products-school .article h3 {
  color: #0156b3;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #f0fafc;
  background: -svg-linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  background: -owg-linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  -pie-background: -pie-linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  background: linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  -pie-background: linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
}

.products-school .article h4 span {
  border-left: 4px solid #0156b3;
}

.products-school .article .detail h5 {
  background: #def5fb;
}

.products-school .article .detail h5 a {
  color: #0156b3;
}

.products-school .article .detail h5 a:hover {
  color: #c2c2c2;
}

.products-school .article .detail ul li a:before {
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -24px -150px;
}

.products-school .relatedArea ul li a:before {
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -24px -150px;
}

/* products - brand */
.products-brand .article h3 {
  color: #1756a7;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #f0fafc;
  background: -svg-linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  background: -owg-linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  -pie-background: -pie-linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  background: linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
  -pie-background: linear-gradient(to bottom, #f0fafc 0%, #c7edfa 55%);
}

.products-brand .article .subtitle {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
}

.products-brand .article .detail h5 {
  position: relative;
  font-size: 115.38462%;
  box-sizing: border-box;
  background: #f2f0f1;
  border: 1px solid #d0d0d0;
}

.products-brand .article .detail h5 a {
  display: block;
  padding: 8px 25px;
  color: #333;
}

.products-brand .article .detail h5 a:hover {
  color: #c2c2c2;
}

.products-brand .article .detail h5 span:before {
  position: absolute;
  content: "";
  display: block;
  top: 12px;
  left: 10px;
  margin-top: 0;
  width: 5px;
  height: 10px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -23px -166px;
}

.products-brand .article .detail ul li a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin: -3px 0 0 0;
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -24px -150px;
}

.products-brand-copy {
  font-size: 0.8em;
  color: #666;
  line-height: 1.4;
}

.products-brand .logoAreaMini {
  padding: 0;
}

/* products - spec */

.products-spec .featureLink,
.products-feature .featureLink {
  float: right;
  width: 180px;
  height: 37px;
}

.products-spec .specArea,
.products-feature .specArea {
  margin-bottom: 15px;
  background: #f2f0f1;
  border: 1px solid #d0d0d0;
}

.products-spec .specArea .inner,
.products-feature .specArea .inner {
  position: relative;
  margin: 4px;
  padding: 10px;
  min-height: 37px;
  height: auto !important;
  height: 37px;
  background: #fff;
  border: 1px solid #d0d0d0;
}

.products-spec .specArea .related,
.products-feature .specArea .related {
  float: left;
  width: 68.57143%;
}

.products-spec .specArea .related li,
.products-feature .specArea .related li {
  clear: both;
  display: block;
  margin: 7px 0 0;
  color: #fff;
  font-weight: bold;
  font-size: 92.30769%;
}

.products-spec .specArea .related li:first-child,
.products-feature .specArea .related li:first-child {
  margin: 0;
}

.products-spec .specArea .related li > div,
.products-feature .specArea .related li > div {
  display: inline-block;
  padding: 5px 8px;
  background: #7aa8d9;
}

.products-spec .specArea.header,
.products-feature .specArea.header {
  margin: 0 auto;
  background: #fff;
  border: none;
}

.products-spec .specArea.header .inner,
.products-feature .specArea.header .inner {
  margin: 0;
  padding: 0;
  min-height: 37px;
  height: auto !important;
  height: 37px;
  border: none;
}

.products-spec .specArea.header .inner .featureLink img,
.products-feature .specArea.header .inner .featureLink img {
  width: 180px;
  height: 37px;
}

.products-spec .bannerArea,
.products-feature .bannerArea {
  margin-bottom: 15px;
}

.products-spec .bannerArea li,
.products-feature .bannerArea li {
  position: relative;
  float: left;
  margin-left: 0.75137%;
  width: 19.39891%;
  height: auto;
  text-align: center;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  border: 1px solid #d0d0d0;
}

.products-spec .bannerArea li:first-child,
.products-feature .bannerArea li:first-child {
  margin: 0;
}

.products-spec .bannerArea li a,
.products-feature .bannerArea li a {
  position: relative;
  display: block;
  padding: 9px 0;
}

.products-spec .bannerArea .green a:after,
.products-spec .bannerArea .purple a:after,
.products-spec .bannerArea .blue a:after,
.products-feature .bannerArea .green a:after,
.products-feature .bannerArea .purple a:after,
.products-feature .bannerArea .blue a:after {
  position: absolute;
  content: "";
  display: block;
  right: 3px;
  bottom: 3px;
  z-index: 10;
}

.products-spec .bannerArea .green a:after,
.products-feature .bannerArea .green a:after {
  width: 9px;
  height: 9px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat;
  background-position: -17px -180px;
}

.products-spec .bannerArea .purple a:after,
.products-feature .bannerArea .purple a:after {
  width: 9px;
  height: 9px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat;
  background-position: -36px -180px;
}

.products-spec .bannerArea .blue a:after,
.products-feature .bannerArea .blue a:after {
  width: 9px;
  height: 9px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat;
  background-position: -55px -180px;
}

.products-spec .detailArea,
.products-feature .detailArea {
  clear: both;
}

.products-spec .detailArea > li,
.products-feature .detailArea > li {
  clear: both;
  margin: 0 0 15px;
  border: 1px solid #d0d0d0;
}

.products-spec .changeArea th{
  height:40px;
  background: #f2f0f1;
  padding:10px;
}

.products-spec .changeArea td{
  height:40px;
  padding:10px;
}

.products-spec .changeArea .linkable {
  text-decoration:underline;
}

.products-spec .changeArea .linkable:hov {
  color:#003c73;
}

.products-spec .changeArea table{
  width:100%;
}

.products-spec .changeArea .changeTitle{
  padding-left: 1.36612%;
  font-weight: bold;
  font-size: 107.69231%;
}

.products-spec .changeArea .changeScrollArea{
  overflow-x: auto;
  white-space: nowrap;

  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border-right: 1px solid #CCC;
}

.products-spec .changeArea .changeScrollArea::-webkit-scrollbar {
  height: 10px;
}
.products-spec .changeArea .changeScrollArea::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.products-spec .changeArea .changeScrollArea::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.products-spec .changeArea table {
  background: linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%, linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%;
  background-repeat: no-repeat;
  background-attachment: local;
  border-bottom: 1px solid #CCC;
  border-collapse: collapse;
}

.products-spec .changeArea th {
  padding: 10px;
  background: rgba(0,0,0,.1);
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  white-space: nowrap;
}
.products-spec .changeArea td {
  padding: 10px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  white-space: nowrap;
}


.products-spec .detailArea .heading,
.products-feature .detailArea .heading {
  position: relative;
  min-height: 42px;
  height: auto !important;
  height: 42px;
  background: #f2f0f1;
  border-bottom: 1px solid #d0d0d0;
}

.products-spec .detailArea .heading h3,
.products-feature .detailArea .heading h3 {
  float: left;
  width: 31.42077%;
  padding-left: 1.36612%;
  font-weight: bold;
  font-size: 107.69231%;
}

.products-spec .detailArea .heading h3 span,
.products-feature .detailArea .heading h3 span {
  display: block;
  padding: 11px 0;
}

.products-spec .detailArea .heading h3.icon0,
.products-feature .detailArea .heading h3.icon0 {
  width: 94.53552%;
}

.products-spec .detailArea .heading h3.icon1,
.products-feature .detailArea .heading h3.icon1 {
  width: 71.03825%;
}

.products-spec .detailArea .heading h3.icon2,
.products-feature .detailArea .heading h3.icon2 {
  width: 57.37705%;
}

.products-spec .detailArea .heading h3.icon2over,
.products-feature .detailArea .heading h3.icon2over {
  width: 58.74317%;
}

.products-spec .detailArea .heading ul.icon,
.products-feature .detailArea .heading ul.icon {
  float: right;
  width: 60.79235%;
  margin-right: 1.36612%;
  padding: 11px 0 0;
}

.products-spec .detailArea .heading ul.icon.li1,
.products-feature .detailArea .heading ul.icon.li1 {
  width: 21.17486%;
}

.products-spec .detailArea .heading ul.icon.li2,
.products-feature .detailArea .heading ul.icon.li2 {
  width: 36.88525%;
}

.products-spec .detailArea .heading ul.icon.li2over,
.products-feature .detailArea .heading ul.icon.li2over {
  width: 38.25137%;
}

.products-spec .detailArea .heading li,
.products-feature .detailArea .heading li {
  position: relative;
  float: right;
  margin-right: 1.1236%;
  padding: 3px 8px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  behavior: url("/common/js/PIE.htc");
  border-radius: 2px;
}

.products-spec .detailArea .heading li.m0,
.products-spec .detailArea .heading li:first-child,
.products-feature .detailArea .heading li.m0,
.products-feature .detailArea .heading li:first-child {
  margin: 0;
}

.products-spec .detailArea .heading .school,
.products-feature .detailArea .heading .school {
  padding: 3px 10px;
  background: #6256a2;
}

.products-spec .detailArea .heading .ecoMark,
.products-feature .detailArea .heading .ecoMark {
  background: #018dd8;
}

.products-spec .detailArea .heading .green,
.products-feature .detailArea .heading .green {
  color: #009a42;
  background: #d6e57e;
}

.products-spec .detailArea .heading .ecoProduct,
.products-feature .detailArea .heading .ecoProduct {
  background: #00993f;
}

.products-spec .detailArea .heading.new h3,
.products-feature .detailArea .heading.new h3 {
  padding-left: 5.46448%;
}

.products-spec .detailArea .heading.new h3.icon0,
.products-feature .detailArea .heading.new h3.icon0 {
  width: 89.07104%;
}

.products-spec .detailArea .heading.new h3.icon1,
.products-feature .detailArea .heading.new h3.icon1 {
  width: 64.20765%;
}

.products-spec .detailArea .heading.new h3.icon2,
.products-feature .detailArea .heading.new h3.icon2 {
  width: 51.91257%;
}

.products-spec .detailArea .heading.new h3.icon2over,
.products-feature .detailArea .heading.new h3.icon2over {
  width: 53.27869%;
}

.products-spec .detailArea .heading.new:before,
.products-feature .detailArea .heading.new:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 39px;
  height: 42px;
  background: url("/productdb/app/products/bg_spec_detail_icon_sprite_device.png") no-repeat 0 0;
}

.products-spec .detailArea .detail,
.products-feature .detailArea .detail {
  padding: 10px;
}

.products-spec .detailArea .detail .iconImage,
.products-feature .detailArea .detail .iconImage {
  float: right;
  margin-bottom: 5px;
  width: 50.5618%;
  /* 硬度 */
  /* 軸型 */
  /* ボール径 */
  /* 芯径 */
  /*色*/
  /* 名入推奨商品 */
  /* 詰替タイプ */
}

.products-spec .detailArea .detail .iconImage li,
.products-feature .detailArea .detail .iconImage li {
  position: relative;
  float: right;
  margin-right: 1.66667%;
  height: 38px;
  background: url("/productdb/app/products/bg_spec_detail_icon_sprite_device.png") no-repeat;
}

.products-spec .detailArea .detail .iconImage li:first-child,
.products-feature .detailArea .detail .iconImage li:first-child {
  margin: 0;
}

.products-spec .detailArea .detail .iconImage li span,
.products-feature .detailArea .detail .iconImage li span {
  position: absolute;
  display: block;
  width: 38px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.products-spec .detailArea .detail .iconImage .hardness,
.products-feature .detailArea .detail .iconImage .hardness {
  width: 38px;
  background-position: -39px 0;
}

.products-spec .detailArea .detail .iconImage .hardness span,
.products-feature .detailArea .detail .iconImage .hardness span {
  top: 18px;
}

.products-spec .detailArea .detail .iconImage .barrel,
.products-feature .detailArea .detail .iconImage .barrel {
  width: 37px;
  background-position: -77px 0;
}

.products-spec .detailArea .detail .iconImage .barrel.hexagon,
.products-feature .detailArea .detail .iconImage .barrel.hexagon {
  background-position: -77px 0;
}

.products-spec .detailArea .detail .iconImage .barrel.triangle,
.products-feature .detailArea .detail .iconImage .barrel.triangle {
  background-position: -77px -38px;
  height: 37px !important;
}

.products-spec .detailArea .detail .iconImage .barrel.circle,
.products-feature .detailArea .detail .iconImage .barrel.circle {
  background-position: -77px -75px;
}

.products-spec .detailArea .detail .iconImage .ball,
.products-feature .detailArea .detail .iconImage .ball {
  width: 52px;
  color: #fff;
  background-position: -114px 0;
}

.products-spec .detailArea .detail .iconImage .ball span,
.products-feature .detailArea .detail .iconImage .ball span {
  top: 18px;
  width: 52px;
}

.products-spec .detailArea .detail .iconImage .lead,
.products-feature .detailArea .detail .iconImage .lead {
  width: 48px;
  color: #fff;
  background-position: -166px 0;
}

.products-spec .detailArea .detail .iconImage .lead span,
.products-feature .detailArea .detail .iconImage .lead span {
  top: 18px;
  width: 48px;
}

.products-spec .detailArea .detail .iconImage .color,
.products-feature .detailArea .detail .iconImage .color {
  width: 34px;
  height: 37px !important;
  background-position: -267px 0;
}

.products-spec .detailArea .detail .iconImage .color.color4,
.products-feature .detailArea .detail .iconImage .color.color4 {
  background-position: -267px 0;
  height: 37px !important;
}

.products-spec .detailArea .detail .iconImage .color.color3,
.products-feature .detailArea .detail .iconImage .color.color3 {
  background-position: -267px -37px;
}

.products-spec .detailArea .detail .iconImage .color.color2,
.products-feature .detailArea .detail .iconImage .color.color2 {
  background-position: -267px -75px;
  height: 37px !important;
}

.products-spec .detailArea .detail .iconImage .color.color1,
.products-feature .detailArea .detail .iconImage .color.color1 {
  background-position: -267px -112px;
}

.products-spec .detailArea .detail .iconImage .recommend,
.products-feature .detailArea .detail .iconImage .recommend {
  width: 53px;
  background-position: -214px 0;
}

.products-spec .detailArea .detail .iconImage .refill,
.products-feature .detailArea .detail .iconImage .refill {
  width: 47px;
  background-position: -301px 0;
}

.products-spec .detailArea .detail .iconImage.icon01,
.products-feature .detailArea .detail .iconImage.icon01 {
  width: 9.83146%;
}

.products-spec .detailArea .detail .iconImage.icon02,
.products-feature .detailArea .detail .iconImage.icon02 {
  width: 16.85393%;
}

.products-spec .detailArea .detail .iconImage.icon03,
.products-feature .detailArea .detail .iconImage.icon03 {
  width: 23.8764%;
}

.products-spec .detailArea .detail .iconImage.icon04,
.products-feature .detailArea .detail .iconImage.icon04 {
  width: 32.30337%;
}

.products-spec .detailArea .detail .iconImage.icon05,
.products-feature .detailArea .detail .iconImage.icon05 {
  width: 40.73034%;
}

.products-spec .detailArea .detail .iconImage.icon06,
.products-feature .detailArea .detail .iconImage.icon06 {
  width: 49.1573%;
}

.products-spec .detailArea .detail .iconImage.icon07,
.products-feature .detailArea .detail .iconImage.icon07 {
  width: 50.5618%;
}

.products-spec .detailArea .detail .data li,
.products-feature .detailArea .detail .data li {
  float: left;
  margin: 0 0 5px;
}

.products-spec .detailArea .detail .data li:before,
.products-feature .detailArea .detail .data li:before {
  margin-right: 5px;
  font-weight: bold;
}

.products-spec .detailArea .detail .data li:after,
.products-feature .detailArea .detail .data li:after {
  margin: 0 5px;
  content: "／";
}

.products-spec .detailArea .detail .data li.last:after,
.products-spec .detailArea .detail .data li:last-child:after,
.products-feature .detailArea .detail .data li.last:after,
.products-feature .detailArea .detail .data li:last-child:after {
  display: none;
}

.products-spec .detailArea .detail .type,
.products-feature .detailArea .detail .type {
  margin-bottom: 5px;
}

.products-spec .detailArea .detail .type span:before,
.products-feature .detailArea .detail .type span:before {
  margin-right: 5px;
  font-weight: bold;
}

.products-spec .detailArea .detail .type .name:before,
.products-feature .detailArea .detail .type .name:before {
  content: "品名";
}

.products-spec .detailArea .detail .type .price,
.products-feature .detailArea .detail .type .price {
  margin-left: 10px;
}

.products-spec .detailArea .detail .code,
.products-feature .detailArea .detail .code {
  font-size: 11px;
}

.products-spec .detailArea .detail .code .order:before,
.products-feature .detailArea .detail .code .order:before {
  content: "注文コード";
}

.products-spec .detailArea .detail .code .JAN:before,
.products-feature .detailArea .detail .code .JAN:before {
  content: "JAN";
}

.products-spec .detailArea .detail .spec,
.products-feature .detailArea .detail .spec {
  clear: left;
  margin-bottom: 5px;
}

.products-spec .detailArea .detail .spec .barrel:before,
.products-feature .detailArea .detail .spec .barrel:before {
  content: "軸色";
}

.products-spec .detailArea .detail .spec .ink:before,
.products-feature .detailArea .detail .spec .ink:before {
  content: "インク色";
}

.products-spec .detailArea .detail .spec .numColor:before,
.products-feature .detailArea .detail .spec .numColor:before {
  content: "色数";
}

.products-spec .detailArea .detail .spec .numLead:before,
.products-feature .detailArea .detail .spec .numLead:before {
  content: "替芯入数";
}

.products-spec .detailArea .detail .spec .leadColor:before,
.products-feature .detailArea .detail .spec .leadColor:before {
  content: "芯色";
}

.products-spec .detailArea .detail .productImage,
.products-feature .detailArea .detail .productImage {
  clear: both;
  padding-top: 10px;
  border-top: 1px dotted #e1dcde;
}

.products-spec .detailArea .detail .productImage .note,
.products-feature .detailArea .detail .productImage .note {
  margin-bottom: 5px;
  padding-left: 1.35em;
  text-indent: -1.35em;
  color: #666;
}

.products-spec .detailArea .detail .productImage .note:before,
.products-feature .detailArea .detail .productImage .note:before {
  margin-right: 5px;
  content: "※";
}

.products-spec .detailArea .detail .productImage .photo,
.products-feature .detailArea .detail .productImage .photo {
  margin: 10px 0 20px;
  text-align: center;
}

.products-spec .detailArea .detail .productImage .copyright,
.products-feature .detailArea .detail .productImage .copyright {
  display: block;
  text-align: right;
  font-size: 84.61538%;
}

.products-spec .typeArea,
.products-feature .typeArea {
  float: left;
  margin: 0 0 15px;
  width: 71.42857%;
}

.products-spec .typeArea li,
.products-feature .typeArea li {
  margin-top: 10px;
}

.products-spec .typeArea li:first-child,
.products-feature .typeArea li:first-child {
  margin: 0;
}

.products-spec .typeArea .name:before,
.products-feature .typeArea .name:before {
  margin-right: 5px;
  content: "品名";
  font-weight: bold;
}

.products-spec .typeArea .tax_price,
.products-feature .typeArea .tax_price {
  margin-left: 10px;
}

.products-spec .lineupArea,
.products-spec .relatedArea,
.products-feature .lineupArea,
.products-feature .relatedArea {
  clear: both;
  margin-bottom: 15px;
}

.products-spec .lineupArea h3,
.products-spec .relatedArea h3,
.products-feature .lineupArea h3,
.products-feature .relatedArea h3 {
  margin: 0 0 10px;
}

.products-spec .lineupArea ul,
.products-spec .relatedArea ul,
.products-feature .lineupArea ul,
.products-feature .relatedArea ul {
  border: 1px solid #d0d0d0;
}

.products-spec .lineupArea ul li,
.products-spec .relatedArea ul li,
.products-feature .lineupArea ul li,
.products-feature .relatedArea ul li {
  position: relative;
}

.products-spec .lineupArea ul li a,
.products-spec .relatedArea ul li a,
.products-feature .lineupArea ul li a,
.products-feature .relatedArea ul li a {
  display: block;
  padding: 6px 8px 6px 25px;
  color: #333;
}

.products-spec .lineupArea ul li a:hover,
.products-spec .relatedArea ul li a:hover,
.products-feature .lineupArea ul li a:hover,
.products-feature .relatedArea ul li a:hover {
  color: #c2c2c2;
}

.products-spec .lineupArea ul li a:before,
.products-spec .relatedArea ul li a:before,
.products-feature .lineupArea ul li a:before,
.products-feature .relatedArea ul li a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin: -3px 0 0 0;
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
}

.products-spec .lineupArea,
.products-feature .lineupArea {
  border: 1px solid #d0d0d0;
}

.products-spec .lineupArea h3,
.products-feature .lineupArea h3 {
  position: relative;
  margin: 0;
  padding: 8px 0;
  color: #e51319;
  font-size: 107.69231%;
  background: #fde7e9;
  border-bottom: 1px solid #d0d0d0;
}

.products-spec .lineupArea h3 span,
.products-feature .lineupArea h3 span {
  margin: 0 0 0 35px;
}

.products-spec .lineupArea h3 span:before,
.products-feature .lineupArea h3 span:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin-top: -7px;
  width: 16px;
  height: 15px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -150px -172px;
}

.products-spec .lineupArea ul,
.products-feature .lineupArea ul {
  border: none;
}

.products-spec .lineupArea ul li,
.products-feature .lineupArea ul li {
  border-top: 1px solid #d0d0d0;
}

.products-spec .lineupArea ul li a,
.products-feature .lineupArea ul li a {
  font-weight: bold;
}

.products-spec .lineupArea ul li:first-child,
.products-feature .lineupArea ul li:first-child {
  border: none;
}

.products-spec .relatedArea h3 span:before,
.products-feature .relatedArea h3 span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  margin: 0 10px 0 0;
  width: 16px;
  height: 15px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -150px -172px;
}

.products-spec .relatedArea ul,
.products-feature .relatedArea ul {
  padding: 8px 0;
  border: 1px solid #d0d0d0;
}

/* products - feature */

.products-feature .titleImage {
  padding: 10px 0 30px;
  text-align: center;
}

.products-feature .contents {
  padding-bottom: 25px;
}

.products-feature .article {
  margin: 0 0 20px;
  border: 1px solid #d0d0d0;
}

.products-feature .article > h3 {
  position: relative;
  padding: 8px 0;
  color: #e51319;
  font-size: 123.07692%;
  background: #fde7e9;
  border-bottom: 1px solid #d0d0d0;
}

.products-feature .article > h3 span {
  margin: 0 0 0 35px;
}

.products-feature .article > h3 span:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat;
  background-position: -210px -197px;
}

.products-feature .article .textBody {
  margin: 15px;
}

.products-feature .article .textBody h4 {
  margin: 0 0 10px;
  padding: 8px 10px;
  text-align: left;
  font-size: 107.69231%;
  background: #f2f0f1;
  border: 1px solid #d0d0d0;
}

.products-feature .article .textBody p {
  margin: 0 0 10px;
}

.products-feature .article .textBody .arrow {
  position: relative;
}

.products-feature .article .textBody .arrow a {
  padding: 0 0 0 15px;
}

.products-feature .article .textBody .arrow a {
  color: #e51319;
  text-decoration: none;
}

.products-feature .article .textBody .arrow a:hover {
  color: #c2c2c2;
}

.products-feature .article .textBody .arrow a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 7px;
  height: 5px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
}

.products-feature .article .textBody table tr[align=right] td,
.products-feature .article .textBody table tr[align=right] th,
.products-feature .article .textBody table th[align=right],
.products-feature .article .textBody table td[align=right] {
  text-align: right;
}

.products-feature .article .textBody table tr[align=center] td,
.products-feature .article .textBody table tr[align=center] th,
.products-feature .article .textBody table th[align=center],
.products-feature .article .textBody table td[align=center] {
  text-align: center;
}

.products-feature .article .textBody table tr[align=center] td div,
.products-feature .article .textBody table tr[align=center] td table,
.products-feature .article .textBody table tr[align=center] th div,
.products-feature .article .textBody table tr[align=center] th table,
.products-feature .article .textBody table th[align=center] div,
.products-feature .article .textBody table th[align=center] table,
.products-feature .article .textBody table td[align=center] div,
.products-feature .article .textBody table td[align=center] table {
  margin: 0 auto;
}

.products-feature .article .textBody table tr[align=left] td,
.products-feature .article .textBody table tr[align=left] th,
.products-feature .article .textBody table th[align=left],
.products-feature .article .textBody table td[align=left] {
  text-align: left;
}

.products-feature .article .textBody table tr[valign=top] td,
.products-feature .article .textBody table tr[valign=top] th,
.products-feature .article .textBody table th[valign=top],
.products-feature .article .textBody table td[valign=top] {
  vertical-align: top;
}

.products-feature .article .textBody table tr[valign=middle] td,
.products-feature .article .textBody table tr[valign=middle] th,
.products-feature .article .textBody table th[valign=middle],
.products-feature .article .textBody table td[valign=middle] {
  vertical-align: middle;
}

.products-feature .article .textBody table tr[valign=bottom] td,
.products-feature .article .textBody table tr[valign=bottom] th,
.products-feature .article .textBody table th[valign=bottom],
.products-feature .article .textBody table td[valign=bottom] {
  vertical-align: bottom;
}

.products-feature .article .textBody table td {
  vertical-align: top;
}

.products-feature .article .textBody table a {
  color: #e51319 !important;
  text-decoration: underline;
}

.products-feature .article .textBody table a:hover {
  color: #c2c2c2 !important;
}

.products-feature .article .textBody table .subtitle {
  position: relative;
  display: block;
  padding: 5px 0 5px 20px;
  font-weight: bold;
  color: #333;
  background: #eee;
}

.products-feature .article .textBody table .subtitle:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 10px;
  width: 3px;
  height: 80%;
  background: #fc1921;
}

.products-feature .article .textBody table[width] {
  width: 100%;
}

.products-feature .article .textBody table[cellpadding="0"] td {
  padding: 0;
}

.products-feature .article .textBody table[cellpadding="1"] td {
  padding: 1px;
}

.products-feature .article .textBody table[cellpadding="2"] td {
  padding: 2px;
}

.products-feature .article .textBody table[cellpadding="3"] td {
  padding: 3px;
}

.products-feature .article .textBody table[cellpadding="4"] td {
  padding: 4px;
}

.products-feature .article .textBody table[cellpadding="5"] td {
  padding: 5px;
}

.products-feature .article .textBody table[cellpadding="6"] td {
  padding: 6px;
}

.products-feature .article .textBody table[cellpadding="7"] td {
  padding: 7px;
}

.products-feature .article .textBody table[cellpadding="8"] td {
  padding: 8px;
}

.products-feature .article .textBody table[cellpadding="9"] td {
  padding: 9px;
}

.products-feature .article .textBody table[cellpadding="10"] td {
  padding: 10px;
}

.products-feature .article .textBody > table[width],
.products-feature .article .textBody > div > table[width] {
  margin: 0 auto;
  width: 85.71429%;
}

.products-feature .article .textBody .textLink {
  clear: both;
  margin-top: 20px;
}

.products-feature .article .textBody .textLink a {
  position: relative;
  display: inline-block;
  padding: 7px 25px;
  color: #e51319;
  font-weight: bold;
  text-decoration: underline;
  background: #fde7e9;
  behavior: url("/common/js/PIE.htc");
  border-radius: 3px;
  border: 1px solid #d0d0d0;
}

.products-feature .article .textBody .textLink a:hover {
  color: #c2c2c2;
}

.products-feature .article .column01 {
  margin: 0 0 10px;
  width: 100%;
}

.products-feature .article .column02 {
  margin: 0 0 10px;
  width: 49%;
  text-align: center;
}

/* products - search */
.products-search #products-search {
  margin: 0 0 20px;
}

.products-search h2.head > span > span {
  margin: 0 0 0 5px;
  font-size: 75%;
}

.products-search h2.head + p {
  margin-bottom: 20px;
}

.products-search .contents p.notes {
  color: #e5121b;
  margin-bottom: 20px;
}

.products-search .contents p.notes a, .products-search .contents p.notes a:link, .products-search .contents p.notes a:visited {
  color: #e5121b;
  text-decoration: underline;
}

.products-search .contents p.notes a:hover {
  color: #c2c2c2;
}

.products-search .contents .section {
  clear: both;
}

.products-search .contents .section h3 {
  margin-bottom: 10px;
  font-size: 107.69231%;
}

.products-search .contents .section h3 span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  top: 1px;
  margin: 0 7px 0 0;
  width: 12px;
  height: 12px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 0;
}

.products-search .contents .section li {
  float: left;
  margin: 8px 0 0 2.85714%;
}

.products-search .contents .section li label span {
  font-size: 84.61538%;
}

.products-search .contents .section li input[type=checkbox] {
  margin-right: 8px;
  vertical-align: -0.15em;
}

.products-search .contents .section li:first-child {
  margin-left: 0;
}

.products-search .contents .section ul.lineup {
  margin-top: -8px;
}

.products-search .contents .section ul.lineup li {
  margin: 8px 0 0;
  width: 20.85714%;
}

.products-search .contents .section ul.lineup .lineup01,
.products-search .contents .section ul.lineup .lineup05 {
  width: 37.42857%;
}

.products-search .contents .section input[type=text] {
  margin: 0 auto;
  padding: 3px 8px;
  width: 90.88319%;
  border: 1px solid #809eba;
}

.products-search .contents .section select {
  padding: 2px 2px 2px 4px;
  background: #fff;
  border: 1px solid #d0d0d0;
}

.products-search .contents .column01.section,
.products-search .contents .column02.section > div {
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #d0d0d0;
}

.products-search .contents .condition {
  clear: both;
  text-align: center;
}

.products-search .contents hr {
  clear: both;
  display: block;
  margin: 15px 0;
  height: 10px;
  border: none;
  background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x;
}

.products-search .contents #detail_condition,
.products-search .contents #clear_condition {
  position: relative;
  display: inline-block;
  width: 19.12568%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  border: 1px solid #d0d0d0;
  cursor: pointer;
}

.products-search .contents #detail_condition:active,
.products-search .contents #clear_condition:active {
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #f0f1f2;
  background: -svg-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  background: -owg-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  -pie-background: -pie-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  background: linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  -pie-background: linear-gradient(to bottom, #fcdedf 0%, #ffffff 100%);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset, -1px 0 3px rgba(0, 0, 0, 0.1) inset;
}

.products-search .contents #detail_condition:active span,
.products-search .contents #clear_condition:active span {
  position: relative;
  top: 1px;
}

.products-search .contents #detail_condition {
  border-color: #e51319;
}

.products-search .contents #detail_condition span:before {
  position: relative;
  content: "";
  display: inline-block;
  top: -1px;
  margin: 0 8px 0 0;
  width: 5px;
  height: 7px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -28px -199px;
}

.products-search .contents #detail_condition:active {
  border-color: #d0d0d0;
}

.products-search .contents #clear_condition {
  margin-left: 20px;
}

.products-search .contents #clear_condition span:before {
  margin: 0 3px 0 0;
  content: "×";
  color: #d0d0d0;
  font-weight: bold;
}

.products-search .contents #more {
  display: none;
}

.products-search .contents #more .section h3 span:before {
  width: 12px;
  height: 12px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -17px 0;
}

.products-search .contents .color-length-option li {
  margin: 8px 0 0 2.85714%;
  width: 22.85714%;
}

.products-search .contents .color-length-option li > span {
  display: block;
  margin: 0 0 5px;
  color: #e51319;
}

.products-search .contents option {
  position: relative;
}

.products-search .contents .release {
  display: inline-block;
  width: 45.3125%;
}

.products-search .contents ul.submit {
  text-align: center;
}

.products-search .contents ul.submit li {
  display: inline-block;
  margin: 0 0 0 20px;
}

.products-search .contents ul.submit li input[type=submit] {
  padding: 7px 15px;
  color: #020167;
  font-weight: bold;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #fcfcfa;
  background: -svg-linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
  background: -owg-linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
  -pie-background: -pie-linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
  background: linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
  -pie-background: linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
  border-radius: 3px;
  border: 1px solid #003c73;
  box-shadow: 2px 0 0 #e6e1db, 0 -2px 0 #e6e1db, -2px 0 0 #e6e1db, 0 2px 0 #e6e1db, 2px 0 0 #bcd4f6 inset, 0 1px 0 #bcd4f6 inset, -2px 0 0 #bcd4f6 inset, 0 -1px 0 #bcd4f6 inset;
}

.products-search .contents ul.submit li input[type=submit]:active {
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #ecebe6;
  background: -svg-linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
  background: -owg-linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
  -pie-background: -pie-linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
  background: linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
  -pie-background: linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
}

.products-search .contents ul.submit li input[type=checkbox] {
  margin-right: 5px;
  vertical-align: -0.15em;
}

.products-search .contents ul.submit li:first-child {
  margin: 0;
}

/* products - search results */
.products-search-results #main .contents h2.head {
  margin: 0 0 10px;
}

.products-search-results .contents {
  padding-bottom: 25px;
}

.products-search-results .contents .numResults {
  display: block;
  margin: 0 50px 10px 0;
  float: left;
}

.products-search-results .contents .numResults span {
  margin: 0 5px;
  color: #e51319;
  font: bold 161.53846% Arial, Helvetica, sans-serif;
}

.products-search-results .contents hr {
  clear: both;
  display: block;
  margin: 15px 0;
  height: 10px;
  border: none;
  background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x;
}

.products-search-results .contents span.notes {
  color: #e5121b;
  margin-bottom: 20px;
  float: left;
}

.products-search-results .contents span.notes a, .products-search-results .contents span.notes a:link, .products-search-results .contents span.notes a:visited {
  color: #e5121b;
  text-decoration: underline;
}

.products-search-results .contents span.notes a:hover {
  color: #c2c2c2;
}

.products-search-results .search-condition {
  margin-bottom: 15px;
}

.products-search-results .search-condition h3 {
  margin: 0 0 10px;
  padding: 8px 10px;
  background: #f2f0f1;
  border: 1px solid #d0d0d0;
}

.products-search-results .search-condition h3 span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  top: 1px;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 0;
}

.products-search-results .search-condition table,
.products-search-results .search-condition th,
.products-search-results .search-condition td {
  border: 1px solid #d0d0d0;
}

.products-search-results .search-condition table {
  position: relative;
  margin-top: -1px;
  width: 100%;
}

.products-search-results .search-condition th, .products-search-results .search-condition td {
  padding: 5px 8px;
}

.products-search-results .search-condition th {
  width: 17.75956%;
  color: #333;
  text-align: center;
  background: #fcf1ef;
}

.products-search-results .search-condition td {
  background: #fff;
}

.products-search-results .search-condition .separate span {
  float: left;
}

.products-search-results .search-condition .separate span:before {
  position: relative;
  content: "";
  float: left;
  display: block;
  margin: 0 5px;
  content: "/";
}

.products-search-results .search-condition .separate span:first-child:before {
  display: none;
}

.products-search-results .search-results {
  clear: both;
}

.products-search-results .search-results ul {
  overflow: hidden;
}

.products-search-results .search-results li {
  position: relative;
  float: left;
  margin: 0 0 35px;
  padding: 0 3.00546%;
  width: 20.4918%;
}

.products-search-results .search-results li .photo {
  position: relative;
  display: table;
  margin: 0 0 5px;
  padding: 0 5px;
  width: 100%;
  height: 120px;
  text-align: center;
  border: 1px solid #e1dcde;
}

.products-search-results .search-results li .photo a,
.products-search-results .search-results li .photo span {
  display: table-cell;
  vertical-align: middle;
}

.products-search-results .search-results li .photo img {
  position: relative;
  vertical-align: middle;
  z-index: 5;
}

.products-search-results .search-results li .out_new_icon.new:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 28%;
  height: 37.5%;
  background: url("/productdb/app/images/products/bg_search_results_new.png") no-repeat;
  background-size: contain !important;
  z-index: 10;
}

.products-search-results .search-results li .spec strong,
.products-search-results .search-results li .spec span {
  display: block;
}

.products-search-results .search-results li .spec strong {
  margin: 0 0 5px;
}

.products-search-results .search-results li .spec a {
  text-decoration: underline;
}

.products-search-results .search-results li .spec .name {
  margin: 0 0 5px;
}

.products-search-results .search-results li .spec .price {
  color: #999;
  height: 13px;
  line-height: 13px;
}

.products-search-results .search-results li .spec .price span {
  display: inline;
}

.products-search-results .search-results li:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: url("/productdb/app/images/bg_dotted_vertical_gray.png") repeat-y;
}

.products-search-results .search-results li:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -20px;
  left: 0;
  width: 488%;
  height: 5px;
  background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x bottom left;
}

.products-search-results .search-results li.pl0 {
  padding-left: 0;
}

.products-search-results .search-results li.pl0:before {
  display: none;
}

.products-search-results .search-results li.pr0 {
  padding-right: 0;
}

.products-search-results .search-results .discontinued .photo:after {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 54px;
  background: url("/productdb/app/images/products/bg_search_results_discontinued.png") no-repeat;
  z-index: 10;
}

.products-search-results .search-results .discontinued strong,
.products-search-results .search-results .discontinued .name {
  color: #999;
}

.products-search-results .search-results .results0 {
  display: none;
  margin: 15px 0;
  padding: 40px 0;
  width: 100%;
  font-weight: bold;
  text-align: center;
  background: #f2f0f1;
}

.products-search-results .search-nav .num {
  position: relative;
  top: 4px;
  float: right;
}

.products-search-results .search-nav .num .count,
.products-search-results .search-nav .num .numOf {
  color: #e51319;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.products-search-results .search-nav .num .numOf {
  font-size: 123.07692%;
}

.products-search-results .search-nav .nav {
  float: right;
  margin-left: 20px;
}

.products-search-results .search-nav .nav li {
  float: left;
}

.products-search-results .search-nav .nav .page-prev a,
.products-search-results .search-nav .nav .page-prev span,
.products-search-results .search-nav .nav .page-next a,
.products-search-results .search-nav .nav .page-next span,
.products-search-results .search-nav .nav .page-indexes a,
.products-search-results .search-nav .nav .page-indexes span {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  border-radius: 2px;
  box-shadow: 1px 1px 0 white inset, -1px -1px 0 white inset;
  border: 1px solid #9a9a9a;
}

.products-search-results .search-nav .nav .page-prev a:hover,
.products-search-results .search-nav .nav .page-prev span:hover,
.products-search-results .search-nav .nav .page-next a:hover,
.products-search-results .search-nav .nav .page-next span:hover,
.products-search-results .search-nav .nav .page-indexes a:hover,
.products-search-results .search-nav .nav .page-indexes span:hover {
  color: #333;
}

.products-search-results .search-nav .nav .page-prev a:active,
.products-search-results .search-nav .nav .page-prev span:active,
.products-search-results .search-nav .nav .page-next a:active,
.products-search-results .search-nav .nav .page-next span:active,
.products-search-results .search-nav .nav .page-indexes a:active,
.products-search-results .search-nav .nav .page-indexes span:active {
  height: 25px;
  line-height: 27px;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #f0f1f2;
  background: -svg-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  background: -owg-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  -pie-background: -pie-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  background: linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  -pie-background: linear-gradient(to bottom, #fcdedf 0%, #ffffff 100%);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) inset, -1px -1px 4px rgba(0, 0, 0, 0.2) inset;
}

.products-search-results .search-nav .nav .page-prev,
.products-search-results .search-nav .nav .page-next {
  position: relative;
  text-align: center;
}

.products-search-results .search-nav .nav .page-prev a,
.products-search-results .search-nav .nav .page-next a {
  position: relative;
  width: 100px;
  height: 25px;
  line-height: 25px;
}

.products-search-results .search-nav .nav .page-prev {
  margin: 0 5px 0 0;
}

.products-search-results .search-nav .nav .page-next {
  margin: 0 0 0 10px;
}

.products-search-results .search-nav .nav .page-prev a:before,
.products-search-results .search-nav .nav .page-next a:after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  margin-top: -5px;
  z-index: 20;
}

.products-search-results .search-nav .nav .page-prev a:before {
  left: 7px;
  width: 5px;
  height: 9px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -33px -167px;
}

.products-search-results .search-nav .nav .page-next a:after {
  right: 7px;
  width: 5px;
  height: 9px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -47px -167px;
}

.products-search-results .search-nav .nav .page-indexes {
  height: 25px;
  line-height: 25px;
}

.products-search-results .search-nav .nav .page-indexes a,
.products-search-results .search-nav .nav .page-indexes span {
  float: left;
  margin-left: 5px;
  width: 25px;
  text-align: center;
  border-radius: 3px;
}

.products-search-results .search-nav .nav .page-indexes span {
  position: relative;
  color: #fff;
  font-weight: bold;
  behavior: url("/common/js/PIE.htc");
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5) inset, -1px -1px 6px rgba(0, 0, 0, 0.5) inset;
  background: none !important;
  -pie-background: none !important;
  background-color: #636468 !important;
  border-color: #333;
}

.products-search-results .search-nav .nav .page-indexes span:hover {
  color: #fff !important;
}

.products-search-results .search-nav.first {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 20px;
  height: 27px;
}

.products-search-results .search-nav.first:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x bottom left;
}

.products-search-results .back {
  height: 32px;
  text-align: center;
}

.products-search-results .back li {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  width: 120px;
  height: 30px;
  line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
  -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  border-radius: 2px;
  box-shadow: 1px 1px 0 white inset, -1px -1px 0 white inset;
  cursor: pointer;
  border: 1px solid #9a9a9a;
}

.products-search-results .back li span {
  position: relative;
}

.products-search-results .back li:hover {
  color: #333;
}

.products-search-results .back li:active {
  height: 30px;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: #f0f1f2;
  background: -svg-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  background: -owg-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  -pie-background: -pie-linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  background: linear-gradient(to bottom, #f0f1f2 0%, white 100%);
  -pie-background: linear-gradient(to bottom, #fcdedf 0%, #ffffff 100%);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) inset, -1px -1px 4px rgba(0, 0, 0, 0.2) inset;
}

.products-search-results .back li:active span {
  top: 1px;
}

.products-search-results .back li:before {
  position: relative;
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 9px;
  background: url("/productdb/app/images/icon-sprite.png") no-repeat -33px -167px;
}

.products-search-results .back li:active:before {
  top: 1px;
}

.products-search-results .back li:first-child {
  margin: 0;
}

.products-search-results .back.first {
  margin-top: 15px;
}

/* products - refill lead */
.products.refill .refillBanner {
  margin: 0 0 15px;
  position: relative;
  padding: 10px 20px;
  height: auto;
  letter-spacing: -0.4em;
  line-height: 1.4;
  font-weight: bold;
  font-size: 176.92308%;
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjNmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  border: 1px solid #e1dcde;
}

.products.refill .refillBanner span {
  display: inline-block;
  margin-left: 20px;
  width: 159px;
  letter-spacing: normal;
  vertical-align: top;
}

.products.refill .refillBanner span a {
  display: block;
}

.products.refill .refillBanner span:first-child {
  margin-left: 0;
}

.products.refill .section {
  clear: both;
  margin: 0 0 25px;
  border: 1px solid #c2c0c1;
}

.products.refill .section > h3 {
  position: relative;
  margin: 0 auto;
  padding: 30px 0;
  width: 95.90164%;
  text-align: center;
}

.products.refill .section > h3 span {
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  padding: 3px 8px;
  color: #fff;
  font-size: 84.61538%;
  font-weight: bold;
  background: #66cbff;
  behavior: url("/common/js/PIE.htc");
  border-radius: 3px;
}

.products.refill .section > h3 span.jet {
  background: #295eac;
}

.products.refill .section > h3 span.press {
  background: #c11545;
}

.products.refill .section > h3 img {
  clear: both;
}

.products.refill .section > h3.mark {
  padding: 40px 0 20px;
}

.products.refill .section > ul {
  margin: 0 auto;
  width: 95.90164%;
}

.products.refill .section > ul > li {
  clear: both;
  margin: 0 0 15px;
  width: 100%;
}

.products.refill .section > ul > li .list,
.products.refill .section > ul > li .item {
  max-width: 347.49px;
  width: 100%;
  min-height: 86px;
  border: 1px solid #d0d0d0;
}

.products.refill .section > ul > li .list h4,
.products.refill .section > ul > li .item h4 {
  position: relative;
  margin: 0 0 10px;
  padding: 5px 8px;
  background: #f2f0f1;
  border-bottom: 1px solid #c2c0c1;
}

.products.refill .section > ul > li .list h4 > span,
.products.refill .section > ul > li .item h4 > span {
  margin-left: 10px;
}

.products.refill .section > ul > li .list {
  float: left;
}

.products.refill .section > ul > li .list .finish {
  color: #e51319;
  margin: 0 10px 10px;
}

.products.refill .section > ul > li .list .ball {
  position: relative;
  float: left;
  margin: 0 10px 10px;
  width: 52px;
  height: 38px;
  color: #fff;
  background: url("/productdb/app/images/products/bg_spec_detail_icon_sprite_device.png") no-repeat -114px 0;
}

.products.refill .section > ul > li .list .ball span {
  position: absolute;
  display: block;
  top: 18px;
  width: 52px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.products.refill .section > ul > li .list > ul {
  overflow: hidden;
  margin-right: 10px;
}

.products.refill .section > ul > li .list > ul li {
  margin-top: -1px;
  padding: 10px 0;
  font-size: 84.61538%;
  border-top: 1px dotted #d0d0d0;
}

.products.refill .section > ul > li .list > ul li:first-child {
  padding: 0 0 10px;
}

.products.refill .section > ul > li .list > ul li span:before {
  margin-right: 5px;
  font-weight: bold;
}

.products.refill .section > ul > li .list > ul li .inkColor {
  display: block;
  margin: 0 0 5px;
}

.products.refill .section > ul > li .list > ul li .inkColor:before {
  content: "インク色";
}

.products.refill .section > ul > li .list > ul li .code:before {
  content: "注文コード";
}

.products.refill .section > ul > li .list > ul li .code:after {
  margin: 0 5px;
  content: "／";
}

.products.refill .section > ul > li .list > ul li .jan:before {
  content: "JAN";
}

.products.refill .section > ul > li .item {
  float: right;
}

.products.refill .section > ul > li .item a {
  color: #e51319;
  text-decoration: underline;
}

.products.refill .section > ul > li .item a:hover {
  color: #c2c2c2;
}

.products.refill .section > ul > li .item h4 {
  margin: 0;
}

.products.refill .section > ul > li .item .imageTable {
  display: table;
  padding: 5px 0 15px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.products.refill .section > ul > li .item .imageTable > div {
  display: table-row;
  height: 50px;
}

.products.refill .section > ul > li .item .imageTable > div span {
  padding-top: 10px;
  display: table-cell;
  vertical-align: middle;
}

/* products - point */
.ballpoint_pens-rt1 {
  width: 85.57143%;
  margin: 0 auto;
  padding-top: 5px;
}

.ballpoint_pens-rt1 .txt {
  padding-left: 1em;
}

.ballpoint_pens-rt1 .img-plus-txt-01 {
  content: "";
  display: table;
  clear: both;
}

.ballpoint_pens-rt1 .img-plus-txt-01 .left-area {
  float: left;
  width: 71.11853%;
}

.ballpoint_pens-rt1 .img-plus-txt-01 .right-area {
  float: right;
  width: 24.20701%;
}

.ballpoint_pens-rt1 .img-plus-txt-02 {
  content: "";
  display: table;
  clear: both;
}

.ballpoint_pens-rt1 .img-plus-txt-02 .left-area {
  float: left;
  width: 30.55092%;
}

.ballpoint_pens-rt1 .img-plus-txt-02 .right-area {
  float: right;
  width: 69.44908%;
}

.felt_tip_pens-pure_color {
  width: 85.57143%;
  margin: 0 auto;
  padding-top: 10px;
}

.felt_tip_pens-pure_color_f {
  width: 85.57143%;
  margin: 0 auto;
  padding-top: 15px;
}

.felt_tip_pens-window {
  width: 85.57143%;
  margin: 0 auto;
  padding-top: 20px;
}

/* ====================================== */
/* font control */
/* ====================================== */
/* side */
/* ====================================== */
/* footer */
/* ====================================== */
@media screen and (max-width: 768px){
  #navigation{
    display: none;
  }
  #main{
    margin-top: 0;
    background: #fff;
  }
  #main h2.head{
    position: relative;
    margin: 0 auto 15px;
    padding: 8px 0;
    width: 94.66146%;
    font-weight: bold;
    font-size: 123.07692%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border: 1px solid #e1dcde;
  }
  #main h2.head > span:first-child{
    display: block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 4px solid #d2111a;
  }
  #main h2.head br{
    display: none;
  }
  #main > h2.role-sp{
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-weight: bold;
    font-size: 230.76923%;
    text-indent: .5em;
    background-color: #e93840;
    background: -svg-linear-gradient(top, #e93840 0%, #e93840 49%, #d63239 50%, #dd191d 51%, #dd191d 100%);
    background: -owg-linear-gradient(top, #e93840 0%, #e93840 49%, #d63239 50%, #dd191d 51%, #dd191d 100%);
    -pie-background: -pie-linear-gradient(top, #e93840 0%, #e93840 49%, #d63239 50%, #dd191d 51%, #dd191d 100%);
    background: linear-gradient(top, #e93840 0%, #e93840 49%, #d63239 50%, #dd191d 51%, #dd191d 100%);
  }
  #main .menu #menu-select{
    display: block;
  }
  #main .side{
    padding: 0;
    border: none;
  }
  #main .side h3{
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  }
  #main .side h3 .open,
  #main .side h3 .close{
    position: relative;
    float: left;
    display: block;
    padding: 0 0 0 7.8125%;
    width: 92.1875%;
    cursor: pointer;
  }
  #main .side h3 .open:after,
  #main .side h3 .close:after{
    position: relative;
    content: "";
    float: right;
    display: block;
    top: 15px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat;
    background-size: 30px 500px;
    z-index: 10;
  }
  #main .side h3 .close:after{
    background-position: 0 -200px;
  }
  #main .side h3 .open{
    border-bottom: 1px solid #d0d0d0;
  }
  #main .side h3 .open:after{
    background-position: 0 0;
  }
  #main .side .product-search,
  #main .side .lineup{
    position: relative;
    margin: 0;
    border: 1px solid #d0d0d0;
    border-width: 0 0 1px;
  }
  #main .side .product-search h3,
  #main .side .lineup h3{
    margin: 0;
  }
  #main .side .product-search h3:before,
  #main .side .lineup h3:before{
    position: absolute;
    content: "";
    float: left;
    display: block;
    top: 15px;
    margin: 0 10px;
  }
  #main .side .product-search .toggle,
  #main .side .lineup .toggle{
    margin: 25px auto;
  }
  #main .side .product-search{
    border: 1px solid #d0d0d0;
    border-width: 1px 0;
  }
  #main .side .product-search h3:before{
    width: 27px;
    height: 29px;
    background: url("/productdb/app/images/img_icon_lupe_red_L.png") no-repeat;
    background-size: 27px 29px;
  }
  #main .side .lineup{
    border-bottom: 1px solid #d0d0d0;
  }
  #main .side .lineup h3:before{
    width: 29px;
    height: 29px;
    background: url("/productdb/app/images/img_icon_pen_red_L.png") no-repeat;
    background-size: 29px 29px;
  }
  #main h3.head02 span,
  #main h4.head02 span{
    display: inline;
    background: none;
  }
  .products #main .menu{
    position: relative;
    margin: 0 auto;
    max-width: 768px;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #e5121b;
  }
  .products #main .menu h3{
    display: none;
  }
  .products #main .menu #menu-select{
    position: relative;
    margin: 0 auto;
    padding: 0 2.60417%;
    width: 85.9375%;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 0;
  }
  .products #main .menu #menu-select span{
    float: right;
    font-size: 200%;
  }
  .products #main .menu #menu-select span:first-child{
    float: left;
    font-size: 100%;
  }
  .products #main .menu #menu{
    position: relative;
    margin: 0 auto;
    width: 85.9375%;
  }
  .products #main .menu .box{
    position: absolute;
    top: -1px;
    display: none;
    margin: 0;
    width: 100%;
    font-size: 87.5%;
    background: #fff;
    border-color: #bbbbbb;
    border-radius: 0px;
    z-index: 10;
  }
  .products #main .menu .box li{
    position: relative;
    padding: 12px 0;
    border-top: 1px solid #bbbbbb;
  }
  .products #main .menu .box li a{
    display: block;
    padding: 0 3.90625%;
  }
  .products #main .menu .box li a:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 16px;
    margin-top: -12px;
    width: 15px;
    height: 24px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat 0 -100px;
    background-size: 30px 500px;
    z-index: 100;
  }
  .products #main .menu .box li:first-child{
    border: none;
  }
  .products-index #main{
    background: #fff;
  }
  .products-index #main h2 + p{
    margin: 0 2.60417%;
  }
  .products-index .infoArea .viewport{
    width: 95.3125%;
  }
  .products-index .infoArea .scrollbar{
    top: 5px;
    right: 5px;
    margin: 0 5px;
    width: 0.91146%;
  }
  .products-index #main #topicPath{
    margin-bottom: 0;
  }
  .products-index .searchArea,
  .products-index .catalogArea,
  .products-index .lineupArea,
  .products-index .infoArea,
  .products-index .relatedArea{
    padding-bottom: 20px;
    background: #ededed;
  }
  .products-index .searchArea h2,
  .products-index .searchArea h2.role-sp,
  .products-index .catalogArea h2,
  .products-index .catalogArea h2.role-sp,
  .products-index .lineupArea h2,
  .products-index .lineupArea h2.role-sp,
  .products-index .infoArea h2,
  .products-index .infoArea h2.role-sp,
  .products-index .relatedArea h2,
  .products-index .relatedArea h2.role-sp{
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 2.60417%;
    width: 97.39583%;
    height: 60px;
    line-height: 60px;
    font-size: 153.84615% !important;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border-top: 1px solid #e1dcde;
    border-bottom: 1px solid #e1dcde;
  }
  .products-index .searchArea h2 span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 15px;
    margin: 0 10px 0 0;
    width: 27px;
    height: 29px;
    background: url("/productdb/app/images/img_icon_lupe_red_L.png") no-repeat;
    background-size: 27px 29px;
  }
  .products-index .searchArea form{
    padding: 15px 3.0303%;
    width: 85.9375%;
    background: #fff;
  }
  .products-index .searchArea .request-params{
    float: left;
    margin: 5px 0 15px;
    width: 75%;
  }
  .products-index .searchArea .request-params .search{
    display: block;
    padding: 0 5%;
    width: 90%;
    height: 50px;
    font-size: 184.61538%;
    line-height: 50px;
    background: url("/productdb/app/images/img_icon_lupe_L.png") no-repeat 10px 10px;
    background-size: 27px 29px;
    border-radius: 3px 0 0 3px;
    box-shadow: 1px 1px 2px #999 inset;
    border: 1px solid #576e8a;
  }
  .products-index .searchArea .request-params .search:focus, .products-index .searchArea .request-params .search:active{
    background: none;
  }
  .products-index .searchArea .submit,
  .products-index .searchArea input[type=submit]{
    position: relative;
    top: 5px;
    float: right;
    display: block;
    padding: 0;
    width: 25%;
    height: 52px;
    color: #515a68;
    font-weight: bold;
    font-size: 21px;
    text-indent: 0;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: #dddee1;
    background: -svg-linear-gradient(to bottom, #dddee1 1%, #b4b8bf 100%);
    background: -owg-linear-gradient(to bottom, #dddee1 1%, #b4b8bf 100%);
    -pie-background: -pie-linear-gradient(to bottom, #dddee1 1%, #b4b8bf 100%);
    background: linear-gradient(to bottom, #dddee1 1%, #b4b8bf 100%);
    -pie-background: linear-gradient(to bottom, #dddee1 1%, #b4b8bf 100%);
    border-radius: 0 3px 3px 0;
    border: 1px solid #576e8a;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #fff inset;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .products-index .searchArea .submit:active,
  .products-index .searchArea input[type=submit]:active{
    line-height: 65px;
    box-shadow: 1px 2px 3px #bfbfbf inset, -1px 0 3px #bfbfbf inset;
  }
  .products-index .searchArea .search-detail{
    clear: both;
    display: block;
    margin: 0 auto 5px;
    width: 100%;
    text-align: center;
    font-size: 161.53846%;
  }
  .products-index .searchArea .search-detail a{
    display: block;
  }
  .products-index .searchArea .search-detail a:before{
    position: relative;
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 21px;
    height: 15px;
    background: url("/productdb/app/images/dot-arrow-red-2x.png") no-repeat;
  }
  .products-index .searchArea-new-text{
    color: red;
    margin-bottom: 10px;
  }
  .products-index .searchArea-new-text a{
    color: red;
    text-decoration: underline;
  }
  .products-index .searchArea-new-text a:hover{
    color: #c2c2c2;
  }
  .products-index .catalogArea h2 span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 15px;
    margin: 0 10px 0 0;
    width: 26px;
    height: 27px;
    background: url("/productdb/app/images/img_icon_book_red_L.png") no-repeat;
    background-size: 26px 27px;
  }
  .products-index .catalogArea .catalogTxt{
    padding: 10px;
    background: #fff;
  }
  .products-index .catalogArea .catalogTxt .txt{
    float: left;
    width: 72.72727%;
  }
  .products-index .catalogArea .catalogTxt .txt strong{
    font-size: 115.38462%;
  }
  .products-index .catalogArea .catalogTxt .txt strong:first-child{
    padding-right: 14px;
    background: url("/productdb/app/images/bg_icon_blank.png") no-repeat right;
  }
  .products-index .catalogArea .catalogTxt .txt span{
    display: block;
    margin-top: 5px;
  }
  .products-index .catalogArea .catalogTxt .catalog{
    float: right;
    width: 21.21212%;
  }
  .products-index .catalogArea .iCata{
    margin-top: 15px;
    padding: 10px;
    background: #fff;
  }
  .products-index .catalogArea .iCata > a{
    float: left;
    width: 50%;
    vertical-align: middle;
  }
  .products-index .catalogArea .iCata > a img{
    margin: 0;
    vertical-align: middle;
  }
  .products-index .catalogArea .iCata > p{
    float: right;
    margin-left: 10px;
    width: 45%;
  }
  .products-index .lineupArea{
    padding-bottom: 5px;
  }
  .products-index .lineupArea h2{
    border-bottom: 1px solid #d0d0d0;
  }
  .products-index .lineupArea h2 span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 15px;
    margin: 0 10px 0 0;
    width: 29px;
    height: 29px;
    background: url("/productdb/app/images/img_icon_pen_red_L.png") no-repeat;
    background-size: 29px 29px;
  }
  .products-index .lineupArea ul{
    overflow: hidden;
    background: #fff;
  }
  .products-index .lineupArea li{
    position: relative;
    margin-top: -1px;
    height: 40px;
    line-height: 40px;
    font-size: 107.69231%;
    border-top: 1px solid #bbb;
  }
  .products-index .lineupArea li a{
    display: block;
    width: 100%;
    height: 100%;
  }
  .products-index .lineupArea li a span{
    display: block;
    width: 100%;
    height: 100%;
  }
  .products-index .lineupArea li .role-sp{
    float: left;
    margin-left: 35px;
  }
  .products-index .lineupArea li .role-sp:before{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 0;
    margin-top: -2px;
    margin-right: 10px;
    width: 25px;
    height: 4px;
    background: #f0151d;
  }
  .products-index .lineupArea .p01{
    background: url("/productdb/app/images/bg_side_lineup_ballpen.png") no-repeat right top;
  }
  .products-index .lineupArea .p02{
    background: url("/productdb/app/images/bg_side_lineup_sharp.png") no-repeat right top;
  }
  .products-index .lineupArea .p03{
    background: url("/productdb/app/images/bg_side_lineup_signpen.png") no-repeat right top;
  }
  .products-index .lineupArea .p04{
    background: url("/productdb/app/images/bg_side_lineup_pencil.png") no-repeat right top;
  }
  .products-index .lineupArea .p05{
    background: url("/productdb/app/images/bg_side_lineup_seal.png") no-repeat right top;
  }
  .products-index .lineupArea .p06{
    background: url("/productdb/app/images/bg_side_lineup_school.png") no-repeat right top;
  }
  .products-index .lineupArea .p07{
    background: url("/productdb/app/images/bg_side_lineup_oa.png") no-repeat right top;
  }
  .products-index .lineupArea .p08{
    background: url("/productdb/app/images/bg_side_lineup_eco.png") no-repeat right top;
  }
  .products-index .lineupArea .p09{
    background: url("/productdb/app/images/bg_side_lineup_brand.png") no-repeat right top;
  }
  .products-index .lineupArea .p01,
  .products-index .lineupArea .p02,
  .products-index .lineupArea .p03,
  .products-index .lineupArea .p04,
  .products-index .lineupArea .p05,
  .products-index .lineupArea .p06,
  .products-index .lineupArea .p07,
  .products-index .lineupArea .p08,
  .products-index .lineupArea .p09{
    background-size: auto 37px;
  }
  .products-index .lineupArea .p06 .role-sp:before{
    background: #6ec7f5;
  }
  .products-index .lineupArea .p08 .role-sp:before{
    background: #7fbd06;
  }
  .products-index .lineupArea .p09 .role-sp:before{
    background: #000;
  }
  .products-index .lineupArea + span{
    display: block;
    padding: 0 7.03125% 20px;
    color: #37a964;
    font-weight: bold;
    background: #ededed;
  }
  .products-index hr{
    display: none;
  }
  .products-index .infoArea{
    padding: 0;
    background: #fff;
  }
  .products-index .infoArea h2{
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .products-index .infoArea h2 span.role-sp:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 9px;
    margin: 0 14px 0 3.90625%;
    width: 7px;
    height: 40px;
    background: #f0141c;
  }
  .products-index .infoArea .viewport{
    float: left;
    width: 95.05208%;
  }
  .products-index .infoArea .viewport ul{
    padding: 10px 0 0 10px;
  }
  .products-index .infoArea .viewport li{
    position: relative;
    padding: 10px 0;
    padding-right: 40px;
    border-bottom: 1px solid #d0d0d0;
  }
  .products-index .infoArea .viewport li:first-child{
    padding-top: 0;
  }
  .products-index .infoArea .viewport li:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    width: 15px;
    height: 24px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat 0 -100px;
    background-size: 30px 500px;
    z-index: 100;
  }
  .products-index .infoArea .viewport .genre{
    float: left;
    margin-bottom: 5px;
    padding: 3px 0;
    width: 135px;
    color: #fff;
    text-align: center;
    font-size: 11px;
  }
  .products-index .infoArea .viewport .genre span{
    position: relative;
    display: table;
    width: 100%;
    vertical-align: middle;
    border-radius: 3px;
  }
  .products-index .infoArea .viewport .genre span:before{
    padding: 3px 0;
    height: auto;
  }
  .products-index .infoArea .viewport .date{
    float: left;
    margin: 2px 0 5px 10px;
  }
  .products-index .infoArea .viewport .infoBody{
    clear: both;
  }
  .products-index .infoArea .viewport .infoBody strong{
    display: block;
  }
  .products-index .infoArea .viewport .infoBody strong a{
    color: #e51319;
  }
  .products-index .infoArea .viewport .infoBody strong a:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 4px;
    margin-right: 5px;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-index .infoArea > span{
    clear: both;
    float: right;
    margin: 0 10px 0 0;
    display: block;
  }
  .products-index .infoArea > span a{
    color: #e51319;
    text-decoration: none;
  }
  .products-index .infoArea > span a:hover{
    color: #c2c2c2;
  }
  .products-index .infoArea > span a:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 5px;
    margin-right: 5px;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-index .introArea{
    overflow: hidden;
    margin: 20px auto;
    width: 88.54167%;
  }
  .products-index .introArea h3{
    margin: 0;
    padding: 8px 0;
    height: auto;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border-bottom: 1px solid #fff;
  }
  .products-index .introArea h3 .role-sp{
    display: none;
  }
  .products-index .introArea li{
    float: left;
    width: 47.79412%;
    margin: 0 0 5px 0;
    border: 1px solid #d0d0d0;
  }
  .products-index .introArea li:nth-child(even){
    margin-left: 1.47059%;
  }
  .products-index .introArea li > span{
    display: block;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
  }
  .products-index .introArea li > div{
    display: table;
    width: 100%;
    height: 60px;
    text-align: center;
    vertical-align: middle;
  }
  .products-index .introArea li > div h4{
    margin: 0 auto;
    display: table-cell;
    width: 80%;
    text-align: center;
    vertical-align: middle;
  }
  .products-index .introArea li > div h4 img{
    width: 70%;
  }
  .products-index .introArea .green h3{
    border-bottom-color: #8eb775;
  }
  .products-index .introArea .blue h3{
    border-bottom-color: #6bc2ed;
  }
  .products-index .introArea .purple h3{
    border-bottom-color: #9164bf;
  }
  .products-index .introArea .pink h3{
    border-bottom-color: #e5518b;
  }
  .products-index .relatedArea{
    padding: 0;
    background: #fff;
  }
  .products-index .relatedArea h2.role-sp{
    margin: 0 auto 20px;
    padding: 0;
    width: 92%;
    height: 40px !important;
    line-height: 40px !important;
    border: 1px solid #d0d0d0;
  }
  .products-index .relatedArea h2.role-sp span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 7px;
    margin: 0 10px 0 3.90625%;
    width: 5px;
    height: 25px;
    background: #f0141c;
  }
  .products-index .linkArea{
    margin: 0 auto 20px;
    width: 85.9375%;
    border: 1px solid #d0d0d0;
  }
  .products-index .linkArea li{
    position: relative;
    padding-right: 20px;
    border-top: 1px solid #d0d0d0;
  }
  .products-index .linkArea li:first-child{
    border: none;
  }
  .products-index .linkArea li:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    width: 15px;
    height: 24px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat 0 -100px;
    background-size: 30px 500px;
    z-index: 100;
  }
  .products-index .linkArea li a{
    display: block;
    padding: 10px;
  }
  .products-index .linkArea li a span{
    display: block;
    margin-bottom: -5px;
    font-size: 11px;
    line-height: 2;
  }
  .products-index .bannerArea{
    overflow: hidden;
    margin: 0 auto 20px;
    width: 85.9375%;
  }
  .products-index .bannerArea ul{
    display: table;
    margin-top: -1px;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
  }
  .products-index .bannerArea ul:first-child{
    border-bottom: none;
  }
  .products-index .bannerArea li{
    display: table-cell;
    width: 50%;
    text-align: center;
    border-collapse: collapse;
  }
  .products-index .bannerArea li:first-child{
    border: none;
  }
  .products-index .bannerArea li a{
    display: block;
  }
  .products-new #main h2.head{
    margin: 0 auto;
  }
  .products-new .infoArea{
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
  }
  .products-new .infoArea ul{
    padding: 10px 0 0 10px;
    width: 95.05208%;
  }
  .products-new .infoArea li{
    position: relative;
    padding: 10px 0;
    padding-right: 40px;
    border-bottom: 1px solid #d0d0d0;
  }
  .products-new .infoArea li:first-child{
    padding-top: 0;
  }
  .products-new .infoArea li:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    width: 15px;
    height: 24px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat 0 -100px;
    background-size: 30px 500px;
    z-index: 100;
  }
  .products-new .infoArea .genre{
    float: left;
    margin-bottom: 5px;
    padding: 3px 0;
    width: 135px;
    color: #fff;
    text-align: center;
    font-size: 11px;
  }
  .products-new .infoArea .genre span{
    position: relative;
    display: table;
    width: 100%;
    vertical-align: middle;
    border-radius: 3px;
  }
  .products-new .infoArea .genre span:before{
    padding: 3px 0;
    height: auto;
  }
  .products-new .infoArea .date{
    float: left;
    margin: 2px 0 5px 10px;
  }
  .products-new .infoArea .infoBody{
    clear: both;
  }
  .products-new .infoArea .infoBody strong{
    display: block;
  }
  .products-new .infoArea .infoBody strong a{
    color: #e51319;
  }
  .products-new .infoArea .infoBody strong a:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 4px;
    margin-right: 5px;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-new .infoArea > span{
    clear: both;
    float: right;
    margin: 0 10px 0 0;
    display: block;
  }
  .products-new .infoArea > span a{
    color: #e51319;
    text-decoration: none;
  }
  .products-new .infoArea > span a:hover{
    color: #c2c2c2;
  }
  .products-new .infoArea > span a:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 5px;
    margin-right: 5px;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-lv2 .tabNav,
  .products-lv2 .article,
  .products-lv2 .relatedArea,
  .products-ecology .tabNav,
  .products-ecology .article,
  .products-ecology .relatedArea,
  .products-school .tabNav,
  .products-school .article,
  .products-school .relatedArea,
  .products-brand .tabNav,
  .products-brand .article,
  .products-brand .relatedArea{
    margin: 0 auto 0;
    width: 94.66146%;
  }
  .products-lv2 .tabNav,
  .products-ecology .tabNav,
  .products-school .tabNav,
  .products-brand .tabNav{
    padding: 0 0 10px;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
  }
  .products-lv2 .tabNav li,
  .products-ecology .tabNav li,
  .products-school .tabNav li,
  .products-brand .tabNav li{
    display: inline-block;
    margin: 0 0 5px;
  }
  .products-lv2 .tabNav li a,
  .products-ecology .tabNav li a,
  .products-school .tabNav li a,
  .products-brand .tabNav li a{
    color: #e51319;
    text-decoration: underline;
  }
  .products-lv2 .tabNav li a:hover,
  .products-ecology .tabNav li a:hover,
  .products-school .tabNav li a:hover,
  .products-brand .tabNav li a:hover{
    color: #c2c2c2;
  }
  .products-lv2 .tabNav li:after,
  .products-ecology .tabNav li:after,
  .products-school .tabNav li:after,
  .products-brand .tabNav li:after{
    margin: 0 10px;
    content: "|";
  }
  .products-lv2 .tabNav li:last-child:after,
  .products-ecology .tabNav li:last-child:after,
  .products-school .tabNav li:last-child:after,
  .products-brand .tabNav li:last-child:after{
    display: none;
  }
  .products-lv2 .article,
  .products-ecology .article,
  .products-school .article,
  .products-brand .article{
    margin: 0 auto 30px;
    width: 94.66146%;
    padding: 10px 15px;
  }
  .products-lv2 .article .detail h4,
  .products-ecology .article .detail h4,
  .products-school .article .detail h4,
  .products-brand .article .detail h4{
    background: #fde7e8;
  }
  .products-lv2 .article .detail h4 a,
  .products-ecology .article .detail h4 a,
  .products-school .article .detail h4 a,
  .products-brand .article .detail h4 a{
    color: #e51319;
    text-decoration: none;
  }
  .products-lv2 .article .detail h4 a:hover,
  .products-ecology .article .detail h4 a:hover,
  .products-school .article .detail h4 a:hover,
  .products-brand .article .detail h4 a:hover{
    color: #c2c2c2;
  }
  .products-lv2 .article .detail h4 span:before,
  .products-ecology .article .detail h4 span:before,
  .products-school .article .detail h4 span:before,
  .products-brand .article .detail h4 span:before{
    position: absolute;
    content: "";
    display: block;
    top: 14px;
    left: 10px;
    margin-top: 0;
    width: 5px;
    height: 10px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -23px -166px;
  }
  .products-lv2 .relatedArea,
  .products-ecology .relatedArea,
  .products-school .relatedArea,
  .products-brand .relatedArea{
    clear: both;
    margin: 0 auto 30px;
    width: 94.66146%;
  }
  .products-lv2 .relatedArea h3,
  .products-ecology .relatedArea h3,
  .products-school .relatedArea h3,
  .products-brand .relatedArea h3{
    position: relative;
    padding: 8px 10px;
    width: 100%;
    font-weight: bold;
    font-size: 153.84615%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    box-sizing: border-box;
    border: 1px solid #e1dcde;
  }
  .products-lv2 .relatedArea h3 span,
  .products-ecology .relatedArea h3 span,
  .products-school .relatedArea h3 span,
  .products-brand .relatedArea h3 span{
    display: block;
    padding-left: 10px;
    border-left: 4px solid #d2111a;
  }
  .products-lv2 .relatedArea h3 span:before,
  .products-ecology .relatedArea h3 span:before,
  .products-school .relatedArea h3 span:before,
  .products-brand .relatedArea h3 span:before{
    display: none;
  }
  .products-lv2 .relatedArea ul,
  .products-ecology .relatedArea ul,
  .products-school .relatedArea ul,
  .products-brand .relatedArea ul{
    margin: 0 auto;
    padding: 0;
    width: 90.78404%;
  }
  .products-lv2 .relatedArea ul li,
  .products-ecology .relatedArea ul li,
  .products-school .relatedArea ul li,
  .products-brand .relatedArea ul li{
    border-top: 1px solid #d0d0d0;
  }
  .products-lv2 .relatedArea ul li:first-child,
  .products-ecology .relatedArea ul li:first-child,
  .products-school .relatedArea ul li:first-child,
  .products-brand .relatedArea ul li:first-child{
    border: none;
  }
  .products-lv2 .relatedArea ul li a,
  .products-ecology .relatedArea ul li a,
  .products-school .relatedArea ul li a,
  .products-brand .relatedArea ul li a{
    padding: 13px 30px 13px 8px;
  }
  .products-lv2 .relatedArea ul li a:before,
  .products-ecology .relatedArea ul li a:before,
  .products-school .relatedArea ul li a:before,
  .products-brand .relatedArea ul li a:before{
    display: none;
  }
  .products-lv2 .relatedArea ul li a:after,
  .products-ecology .relatedArea ul li a:after,
  .products-school .relatedArea ul li a:after,
  .products-brand .relatedArea ul li a:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    width: 15px;
    height: 24px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat 0 -100px;
    background-size: 30px 500px;
    z-index: 10;
  }
  .products-ecology .bannerArea,
  .products-ecology .logoArea,
  .products-ecology .lineupArea,
  .products-ecology .ecologyWriting,
  .products-ecology .article,
  .products-school .bannerArea,
  .products-school .logoArea,
  .products-school .lineupArea,
  .products-school .ecologyWriting,
  .products-school .article,
  .products-brand .bannerArea,
  .products-brand .logoArea,
  .products-brand .lineupArea,
  .products-brand .ecologyWriting,
  .products-brand .article{
    margin: 0 auto 20px;
    width: 94.66146%;
  }
  .products-ecology .bannerArea,
  .products-school .bannerArea,
  .products-brand .bannerArea{
    padding: 0;
    background: #fff;
    border: none;
  }
  .products-ecology .bannerArea li,
  .products-school .bannerArea li,
  .products-brand .bannerArea li{
    display: inline;
    margin: 0;
  }
  .products-ecology .bannerArea li a,
  .products-ecology .bannerArea li a span,
  .products-school .bannerArea li a,
  .products-school .bannerArea li a span,
  .products-brand .bannerArea li a,
  .products-brand .bannerArea li a span{
    display: inline;
    color: #e51319;
    text-decoration: underline;
  }
  .products-ecology .bannerArea li:after,
  .products-school .bannerArea li:after,
  .products-brand .bannerArea li:after{
    display: inline;
    margin: 0 10px;
    content: "|";
  }
  .products-ecology .bannerArea li:last-child:after,
  .products-school .bannerArea li:last-child:after,
  .products-brand .bannerArea li:last-child:after{
    display: none;
  }
  .products-ecology .logoArea,
  .products-school .logoArea,
  .products-brand .logoArea{
    padding: 10px 0 0;
    border: none;
  }
  .products-ecology .logoAreaMini,
  .products-school .logoAreaMini,
  .products-brand .logoAreaMini{
    overflow: hidden;
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%;
    height: 68px;
    text-align: center;
    border: none;
  }
  .products-ecology .logoAreaMini img,
  .products-school .logoAreaMini img,
  .products-brand .logoAreaMini img{
    position: absolute;
    top: 0;
    left: 50%;
  }
  .products-ecology .lineupArea,
  .products-school .lineupArea,
  .products-brand .lineupArea{
    overflow: visible;
    background: #fff;
    border: none;
  }
  .products-ecology .lineupArea ul,
  .products-school .lineupArea ul,
  .products-brand .lineupArea ul{
    overflow: hidden;
    background: #fff;
  }
  .products-ecology .lineupArea li,
  .products-school .lineupArea li,
  .products-brand .lineupArea li{
    position: relative;
    margin-top: -1px;
    height: 40px;
    line-height: 40px;
    font-size: 107.69231%;
    border-top: 1px solid #bbb;
  }
  .products-ecology .lineupArea li a,
  .products-school .lineupArea li a,
  .products-brand .lineupArea li a{
    display: block;
    width: 100%;
    height: 100%;
  }
  .products-ecology .lineupArea li a span,
  .products-school .lineupArea li a span,
  .products-brand .lineupArea li a span{
    display: block;
    width: 100%;
    height: 100%;
  }
  .products-ecology .lineupArea li .role-sp,
  .products-school .lineupArea li .role-sp,
  .products-brand .lineupArea li .role-sp{
    float: left;
    margin-left: 35px;
  }
  .products-ecology .lineupArea li .role-sp:before,
  .products-school .lineupArea li .role-sp:before,
  .products-brand .lineupArea li .role-sp:before{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 0;
    margin-top: -2px;
    margin-right: 10px;
    width: 25px;
    height: 4px;
    background: #f0151d;
  }
  .products-ecology .lineupArea .p01,
  .products-school .lineupArea .p01,
  .products-brand .lineupArea .p01{
    background: url("/productdb/app/images/bg_side_lineup_ballpen.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p02,
  .products-school .lineupArea .p02,
  .products-brand .lineupArea .p02{
    background: url("/productdb/app/images/bg_side_lineup_sharp.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p03,
  .products-school .lineupArea .p03,
  .products-brand .lineupArea .p03{
    background: url("/productdb/app/images/bg_side_lineup_signpen.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p04,
  .products-school .lineupArea .p04,
  .products-brand .lineupArea .p04{
    background: url("/productdb/app/images/bg_side_lineup_pencil.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p05,
  .products-school .lineupArea .p05,
  .products-brand .lineupArea .p05{
    background: url("/productdb/app/images/bg_side_lineup_seal.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p06,
  .products-school .lineupArea .p06,
  .products-brand .lineupArea .p06{
    background: url("/productdb/app/images/bg_side_lineup_school.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p07,
  .products-school .lineupArea .p07,
  .products-brand .lineupArea .p07{
    background: url("/productdb/app/images/bg_side_lineup_oa.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p08,
  .products-school .lineupArea .p08,
  .products-brand .lineupArea .p08{
    background: url("/productdb/app/images/bg_side_lineup_eco.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p09,
  .products-school .lineupArea .p09,
  .products-brand .lineupArea .p09{
    background: url("/productdb/app/images/bg_side_lineup_brand.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p01,
  .products-ecology .lineupArea .p02,
  .products-ecology .lineupArea .p03,
  .products-ecology .lineupArea .p04,
  .products-ecology .lineupArea .p05,
  .products-ecology .lineupArea .p06,
  .products-ecology .lineupArea .p07,
  .products-ecology .lineupArea .p08,
  .products-ecology .lineupArea .p09,
  .products-school .lineupArea .p01,
  .products-school .lineupArea .p02,
  .products-school .lineupArea .p03,
  .products-school .lineupArea .p04,
  .products-school .lineupArea .p05,
  .products-school .lineupArea .p06,
  .products-school .lineupArea .p07,
  .products-school .lineupArea .p08,
  .products-school .lineupArea .p09,
  .products-brand .lineupArea .p01,
  .products-brand .lineupArea .p02,
  .products-brand .lineupArea .p03,
  .products-brand .lineupArea .p04,
  .products-brand .lineupArea .p05,
  .products-brand .lineupArea .p06,
  .products-brand .lineupArea .p07,
  .products-brand .lineupArea .p08,
  .products-brand .lineupArea .p09{
    background-size: auto 37px;
  }
  .products-ecology .lineupArea .p06 .role-sp:before,
  .products-school .lineupArea .p06 .role-sp:before,
  .products-brand .lineupArea .p06 .role-sp:before{
    background: #6ec7f5;
  }
  .products-ecology .lineupArea .p08 .role-sp:before,
  .products-school .lineupArea .p08 .role-sp:before,
  .products-brand .lineupArea .p08 .role-sp:before{
    background: #7fbd06;
  }
  .products-ecology .lineupArea .p09 .role-sp:before,
  .products-school .lineupArea .p09 .role-sp:before,
  .products-brand .lineupArea .p09 .role-sp:before{
    background: #000;
  }
  .products-ecology .lineupArea ul,
  .products-school .lineupArea ul,
  .products-brand .lineupArea ul{
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .products-ecology .lineupArea li,
  .products-school .lineupArea li,
  .products-brand .lineupArea li{
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
    text-align: left;
    border-top: 1px solid #d0d0d0;
  }
  .products-ecology .lineupArea li:first-child,
  .products-school .lineupArea li:first-child,
  .products-brand .lineupArea li:first-child{
    border: none;
  }
  .products-ecology .lineupArea li .role-sp:before,
  .products-school .lineupArea li .role-sp:before,
  .products-brand .lineupArea li .role-sp:before{
    margin-right: 10px;
    width: 25px;
    height: 4px;
    background: #8ec51f;
  }
  .products-ecology .ecologyWriting h3,
  .products-ecology .relatedArea h3,
  .products-school .ecologyWriting h3,
  .products-school .relatedArea h3,
  .products-brand .ecologyWriting h3,
  .products-brand .relatedArea h3{
    position: relative;
    padding: 8px 10px;
    width: 100%;
    font-weight: bold;
    font-size: 153.84615%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    box-sizing: border-box;
    border: 1px solid #e1dcde;
  }
  .products-ecology .ecologyWriting h3 span,
  .products-ecology .relatedArea h3 span,
  .products-school .ecologyWriting h3 span,
  .products-school .relatedArea h3 span,
  .products-brand .ecologyWriting h3 span,
  .products-brand .relatedArea h3 span{
    display: block;
    padding-left: 10px;
    border-left: 4px solid #8ec51f;
  }
  .products-ecology .ecologyWriting h3 span:before,
  .products-ecology .relatedArea h3 span:before,
  .products-school .ecologyWriting h3 span:before,
  .products-school .relatedArea h3 span:before,
  .products-brand .ecologyWriting h3 span:before,
  .products-brand .relatedArea h3 span:before{
    display: none;
  }
  .products-ecology .ecologyWriting dl,
  .products-school .ecologyWriting dl,
  .products-brand .ecologyWriting dl{
    padding: 0;
    border: none;
  }
  .products-ecology .logoAreaMini img,
  .products-school .logoAreaMini img,
  .products-brand .logoAreaMini img{
    margin-left: -122px;
    clip: rect(0px, 245px, 68px, 0px);
  }
  .products-ecology .lineupArea .p01{
    background: url("/images/products/bg_eco_lineup_ballpen.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p02{
    background: url("/images/products/bg_eco_lineup_sharp.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p03{
    background: url("/images/products/bg_eco_lineup_signpen.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p04{
    background: url("/images/products/bg_eco_lineup_pencil.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p05{
    background: url("/images/products/bg_eco_lineup_seal.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p07{
    background: url("/images/products/bg_eco_lineup_oa.png") no-repeat right top;
  }
  .products-ecology .lineupArea .p01,
  .products-ecology .lineupArea .p02,
  .products-ecology .lineupArea .p03,
  .products-ecology .lineupArea .p04,
  .products-ecology .lineupArea .p05,
  .products-ecology .lineupArea .p07{
    background-size: auto 37px;
  }
  .products-school .schoolWriting,
  .products-school .logoAreaMini{
    margin: 0 auto 20px;
    width: 94.66146%;
  }
  .products-school .logoAreaMini{
    overflow: hidden;
    position: relative;
    padding: 0;
    height: auto;
    text-align: center;
    border: none;
  }
  .products-school .logoAreaMini img{
    position: static;
    top: auto;
    left: auto;
  }
  .products-school .lineupArea ul li .role-sp:before{
    margin-right: 10px;
    width: 25px;
    height: 4px;
    background: #6ec7f5;
  }
  .products-school .lineupArea .p03{
    background: url("/images/products/bg_school_lineup_signpen.png") no-repeat right top;
  }
  .products-school .lineupArea .p04{
    background: url("/images/products/bg_school_lineup_pencil.png") no-repeat right top;
  }
  .products-school .lineupArea .p06{
    background: url("/images/products/bg_school_lineup_oa.png") no-repeat right top;
  }
  .products-school .lineupArea .p03,
  .products-school .lineupArea .p04,
  .products-school .lineupArea .p06{
    background-size: auto 37px;
  }
  .products-school .schoolWriting h3,
  .products-school .relatedArea h3{
    position: relative;
    padding: 8px 10px;
    width: 100%;
    font-weight: bold;
    font-size: 153.84615%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    box-sizing: border-box;
    border: 1px solid #e1dcde;
  }
  .products-school .schoolWriting h3 span,
  .products-school .relatedArea h3 span{
    display: block;
    padding-left: 10px;
    border-left: 4px solid #6ec7f5;
  }
  .products-school .schoolWriting h3 span:before,
  .products-school .relatedArea h3 span:before{
    display: none;
  }
  .products-school .logoAreaMini img{
    margin: 0;
    clip: auto;
  }
  .products-brand .logoAreaMini{
    margin: 0 auto 20px;
    width: 94.66146%;
    overflow: hidden;
    position: relative;
    padding: 0;
    height: auto;
    text-align: center;
    border: none;
  }
  .products-brand .logoAreaMini img{
    position: static;
    top: auto;
    left: auto;
    margin: 0;
    clip: auto;
  }
  .products-spec #topicPath li:last-child,
  .products-feature #topicPath li:last-child{
    clear: both;
    margin-top: 5px;
    padding-top: 5px;
    width: 100%;
    font-weight: bold;
    border-top: 1px dotted #d0d0d0;
  }
  .products-spec #main .relative,
  .products-feature #main .relative{
    position: relative;
    margin-bottom: 10px;
  }
  .products-spec #main .relative .others,
  .products-feature #main .relative .others{
    display: block;
    margin-bottom: 10px;
    position: relative;
    height: 39px;
    cursor: pointer;
    line-height: 39px;
    font-weight: bold;
    color: #e51319;
    background: url("/productdb/app/images/bg_btn_lineup.png") no-repeat scroll right top;
    padding-right: 26px;
    text-align: right;
    right: 15px;
    width: 150px;
    float: right;
  }
  .products-spec #main .relative .others a,
  .products-feature #main .relative .others a{
    color: #e51319;
    text-decoration: none;
  }
  .products-spec #main .relative .others a:hover,
  .products-feature #main .relative .others a:hover{
    color: #c2c2c2;
  }
  .products-spec #main .relative .open,
  .products-spec #main .relative .close,
  .products-feature #main .relative .open,
  .products-feature #main .relative .close{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .products-spec #main .relative .open:after,
  .products-spec #main .relative .close:after,
  .products-feature #main .relative .open:after,
  .products-feature #main .relative .close:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 6px;
    margin-top: -10px;
  }
  .products-spec #main .relative .open:after,
  .products-feature #main .relative .open:after{
    width: 19px;
    height: 19px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -61px -230px;
  }
  .products-spec #main .relative .close:after,
  .products-feature #main .relative .close:after{
    width: 19px;
    height: 19px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -84px -230px;
    /*
                    a {
                        float: right;
                        display: block;
                        width: 165px;
                        height: 32px;
                        line-height: 32px;
                        text-align: center;
                        font-weight: bold;
                        background: #fff;
                        border: 1px solid $gray01;
                    }
                    a:before {
                        @include pseudo(none, relative, inline-block);
                        top: 1px;
                        margin: 0 5px 0 0;
                        width: 10px;
                        height: 10px;
                        background: url("/common/images/bg_pageLink_footer.png") no-repeat;
                    }
                    */
  }
  .products-spec #main .relative .Toplineup,
  .products-feature #main .relative .Toplineup{
    margin: 0 auto 20px;
    width: 94.66146%;
    clear: both;
    margin: 0 auto 10px;
    border: solid 1px #d0d0d0;
    background-color: #fef3f4;
  }
  .products-spec #main .relative .Toplineup h3,
  .products-feature #main .relative .Toplineup h3{
    position: relative;
    padding: 8px 0 0;
  }
  .products-spec #main .relative .Toplineup h3 span,
  .products-feature #main .relative .Toplineup h3 span{
    margin: 0 0 0 18px;
    font-size: 107.69231%;
    color: #e51319;
  }
  .products-spec #main .relative .Toplineup h3 span:before,
  .products-feature #main .relative .Toplineup h3 span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    left: 10px;
    width: 16px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -150px -172px;
  }
  .products-spec #main .relative .Toplineup ul,
  .products-feature #main .relative .Toplineup ul{
    overflow: hidden;
    background: #fff;
    width: 96%;
    margin: 10px auto;
    border: solid 1px #d0d0d0;
  }
  .products-spec #main .relative .Toplineup ul li,
  .products-feature #main .relative .Toplineup ul li{
    position: relative;
    margin-top: -1px;
    font-size: 107.69231%;
    border-top: 1px solid #bbb;
    font-weight: bold;
  }
  .products-spec #main .relative .Toplineup ul li a,
  .products-feature #main .relative .Toplineup ul li a{
    display: block;
    height: 100%;
    color: #333333;
    display: block;
    padding: 13px 30px 13px 8px;
  }
  .products-spec #main .relative .Toplineup ul li a span,
  .products-feature #main .relative .Toplineup ul li a span{
    display: block;
    width: 100%;
    height: 100%;
  }
  .products-spec #main .relative .Toplineup ul li a:hover,
  .products-feature #main .relative .Toplineup ul li a:hover{
    color: #c2c2c2;
  }
  .products-spec #main .relative .Toplineup ul li a:after,
  .products-feature #main .relative .Toplineup ul li a:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    width: 15px;
    height: 24px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat 0 -100px;
    background-size: 30px 500px;
    z-index: 10;
  }
  .products-spec #main .relative .Toplineup + span,
  .products-feature #main .relative .Toplineup + span{
    display: block;
    padding: 0 7.03125% 20px;
    color: #37a964;
    font-weight: bold;
    background: #ededed;
  }
  .products-spec #main h2.head,
  .products-feature #main h2.head{
    position: relative;
    margin: 0 auto 10px;
    font-size: 138.46154%;
  }
  .products-spec #main .relative + h3,
  .products-feature #main .relative + h3{
    margin: 0 auto 10px;
    width: 94.66146%;
    padding: 5px 0;
    color: #e51319;
    font-size: 107.69231%;
    text-align: center;
    box-sizing: border-box;
    background: #fde7e9;
    border: 1px solid #e1dcde;
  }
  .products-spec #main hr,
  .products-feature #main hr{
    clear: both;
    display: block;
    margin: 0 auto 10px;
    width: 94.66146%;
    height: 10px;
    border: none;
    background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x;
  }
  .products-spec .specArea,
  .products-feature .specArea{
    margin: 0 auto 10px;
    width: 94.66146%;
  }
  .products-spec .specArea .type,
  .products-feature .specArea .type{
    float: none;
    clear: both;
    width: 100%;
  }
  .products-spec .specArea .type .name,
  .products-feature .specArea .type .name{
    display: block;
    margin-bottom: 3px;
  }
  .products-spec .specArea .type .tax_price,
  .products-feature .specArea .type .tax_price{
    margin: 0;
  }
  .products-spec .specArea .type li span,
  .products-feature .specArea .type li span{
    white-space: nowrap;
  }
  .products-spec .specArea .featureLink,
  .products-feature .specArea .featureLink{
    float: none;
    clear: both;
    margin: 0;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .products-spec .specArea .related,
  .products-feature .specArea .related{
    clear: both;
    width: 100%;
  }
  .products-spec .specArea .related li,
  .products-feature .specArea .related li{
    float: none;
    clear: both;
    display: block;
    margin: 5px 0 0;
  }
  .products-spec .specArea.header,
  .products-feature .specArea.header{
    margin: 0 auto 10px;
  }
  .products-spec .specArea.header .inner .featureLink,
  .products-spec .specArea.header .inner .related,
  .products-feature .specArea.header .inner .featureLink,
  .products-feature .specArea.header .inner .related{
    float: none;
  }
  .products-spec .specArea.header .inner .featureLink,
  .products-feature .specArea.header .inner .featureLink{
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
  .products-spec .specArea.header .inner .related,
  .products-feature .specArea.header .inner .related{
    text-align: center;
  }
  .products-spec .bannerArea,
  .products-feature .bannerArea{
    margin: -10px auto 10px;
    width: 94.66146%;
  }
  .products-spec .bannerArea li,
  .products-feature .bannerArea li{
    margin: 10px 0 0;
    width: 48.28061%;
  }
  .products-spec .bannerArea li:first-child,
  .products-feature .bannerArea li:first-child{
    margin: 10px 0 0;
  }
  .products-spec .bannerArea li:nth-child(even),
  .products-feature .bannerArea li:nth-child(even){
    margin-left: 3.43879%;
  }
  .products-spec .detailArea,
  .products-feature .detailArea{
    margin: 0 auto 10px;
    width: 94.66146%;
  }

  .products-spec .changeArea,
  .products-feature .changeArea{
    margin: 0 auto 10px;
    width: 94.66146%;
  }

  .products-spec .detailArea .heading,
  .products-feature .detailArea .heading{
    position: relative;
    padding: 0 2.75103%;
    width: 94.49794%;
  }
  .products-spec .detailArea .heading:after,
  .products-feature .detailArea .heading:after{
    content: "";
    display: table;
    clear: both;
  }
  .products-spec .detailArea .heading h3,
  .products-feature .detailArea .heading h3{
    position: relative;
    float: none;
    clear: both;
    padding: 0;
    width: 100%;
    z-index: 100;
  }
  .products-spec .detailArea .heading h3 span,
  .products-feature .detailArea .heading h3 span{
    padding: 11px 0 0;
  }
  .products-spec .detailArea .heading ul.icon,
  .products-feature .detailArea .heading ul.icon{
    position: relative;
    float: left;
    clear: both;
    margin-right: 0;
    margin: -5px 0 0;
    padding: 5px 0 10px;
    width: 100%;
    z-index: 100;
  }
  .products-spec .detailArea .heading ul.icon li,
  .products-feature .detailArea .heading ul.icon li{
    float: left;
    clear: none;
    display: block;
    margin: 5px 0 0 5px;
    padding: 3px 5px;
    font-size: 9px;
  }
  .products-spec .detailArea .heading ul.icon li:first-child,
  .products-feature .detailArea .heading ul.icon li:first-child{
    margin: 5px 0 0 5px;
  }
  .products-spec .detailArea .heading ul.icon:after,
  .products-feature .detailArea .heading ul.icon:after{
    content: "";
    display: table;
    clear: both;
  }
  .products-spec .detailArea .heading.new,
  .products-feature .detailArea .heading.new{
    padding: 0 0 0 5.50206%;
    width: 94.49794%;
  }
  .products-spec .detailArea .heading.new h3,
  .products-feature .detailArea .heading.new h3{
    padding: 0;
  }
  .products-spec .detailArea .heading.new:before,
  .products-feature .detailArea .heading.new:before{
    width: 39px;
    background: url("/images/products/bg_spec_detail_icon_sprite_device_2x.png") no-repeat;
    background-repeat: no-repeat;
    background-size: 348px 150px !important;
  }
  .products-spec .detailArea .detail .iconImage,
  .products-feature .detailArea .detail .iconImage{
    float: none;
    display: block;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
  }
  .products-spec .detailArea .detail .iconImage:after,
  .products-feature .detailArea .detail .iconImage:after{
    content: "";
    display: table;
    clear: both;
  }
  .products-spec .detailArea .detail .iconImage li,
  .products-feature .detailArea .detail .iconImage li{
    overflow: hidden;
    display: inline-block;
    margin-left: 1.40449%;
    height: 38px !important;
    background-image: url("/images/products/bg_spec_detail_icon_sprite_device_2x.png") !important;
    background-repeat: no-repeat;
    background-size: 348px 150px !important;
  }
  .products-spec .detailArea .detail .data,
  .products-feature .detailArea .detail .data{
    clear: both;
  }
  .products-spec .detailArea .detail .productImage .note,
  .products-feature .detailArea .detail .productImage .note{
    padding-left: 1em;
    text-indent: -1em;
  }
  .products-spec .featureLink,
  .products-feature .featureLink{
    float: right;
    margin: 0 2.81981% 15px;
  }
  .products-spec .lineupArea,
  .products-spec .relatedArea,
  .products-feature .lineupArea,
  .products-feature .relatedArea{
    clear: both;
    margin: 0 auto 15px;
    width: 94.66146%;
  }
  .products-spec .lineupArea ul,
  .products-spec .relatedArea ul,
  .products-feature .lineupArea ul,
  .products-feature .relatedArea ul{
    margin: 0 auto;
    padding: 0;
    width: 90.78404%;
  }
  .products-spec .lineupArea ul li,
  .products-spec .relatedArea ul li,
  .products-feature .lineupArea ul li,
  .products-feature .relatedArea ul li{
    border-top: 1px solid #d0d0d0;
  }
  .products-spec .lineupArea ul li:first-child,
  .products-spec .relatedArea ul li:first-child,
  .products-feature .lineupArea ul li:first-child,
  .products-feature .relatedArea ul li:first-child{
    border: none;
  }
  .products-spec .lineupArea ul li a,
  .products-spec .relatedArea ul li a,
  .products-feature .lineupArea ul li a,
  .products-feature .relatedArea ul li a{
    padding: 13px 30px 13px 8px;
  }
  .products-spec .lineupArea ul li a:before,
  .products-spec .relatedArea ul li a:before,
  .products-feature .lineupArea ul li a:before,
  .products-feature .relatedArea ul li a:before{
    display: none;
  }
  .products-spec .lineupArea ul li a:after,
  .products-spec .relatedArea ul li a:after,
  .products-feature .lineupArea ul li a:after,
  .products-feature .relatedArea ul li a:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    width: 15px;
    height: 24px;
    background: url("/productdb/app/images/icon-sprite-sp.png") no-repeat 0 -100px;
    background-size: 30px 500px;
    z-index: 10;
  }
  .products-spec .lineupArea ul,
  .products-feature .lineupArea ul{
    width: 100%;
  }
  .products-spec .relatedArea h3,
  .products-feature .relatedArea h3{
    position: relative;
    padding: 8px 10px;
    width: 100%;
    font-weight: bold;
    font-size: 153.84615%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    box-sizing: border-box;
    border: 1px solid #e1dcde;
  }
  .products-spec .relatedArea h3 span,
  .products-feature .relatedArea h3 span{
    display: block;
    padding-left: 10px;
    border-left: 4px solid #d2111a;
  }
  .products-spec .relatedArea h3 span:before,
  .products-feature .relatedArea h3 span:before{
    display: none;
  }
  .products-feature #main .relative .others{
    padding-right: 49px;
  }
  .products-feature #main .relative .others span{
    padding-left: 26px;
  }
  .products-feature #main .relative .open:after,
  .products-feature #main .relative .close:after{
    right: 52px;
  }
  .products-feature #topicPath li:last-child{
    clear: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-weight: normal;
    border: none;
  }
  .products-feature .titleImage,
  .products-feature .article{
    margin: 0 auto 20px;
    width: 94.66146%;
  }
  .products-search .contents h2.head > span > span{
    position: relative;
    top: -3px;
    font-size: 60%;
  }
  .products-search .contents h2.head + p,
  .products-search .contents #products-search,
  .products-search .contents .notes{
    margin: 0 auto 20px;
    width: 94.66146%;
  }
  .products-search .contents .section ul.lineup{
    margin: 0;
  }
  .products-search .contents .section ul.lineup li,
  .products-search .contents .section ul.lineup li.longText{
    float: none;
    width: 100%;
  }
  .products-search .contents #detail_condition,
  .products-search .contents #clear_condition{
    width: 40.98361%;
  }
  .products-search .contents .column01 > ul li,
  .products-search .contents .column02 > div{
    float: none;
    clear: both;
    width: 100% !important;
  }
  .products-search .contents .column01 > ul li{
    margin: 8px 0 0;
  }
  .products-search .contents ul.submit li{
    clear: both;
    display: block;
    margin: 0 0 10px;
  }
  .products-search .contents ul.submit li:first-child{
    margin: 0 0 10px;
  }
  .products-search-results #main .contents h2.head,
  .products-search-results #main .contents .numResults,
  .products-search-results #main .contents .num-area{
    margin: 0 auto 10px;
    width: 94.66146%;
  }
  .products-search-results #main .contents hr{
    margin: 10px auto 10px;
    width: 94.66146%;
  }
  .products-search-results .search-condition{
    margin: 0 auto 10px;
    width: 94.66146%;
  }
  .products-search-results .search-condition table{
    background: #fcf1ef;
    border-top: 0;
  }
  .products-search-results .search-condition tr, .products-search-results .search-condition th, .products-search-results .search-condition td{
    display: block;
    border: 0;
  }
  .products-search-results .search-condition tr{
    clear: both;
    width: 100%;
  }
  .products-search-results .search-condition th{
    float: left;
    width: 30%;
    height: 100%;
    vertical-align: middle;
    border-top: 1px solid #d0d0d0;
  }
  .products-search-results .search-condition td{
    float: left;
    width: 70%;
    height: 100%;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
  .products-search-results .search-condition td:after{
    visibility: hidden;
    content: ".";
    height: 0px;
  }
  .products-search-results .search-condition .lineup td,
  .products-search-results .search-condition .others td{
    min-height: 43px;
    height: auto !important;
    height: 43px;
  }
  .products-search-results .search-results li{
    float: none;
    clear: both;
    margin: 0 auto;
    padding: 0 0 22px;
    width: 94.66146%;
  }
  .products-search-results .search-results li .photo,
  .products-search-results .search-results li .spec{
    float: left;
  }
  .products-search-results .search-results li .photo{
    width: 20.63274%;
    height: 100%;
  }
  .products-search-results .search-results li .out_new_icon.new:before{
    width: 33.33333%;
    height: 45%;
  }
  .products-search-results .search-results li .spec{
    margin-left: 2.75103%;
    width: 76.61623%;
  }
  .products-search-results .search-results li:before{
    position: absolute;
    content: "";
    display: block;
    top: auto;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 5px;
    background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x bottom left;
  }
  .products-search-results .search-results li:after{
    position: relative;
    width: auto;
    height: auto;
    background: none;
  }
  .products-search-results .search-results li.pl0:before{
    display: block;
  }
  .products-search-results .search-results .discontinued .photo:after{
    position: absolute;
    content: "";
    display: block;
    right: -1px;
    bottom: 1px;
    width: 50px;
    height: 54px;
    background: url("/images/products/bg_search_results_discontinued.png") no-repeat right bottom;
    background-size: 50%;
    z-index: 10;
  }
  .products-search-results .search-results .discontinued strong,
  .products-search-results .search-results .discontinued .name{
    color: #999;
  }
  .products-search-results .search-results .results0{
    margin: 15px auto 15px;
    width: 94.66146%;
  }
  .products-search-results .search-nav .num{
    position: relative;
    top: 0;
    float: none;
    clear: both;
    margin: 10px 0 0;
    display: block;
    text-align: center;
  }
  .products-search-results .search-nav .nav{
    float: none;
    clear: both;
    margin: 0 auto 0;
    width: 94.66146%;
    text-align: center;
  }
  .products-search-results .search-nav .nav li{
    float: none;
    display: inline-block;
  }
  .products-search-results .search-nav .nav .page-prev,
  .products-search-results .search-nav .nav .page-next{
    position: relative;
    top: -7px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    text-align: center;
  }
  .products-search-results .search-nav .nav .page-prev a,
  .products-search-results .search-nav .nav .page-next a{
    position: relative;
    width: 25px;
    height: 25px;
    background: none;
    border: none;
    z-index: 10;
  }
  .products-search-results .search-nav .nav .page-prev a:active,
  .products-search-results .search-nav .nav .page-next a:active{
    box-shadow: none;
    background: none;
    border: none;
  }
  .products-search-results .search-nav .nav .page-prev{
    margin: 0;
  }
  .products-search-results .search-nav .nav .page-next{
    margin: 0;
  }
  .products-search-results .search-nav .nav .page-prev a:before,
  .products-search-results .search-nav .nav .page-next a:after{
    position: absolute;
    content: "";
    display: block;
    top: 10px;
    z-index: 30;
  }
  .products-search-results .search-nav .nav .page-prev a:before{
    left: 3px;
    width: 10px;
    height: 16px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -53px -160px;
  }
  .products-search-results .search-nav .nav .page-next a:after{
    right: 3px;
    width: 10px;
    height: 16px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -64px -160px;
  }
  .products-search-results .search-nav .nav .page-indexes{
    margin: 0;
  }
  .products-search-results .search-nav .nav .page-indexes a:first-child{
    margin: 0;
  }
  .products-search-results .search-nav.first{
    height: 55px;
  }
  .products.refill .refillBanner{
    overflow: hidden;
    margin: 0 10px 15px;
    padding: 0 20px 10px;
  }
  .products.refill .refillBanner span{
    margin-top: 10px;
    margin-left: 0;
    width: 48.4%;
  }
  .products.refill .refillBanner span:nth-child(2n){
    margin-left: 10px;
  }
  .products.refill .title .others{
    clear: both;
    display: block;
    margin: 0 auto 15px;
    width: 94.66146%;
    font-size: 107.69231%;
    text-align: right;
  }
  .products.refill .title .others a{
    color: #e51319;
    text-decoration: underline;
  }
  .products.refill .title .others a:hover{
    color: #c2c2c2;
  }
  .products.refill .title:after{
    content: "";
    display: table;
    clear: both;
  }
  .products.refill .section{
    margin: 0 auto 25px;
    width: 94.66146%;
  }
  .products.refill .section > h3{
    margin: 0 auto;
  }
  .products.refill .section > ul > li .list,
  .products.refill .section > ul > li .item{
    float: none;
    clear: both;
    max-width: none;
    width: 100%;
  }
  .products.refill .section > ul > li .item{
    position: relative;
    margin-top: -1px;
    padding-bottom: 15px;
  }
  .products.refill .section > ul > li .item h4{
    margin-bottom: 15px;
  }
  .products.refill #filter{
    margin: 0 auto 10px;
    width: 94.66146%;
    text-align: center;
  }
  .products.refill #filter li{
    position: relative;
    display: inline-block;
    margin: 0 0 5px 10px;
    height: 29px;
  }
  .products.refill #filter li span{
    display: block;
    padding: 3px 5px;
    height: 29px;
    background: #f0f0f0;
    border-radius: 3px;
  }
  .products.refill #filter li span.selected{
    color: #e51319;
    font-weight: bold;
    background: #fde5e6;
  }
  .products.refill #filter li.all{
    top: -12px;
  }
  .products.refill #filter li.all span{
    line-height: 29px;
  }
}
@media print, screen and (min-width: 769px){
  #main h2.head{
    margin: 0 0 15px;
    position: relative;
    padding: 10px 0;
    height: auto;
    line-height: 1.4;
    font-weight: bold;
    font-size: 176.92308%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border: 1px solid #e1dcde;
  }
  #main h2.head > span:first-child{
    display: block;
    margin-left: 10px;
    padding-right: 190px;
    padding-left: 10px;
    border-left: 4px solid #e51319;
    background: url("/productdb/app/images/bg_h2_corner.png") no-repeat top right;
  }
  #main h2.head > span:first-child:before{
    display: none;
  }
  #main h2.head > span > small{
    font-size: 0.7em;
  }
  .products-index #main #topicPath{
    margin: 0 0 20px;
  }
  .products-index #main a.catalog:hover img{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .products-index .infoArea .viewport{
    width: 98.40426%;
  }
  .products-index .infoArea .scrollbar{
    top: 5px;
    right: 5px;
    width: 0.95628%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  .products-index .contents{
    padding-bottom: 50px;
  }
  .products-index .searchArea,
  .products-index .catalogArea,
  .products-index .lineupArea,
  .products-index .infoArea,
  .products-index .introArea li,
  .products-index .linkArea{
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
  }
  .products-index hr{
    clear: both;
    display: block;
    margin: 15px 0;
    height: 10px;
    border: none;
    background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x;
  }
  .products-index .searchArea,
  .products-index .catalogArea{
    height: 120px;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
  }
  .products-index .searchArea-new{
    height: 160px;
  }
  .products-index .searchArea-new-text{
    color: red;
    margin-bottom: 10px;
  }
  .products-index .searchArea-new-text a{
    color: red;
    text-decoration: underline;
  }
  .products-index .searchArea-new-text a:hover{
    color: #c2c2c2;
  }
  .products-index .searchArea{
    position: relative;
    float: left;
    margin: 0 0 25px;
    width: 62.5%;
  }
  .products-index .searchArea h2{
    padding: 20px 0 0 10px;
    background: url("/productdb/app/images/bg_product_search.png") repeat-x top left;
  }
  .products-index .searchArea form{
    margin: 10px 0 0 20px;
  }
  .products-index .searchArea form span,
  .products-index .searchArea form .request-params,
  .products-index .searchArea form input{
    display: inline-block;
  }
  .products-index .searchArea form .request-params{
    margin: 0 0 0 10px;
    width: 47.33333%;
  }
  .products-index .searchArea form .request-params input[type=text]{
    padding: 3px 8px;
    width: 94.3662%;
  }
  .products-index .searchArea form input[type=submit]{
    padding: 7px 15px;
    color: #020167;
    font-weight: bold;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: #fcfcfa;
    background: -svg-linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
    background: -owg-linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
    -pie-background: -pie-linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
    background: linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
    -pie-background: linear-gradient(to bottom, #fcfcfa 0%, #ecebe6 100%);
    border-radius: 3px;
    border: 1px solid #003c73;
    box-shadow: 2px 0 0 #e6e1db, 0 -2px 0 #e6e1db, -2px 0 0 #e6e1db, 0 2px 0 #e6e1db, 2px 0 0 #bcd4f6 inset, 0 1px 0 #bcd4f6 inset, -2px 0 0 #bcd4f6 inset, 0 -1px 0 #bcd4f6 inset;
    margin-left: 10px;
    padding: 5px 25px;
  }
  .products-index .searchArea form input[type=submit]:active{
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: #ecebe6;
    background: -svg-linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
    background: -owg-linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
    -pie-background: -pie-linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
    background: linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
    -pie-background: linear-gradient(to bottom, #ecebe6 0%, #fcfcfa 100%);
  }
  .products-index .searchArea .search-detail{
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .products-index .searchArea .search-detail a:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 5px;
    margin: 0 6px 0 0;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-index .catalogArea{
    position: relative;
    float: right;
    margin: 0 0 25px;
    width: 34.375%;
  }
  .products-index .catalogArea:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    margin: 9px 10px 0 10px;
    width: 4px;
    height: 100px;
    background: #e51319;
    border: 1px solid #e1dcde;
  }
  .products-index .catalogArea h2{
    float: left;
    margin: 12px 0 0;
    width: 54.54545%;
    font-size: 18px;
  }
  .products-index .catalogArea .catalogTxt{
    float: left;
    width: 54.54545%;
  }
  .products-index .catalogArea .catalogTxt strong{
    color: #e51319;
  }
  .products-index .catalogArea .catalogTxt a span{
    display: block;
    margin-top: 5px;
    font-weight: normal;
    font-size: 11px;
  }
  .products-index .catalogArea .catalogTxt a.txt:hover{
    color: #333;
  }
  .products-index .catalogArea .catalog{
    position: absolute;
    top: -15px;
    right: 15px;
    width: 27.57576%;
  }
  .products-index .catalogArea-new{
    height: 160px;
  }
  .products-index .catalogArea-new:before{
    height: 140px;
  }
  .products-index .catalogArea-new .catalog{
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30.30303%;
  }
  .products-index .lineupArea{
    overflow: hidden;
    clear: both;
    padding: 15px 0 5px 2.08333%;
    background: #f2f0f1;
  }
  .products-index .lineupArea h2{
    margin: 0 0 10px;
  }
  .products-index .lineupArea li{
    position: relative;
    float: left;
    margin: 0 2.1875% 15px 0;
    width: 22.5%;
    border: 1px solid #d0d0d0;
    background: #fff;
  }
  .products-index .lineupArea + span{
    float: right;
    margin: 10px 0 15px;
    color: #37a964;
    font-size: 84.61538%;
  }
  .products-index .infoArea{
    margin: 0 0 25px;
  }
  .products-index .infoArea h2{
    position: relative;
    padding: 10px;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border-bottom: 1px solid #e51319;
  }
  .products-index .infoArea h2 .newer{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
  }
  .products-index .infoArea h2:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    margin: 0 8px 0 0;
    width: 16px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -150px -172px;
  }
  .products-index .infoArea ul{
    overflow: hidden;
    margin: 10px 1.04167%;
  }
  .products-index .infoArea li{
    margin-top: -1px;
    padding: 8px 0;
    border-top: 1px dotted #d0d0d0;
  }
  .products-index .infoArea .genre{
    float: left;
    margin-right: 1.59574%;
    display: block;
    width: 7.44681%;
    height: 30px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
  }
  .products-index .infoArea .genre span{
    position: relative;
    display: table;
    width: 100%;
    vertical-align: middle;
    behavior: url("/common/js/PIE.htc");
    border-radius: 2px;
  }
  .products-index .infoArea .date{
    float: left;
    display: inline;
    margin-right: 1.06383%;
    width: 10.6383%;
    height: 30px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
  }
  .products-index .infoArea .infoBody{
    float: left;
    width: 78.19149%;
  }
  .products-index .infoArea .infoBody strong{
    display: block;
  }
  .products-index .infoArea .infoBody strong a{
    color: #e51319;
  }
  .products-index .infoArea .infoBody strong a:hover{
    color: #c2c2c2;
  }
  .products-index .infoArea .infoBody strong a:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 4px;
    margin: 0 7px 0 0;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-index .infoArea .infoBody > span{
    display: block;
    margin: 0 0 0 12px;
  }
  .products-index .introArea{
    margin-bottom: -20px;
    width: 100%;
  }
  .products-index .introArea ul{
    overflow: hidden;
    margin-right: -3.125%;
    width: 103.125%;
  }
  .products-index .introArea li{
    float: left;
    width: 46.875%;
    margin: 0 3.125% 20px 0;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    border: 1px solid #d0d0d0;
  }
  .products-index .introArea li h3{
    padding: 8px;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border-bottom: 1px solid #fff;
  }
  .products-index .introArea li h3 span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    margin-right: 5px;
  }
  .products-index .introArea li > span{
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
  }
  .products-index .introArea li > span a{
    display: block;
  }
  .products-index .introArea li > span a img{
    border-bottom: 1px solid #d0d0d0;
  }
  .products-index .introArea li > div{
    clear: both;
    display: table;
    margin: 0;
    width: 100%;
    height: 65px;
  }
  .products-index .introArea li > div h4{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .products-index .introArea .green h3{
    border-bottom-color: #8eb775;
  }
  .products-index .introArea .green h3 span:before{
    width: 15px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat;
    background-position: -150px -197px;
  }
  .products-index .introArea .blue h3{
    border-bottom-color: #6bc2ed;
  }
  .products-index .introArea .blue h3 span:before{
    width: 15px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat;
    background-position: -165px -197px;
  }
  .products-index .introArea .purple h3{
    border-bottom-color: #9164bf;
  }
  .products-index .introArea .purple h3 span:before{
    width: 15px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat;
    background-position: -180px -197px;
  }
  .products-index .introArea .pink h3{
    border-bottom-color: #e5518b;
  }
  .products-index .introArea .pink h3 span:before{
    width: 15px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat;
    background-position: -195px -197px;
  }
  .products-index .linkArea{
    float: left;
    padding: 19px 0;
    width: 55.20833%;
  }
  .products-index .linkArea li{
    margin: 10px 0 0 15px;
  }
  .products-index .linkArea li:first-child{
    margin-top: 0;
  }
  .products-index .linkArea li a{
    position: relative;
    padding: 0 0 0 15px;
    color: #333;
  }
  .products-index .linkArea li a:hover{
    color: #c2c2c2;
  }
  .products-index .linkArea li span{
    margin: 0 0 0 10px;
    font-size: 11px;
  }
  .products-index .linkArea li a:before{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    margin-top: -4px;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-index .bannerArea{
    float: right;
    width: 42.70833%;
  }
  .products-index .bannerArea ul{
    width: 100%;
  }
  .products-index .bannerArea li{
    float: left;
    margin: 0 0 5px 2.43902%;
    padding-bottom: 1px;
    padding: 0\9;
    width: 48.78049%;
  }
  .products-index .bannerArea li:first-child{
    margin-left: 0;
  }
  .products-new #main h2.head{
    margin: 0 0 10px;
  }
  .products-new .infoArea{
    margin: 0 0 25px;
  }
  .products-new .infoArea ul{
    overflow: hidden;
    margin: 10px 0;
  }
  .products-new .infoArea li{
    margin-top: -1px;
    padding: 8px 0;
    border-top: 1px dotted #d0d0d0;
  }
  .products-new .infoArea .genre{
    float: left;
    margin-right: 2.04918%;
    display: block;
    width: 9.56284%;
    height: 30px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
  }
  .products-new .infoArea .genre span{
    position: relative;
    display: table;
    width: 100%;
    vertical-align: middle;
    behavior: url("/common/js/PIE.htc");
    border-radius: 2px;
  }
  .products-new .infoArea .date{
    float: left;
    display: inline;
    margin-right: 1.36612%;
    width: 12.97814%;
    height: 30px;
    line-height: 30px;
  }
  .products-new .infoArea .infoBody{
    float: left;
    width: 73.36066%;
  }
  .products-new .infoArea .infoBody strong{
    display: block;
  }
  .products-new .infoArea .infoBody strong a{
    color: #e51319;
  }
  .products-new .infoArea .infoBody strong a:hover{
    color: #c2c2c2;
  }
  .products-new .infoArea .infoBody strong a:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    top: 4px;
    margin: 0 7px 0 0;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products-new .infoArea .infoBody > span{
    display: block;
    margin: 0 0 0 12px;
  }
  .products-lv2 .tabNav,
  .products-ecology .tabNav,
  .products-school .tabNav,
  .products-brand .tabNav{
    position: relative;
    overflow: visible;
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #d0d0d0;
  }
  .products-lv2 .tabNav li,
  .products-ecology .tabNav li,
  .products-school .tabNav li,
  .products-brand .tabNav li{
    float: left;
    margin: 0 0 0 3px;
    width: 28.96175%;
    height: 37px;
  }
  .products-lv2 .tabNav li:first-child,
  .products-ecology .tabNav li:first-child,
  .products-school .tabNav li:first-child,
  .products-brand .tabNav li:first-child{
    margin: 0;
  }
  .products-lv2 .tabNav li a,
  .products-ecology .tabNav li a,
  .products-school .tabNav li a,
  .products-brand .tabNav li a{
    position: relative;
    display: block;
    padding: 0;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: #fef2f2;
    background: -svg-linear-gradient(to bottom, white 0%, #fef2f2 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #fef2f2 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #fef2f2 100%);
    background: linear-gradient(to bottom, white 0%, #fef2f2 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #fef2f2 100%);
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
  }
  .products-lv2 .tabNav li a:after,
  .products-ecology .tabNav li a:after,
  .products-school .tabNav li a:after,
  .products-brand .tabNav li a:after{
    position: absolute;
    content: "";
    display: block;
    right: 3px;
    bottom: 3px;
    width: 7px;
    height: 8px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -74px -181px;
  }
  .products-lv2 .tabNav li .selected,
  .products-ecology .tabNav li .selected,
  .products-school .tabNav li .selected,
  .products-brand .tabNav li .selected{
    margin: -8px 0 0;
    height: 46px;
    line-height: 46px;
    color: #e51319;
    font-weight: bold;
    -pie-background: #fff !important;
    background: #fff;
    border-bottom: 0;
  }
  .products-lv2 .tabNav li .selected:after,
  .products-ecology .tabNav li .selected:after,
  .products-school .tabNav li .selected:after,
  .products-brand .tabNav li .selected:after{
    display: none;
  }
  .products-school .bannerArea{
    background: #6fc7f5;
  }
  .products-school .lineupArea li{
    height: 66px;
  }
  .products-school .lineupArea li a:hover img,
  .products-school .lineupArea li a.selected img{
    margin-top: -66px;
  }
  .products-spec #main h2.head,
  .products-feature #main h2.head{
    margin: 0 0 15px;
    position: relative;
    padding: 10px 0;
    height: auto;
    line-height: 1.4;
    font-weight: bold;
    font-size: 176.92308%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border: 1px solid #e1dcde;
  }
  .products-spec #main h2.head > span:first-child,
  .products-feature #main h2.head > span:first-child{
    display: block;
    margin-left: 10px;
    padding-right: 190px;
    padding-left: 10px;
    border-left: 4px solid #e51319;
    background: url("/productdb/app/images/bg_h2_corner.png") no-repeat top right;
  }
  .products-spec #main h2.head > span:first-child:before,
  .products-feature #main h2.head > span:first-child:before{
    display: none;
  }
  .products-spec #main h2.head > span > small,
  .products-feature #main h2.head > span > small{
    font-size: 0.7em;
  }
  .products-spec #main .relative,
  .products-feature #main .relative{
    position: relative;
  }
  .products-spec #main .relative .others,
  .products-feature #main .relative .others{
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    cursor: pointer;
    margin: 0 0 10px;
    width: 150px;
    height: 39px;
    line-height: 39px;
    font-weight: bold;
    color: #e51319;
    background: url("/productdb/app/images/bg_btn_lineup.png") no-repeat;
    padding-left: 11px;
  }
  .products-spec #main .relative .others span,
  .products-feature #main .relative .others span{
    float: left;
    display: block;
  }
  .products-spec #main .relative .open,
  .products-spec #main .relative .close,
  .products-feature #main .relative .open,
  .products-feature #main .relative .close{
    position: relative;
    top: 9px;
    display: block;
    width: 19px;
    height: 19px;
    z-index: 9999;
  }
  .products-spec #main .relative .open:after,
  .products-spec #main .relative .close:after,
  .products-feature #main .relative .open:after,
  .products-feature #main .relative .close:after{
    position: absolute;
    content: "";
    display: block;
    top: auto;
    right: auto;
  }
  .products-spec #main .relative .open:after,
  .products-feature #main .relative .open:after{
    width: 19px;
    height: 19px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -61px -230px;
  }
  .products-spec #main .relative .close:after,
  .products-feature #main .relative .close:after{
    width: 19px;
    height: 19px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -84px -230px;
  }
  .products-spec #main .relative .Toplineup,
  .products-feature #main .relative .Toplineup{
    border: 1px solid #d0d0d0;
    background-color: #fef3f4;
    margin: -16px 0 20px 0;
  }
  .products-spec #main .relative .Toplineup h3,
  .products-feature #main .relative .Toplineup h3{
    position: relative;
    margin: 0;
    padding: 8px 0 0;
    color: #e51319;
    font-size: 107.69231%;
  }
  .products-spec #main .relative .Toplineup h3 span,
  .products-feature #main .relative .Toplineup h3 span{
    margin: 0 0 0 35px;
  }
  .products-spec #main .relative .Toplineup h3 span:before,
  .products-feature #main .relative .Toplineup h3 span:before{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 12px;
    margin-top: -3px;
    width: 16px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat -150px -172px;
  }
  .products-spec #main .relative .Toplineup ul,
  .products-feature #main .relative .Toplineup ul{
    border: none;
    margin: 10px;
    border: solid 1px #d0d0d0;
  }
  .products-spec #main .relative .Toplineup ul li,
  .products-feature #main .relative .Toplineup ul li{
    border-top: 1px solid #d0d0d0;
    background-color: #fff;
  }
  .products-spec #main .relative .Toplineup ul li a,
  .products-feature #main .relative .Toplineup ul li a{
    font-weight: bold;
    color: #333333;
    display: block;
    padding: 6px 8px 6px 25px;
  }
  .products-spec #main .relative .Toplineup ul li a:hover,
  .products-feature #main .relative .Toplineup ul li a:hover{
    color: #c2c2c2;
  }
  .products-spec #main .relative .Toplineup ul li a:before,
  .products-feature #main .relative .Toplineup ul li a:before{
    position: absolute;
    content: "";
    display: block;
    top: 10px;
    left: -15px;
    margin: -3px 0 0 0;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
    position: relative;
  }
  .products-spec #main .relative .Toplineup ul li:first-child,
  .products-feature #main .relative .Toplineup ul li:first-child{
    border: none;
  }
  .products-spec #main h2.head,
  .products-feature #main h2.head{
    font-size: 138.46154%;
  }
  .products-spec #main h2.head .name,
  .products-feature #main h2.head .name{
    display: block;
    padding-right: 25.27322%;
    font-weight: bold;
  }
  .products-spec #main .relative + h3,
  .products-feature #main .relative + h3{
    margin-bottom: 15px;
    padding: 10px 0;
    color: #e51319;
    box-sizing: border-box;
    background: #fde7e9;
    border: 1px solid #d0d0d0;
  }
  .products-spec #main .relative + h3 span:before,
  .products-feature #main .relative + h3 span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    margin: 0 8px 0 10px;
    width: 15px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat;
    background-position: -210px -197px;
  }
  .products-spec #main hr,
  .products-feature #main hr{
    clear: both;
    display: block;
    margin: 15px 0;
    height: 10px;
    border: none;
    background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x;
  }
  .products-feature #main .relative .others span:first-child{
    margin: 0 5px 0 16px;
  }
  .products.refill #main h2.head{
    margin: 0 0 15px;
    position: relative;
    padding: 10px 0;
    height: auto;
    line-height: 1.4;
    font-weight: bold;
    font-size: 176.92308%;
    position: relative;
    behavior: url("/common/js/PIE.htc");
    background-color: white;
    background: -svg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: -owg-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: -pie-linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    background: linear-gradient(to bottom, white 0%, #f5f3f4 100%);
    -pie-background: linear-gradient(to bottom, #ffffff 0%, #f5f3f4 100%);
    border: 1px solid #e1dcde;
  }
  .products.refill #main h2.head > span:first-child{
    display: block;
    margin-left: 10px;
    padding-right: 190px;
    padding-left: 10px;
    border-left: 4px solid #e51319;
    background: url("/productdb/app/images/bg_h2_corner.png") no-repeat top right;
  }
  .products.refill #main h2.head > span:first-child:before{
    display: none;
  }
  .products.refill #main h2.head > span > small{
    font-size: 0.7em;
  }
  .products.refill #main .title{
    position: relative;
  }
  .products.refill #main .title .others{
    position: absolute;
    top: 7px;
    right: 6px;
    display: block;
    width: 200px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 100%;
    background: #fff;
    border: 1px solid #d0d0d0;
  }
  .products.refill #main .title .others a{
    color: #e51319;
    text-decoration: none;
  }
  .products.refill #main .title .others a:hover{
    color: #c2c2c2;
  }
  .products.refill #main .title .others a:before{
    position: relative;
    content: "";
    display: inline-block;
    top: -2px;
    margin-right: 7px;
    width: 7px;
    height: 5px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products.refill #main h2.head .name{
    display: block;
    padding-right: 25.27322%;
  }
  .products.refill #main h2.head > span:before,
  .products.refill #main h2.head > span:first-child:before,
  .products.refill #main h2.head span.name:before{
    display: none !important;
    margin: 0 !important;
    background: none !important;
  }
  .products.refill #main h2.head + h3{
    margin-bottom: 15px;
    padding: 10px 0;
    color: #e51319;
    box-sizing: border-box;
    background: #fde7e9;
    border: 1px solid #d0d0d0;
  }
  .products.refill #main h2.head + h3 span:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    margin: 0 8px 0 10px;
    width: 15px;
    height: 15px;
    background: url("/productdb/app/images/icon-sprite.png") no-repeat;
    background-position: -210px -197px;
  }
  .products.refill #main hr{
    clear: both;
    display: block;
    margin: 15px 0;
    height: 10px;
    border: none;
    background: url("/productdb/app/images/bg_h2_ichimatsu.png") repeat-x;
  }
  .products.refill #main #filter{
    margin: 0 0 20px;
  }
  .products.refill #main #filter li{
    float: left;
    height: 29px;
    font-size: .9em;
    cursor: pointer;
  }
  .products.refill #main #filter li span{
    position: relative;
    float: left;
    display: block;
    padding: 0 15px;
    text-align: center;
    color: #333;
  }
  .products.refill #main #filter li span:hover{
    color: #c2c2c2;
  }
  .products.refill #main #filter li span.selected{
    position: relative;
    margin: -3px 5px 0;
    padding: 3px 15px;
    color: #e51319;
    font-weight: bold;
    background: #fde5e6;
    behavior: url("/common/js/PIE.htc");
    border-radius: 3px;
  }
  .products.refill #main #filter li.all span{
    position: relative;
    margin: 7px 5px 0 0;
    padding: 0 10px 0 20px;
  }
  .products.refill #main #filter li.all span.selected{
    margin: 4px 5px 0 0;
    padding: 3px 10px 3px 20px;
  }
  .products.refill #main #filter li.all span:before{
    position: absolute;
    content: "";
    float: left;
    display: block;
    top: 50%;
    left: 0;
    margin: -3px 5px 0;
    width: 7px;
    height: 5px;
    background: url("/productdb/productdb/app/images/icon-sprite.png") no-repeat 0 -150px;
  }
  .products.refill #main #filter li:before{
    position: relative;
    content: "";
    float: left;
    display: block;
    margin: 0;
    width: 1px;
    height: 29px;
    border-left: 1px dotted #d0d0d0;
  }
  .products.refill #main #filter li:first-child:before{
    display: none;
  }
}
@media only screen and (max-width: 480px){
  #main{
    margin-top: 0;
  }
  #main h2.role-sp{
    height: 60px;
    line-height: 60px;
    font-size: 184.61538%;
  }
  #main .side h3 .open,
  #main .side h3 .close{
    padding: 0 0 0 13.02083%;
    width: 86.97917%;
  }
  #main .menu #menu-select{
    display: block;
  }
  .products-index .introArea h3 .role-sp{
    display: block;
  }
  .products-ecology .logoAreaMini,
  .products-school .logoAreaMini,
  .products-brand .logoAreaMini{
    margin: 0 auto;
  }
  .products-ecology .logoAreaMini img,
  .products-school .logoAreaMini img,
  .products-brand .logoAreaMini img{
    margin-left: -85px;
    clip: rect(0px, 170px, 68px, 0px);
  }
  .products-school .logoAreaMini{
    margin: 0 auto 20px;
  }
  .products-school .logoAreaMini img{
    margin: 0;
    clip: auto;
  }
  .products-brand .logoAreaMini{
    margin: 0 auto 20px;
  }
  .products-brand .logoAreaMini img{
    margin: 0;
    clip: auto;
  }
  .products-spec .detailArea .heading.new,
  .products-feature .detailArea .heading.new{
    padding: 0 2.75103% 0 11.00413%;
    width: 86.24484%;
  }
}
@media only screen and (max-width: 320px){
  #main{
    margin-top: 0;
  }
  #main h2.role-sp{
    height: 40px;
    line-height: 40px;
    font-size: 153.84615%;
  }
  #main .side h3 .open,
  #main .side h3 .close{
    padding: 0 0 0 15.625%;
    width: 84.375%;
  }
  #main .menu #menu-select{
    display: block;
  }
  .products-index .introArea h3 .role-sp{
    display: block;
  }
  .products-ecology .logoAreaMini,
  .products-school .logoAreaMini,
  .products-brand .logoAreaMini{
    margin: 0 auto;
  }
  .products-ecology .logoAreaMini img,
  .products-school .logoAreaMini img,
  .products-brand .logoAreaMini img{
    margin-left: -75px;
    clip: rect(0px, 150px, 68px, 0px);
  }
  .products-school .logoAreaMini{
    margin: 0 auto 20px;
  }
  .products-school .logoAreaMini img{
    margin: 0;
    clip: auto;
  }
  .products-brand .logoAreaMini{
    margin: 0 auto 20px;
  }
  .products-brand .logoAreaMini img{
    margin: 0;
    clip: auto;
  }
}