@charset "UTF-8";
body #container {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

#container h1 {
  margin: 0 0 5px 0;
  background-color: #F4F4F4;
  font-size: 1.1em;
  font-weight: bold;
  height: 26px;
  line-height: 1.1;
  padding: 6px 0 0 13px;
  border-left: 5px solid #1B4FAA;
  border-bottom: 1px solid #1B4FAA;
}

#container h2 {
  margin: 20px 0 3px 0;
  font-size: 1.35em;
}

#container .h2-comment {
  font-size: 0.8em;
  margin: 0 0 25px 0;
}

#container h3 {
  margin: 0 0 10px;
  border-bottom: 1px solid #888888;
  font-size: 0.85em;
  color: #333333;
  padding: 0 0 3px;
  width: 350px;
  letter-spacing: -0.03em;
}

#container h3.long {
  margin: 0 0 6px 0;
  border-bottom: 1px solid #888888;
  font-size: 0.85em;
  color: #333333;
  padding: 0 0 3px;
  width: 100%;
}

.head-link {
  margin: 0 0 10px 0;
  width: 100%;
  font-size: 0.8em;
  text-align: left;
}

ul.page-link {
  list-style-type: none;
  margin: 0 0 15px 0;
  font-size: 0.8em;
  line-height: 0.8em;
}

ul.page-link li {
  float: left;
  margin: 0 7px 0 0;
}

ul.page-link a {
  float: left;
  border: 1px solid #999999;
}

ul.page-link a:visited {
  float: left;
  border: 1px solid #999999;
}

ul.page-link a:hover, ul.page-link a:active {
  border: 1px solid #FF0000;
}

/*---------------------------
製品エリア
---------------------------*/
.item-wrap {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0 0 1px 0;
}

.block-row {
  margin: 0 0 30px 0;
  width: 100%;
}

.block-l {
  float: left;
  width: 350px;
}

.block-r {
  float: right;
  width: 350px;
}

/*---------------------------
画像・詳細・図の3ブロック
---------------------------*/
.item-img {
  float: left;
  width: 130px;
}

.item-detail {
  float: left;
  width: 606px;
}

.block-l .item-detail, .block-r .item-detail {
  float: left;
  width: 220px;
}

.detail-l {
  margin: 0 10px 0 0;
  width: 125px;
}

.detail-r {
  float: left;
  margin: 0 10px 0 0;
  width: 230px;
  background: #F3F3F3;
}

.detail-end {
  margin: 0 0 0 0;
}

/*---------------------------
製品画像
---------------------------*/
.item-img img {
  display: block;
  float: left;
}

.item-img a {
  display: block;
  float: left;
  border: 1px solid #FFFFFF;
}

.item-img a:hover, .item-img a:active {
  display: block;
  float: left;
  border: 1px solid #FF0000;
}

/*---------------------------
製品詳細
---------------------------*/
/*-----品番・価格など-----*/
dl.item-intro {
  margin: 0 0 5px 0;
  width: 100%;
}

dl.item-intro dt {
  padding: 0;
  font-size: 0.8em;
}

dl.item-intro dt a {
  font-weight: bold;
}

dl.item-intro dd {
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.2em;
}

/*---------------------------
コネクタ・結線図
---------------------------*/
.item-figure {
  padding: 0;
}

.detail-r .item-figure {
  padding: 4px 7px 4px 7px;
}

.item-figure p {
  font-size: 0.8em;
}

.item-figure ul {
  list-style-type: none;
}

.item-figure li {
  display: block;
  float: left;
  margin: 0 6px 0 0;
  font-size: 0.8em;
}

.item-figure li.figure-end {
  margin: 0 0 0 0;
}

.item-figure li img {
  display: block;
}

.item-figure li a {
  display: block;
  float: left;
  border: 1px solid #000000;
}

.item-figure li a:hover, .item-figure li a:active {
  display: block;
  float: left;
  border: 1px solid #FF0000;
}

/*---------------------------
フロート解除
---------------------------*/
.clfx {
  display: block;
}

.clfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}