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

#container h1 {
  margin: 0 0 25px 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: 0 0 3px 0;
}

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

#container h3 {
  border-bottom: 1px solid #666666;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 0 6px 0;
  padding: 0 0 2px 0px;
}

/*---------------------------
製品コンテンツ
---------------------------*/
.item-area {
  margin: 0 0 25px 0;
  width: 100%;
}

.item-wrap {
  width: 736px;
  margin: 0 0 15px 0;
}

/*---------------------------
製品画像
---------------------------*/
.item-img {
  float: left;
  width: 130px;
}

.item-img img {
  display: block;
  float: left;
}

/*---------------------------
ラインナップ表
---------------------------*/
.item-text {
  float: left;
  width: 330px;
}

.item-text table.lineup-hyo {
  margin: 0 0 5px 0;
  width: 320px;
  table-layout: fixed;
  background-color: #666666;
}

.item-text table.lineup-hyo th {
  padding: 2px;
  font-weight: normal;
  font-size: 0.8em;
  text-align: center;
  background-color: #DDD1FF;
}

.item-text table.lineup-hyo td {
  padding: 2px;
  font-size: 0.8em;
  text-align: center;
  background-color: #FFFFFF;
}

/*---------------------------
コネクタ・結線図
---------------------------*/
.item-figure {
  float: right;
  width: 276px;
}

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

.item-figure li img {
  display: block;
  margin: 0 0 2px 0;
  border: 1px solid #000000;
}

.item-figure li.connecter {
  margin: 0 6px 0 0;
}

/*---------------------------
テーブルデコレーション
---------------------------*/
.col-size {
  width: 80px;
}

.col-no {
  width: 100px;
}

.item-text table.lineup-hyo td.price {
  font-size: 0.8em;
}

.item-text table.lineup-hyo tr td {
  background-color: #FFFFFF;
}

.item-text table.lineup-hyo tr:nth-of-type(2n+1) td {
  background-color: #E8E8E8;
}

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

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