@charset "UTF-8";
/*---------------------------
デフォルトスタイル
---------------------------*/
p, h1, h2, h3, h4, ul, li, dl, dt, dd, img {
  margin: 0;
  padding: 0;
  border: 0;
}

/*---------------------------
タイトル
---------------------------*/
h1 {
  margin: 0 0 10px 0;
}

.title-banner {
  margin: 0 0 5px 0;
}

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

/*---------------------------
製品エリア
---------------------------*/
.item-area {
  width: 100%;
  margin: 25px 0 30px 0;
  padding: 0 0 1px 0;
  /*item-wrap間の余白を合わせる（クロスブラウザ対策）*/
  /*	background: #FFFFEE;*/
}

h2 {
  margin: 0 0 20px 0;
}

.block-row {
  margin: 0 0 30px 0;
  width: 100%;
  /*	background: #FFEEEE;*/
}

h3 {
  margin: 0 0 8px 0;
  width: 100%;
}

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

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

/*---------------------------
3ブロック
---------------------------*/
.item-photo {
  float: left;
  width: 130px;
  /*	background: #FFEEEE;*/
}

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

.item-detail-l {
  float: left;
  width: 330px;
  /*	background: #EEFFEE;*/
}

.item-detail-r {
  float: right;
  width: 276px;
  /*	background: #EEEEFF;*/
}

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

.other-item .item-photo {
  float: left;
  width: 86px;
}

.other-item .item-detail {
  float: left;
  width: 180px;
  /*	background: #CCCCFF;*/
}

.dot-line-v {
  background: url(../images/dot_line_v.gif) right top repeat-y;
}

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

.other-item .item-photo img {
  border: 1px solid #999999;
}

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

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

/*---------------------------
ラインナップ表
---------------------------*/
table.lineup-hyo {
  margin: 0 0 3px 0;
  width: 320px;
  table-layout: fixed;
  background-color: #666666;
}

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

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

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

.col-no {
  width: 120px;
}

/*----- 文字 -----*/
table.lineup-hyo td.price {
  font-size: 1em;
}

table.lineup-hyo td a {
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: bold;
}

/*----- セル色 -----*/
table.lineup-hyo tr.trcolor1 td {
  background-color: #E8E8E8;
}

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

table.lineup-hyo tr td.color1 {
  background-color: #E8E8E8;
}

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

/*---------------------------
製品詳細
---------------------------*/
/*-----品番・価格など-----*/
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 0 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.2em;
}

dl.item-intro dd.price {
  margin: 0 0 4px 0;
}

/*---------------------------
色違いの製品詳細
---------------------------*/
.other-item {
  padding: 0 0 0 10px;
}

.other-item .atn {
  margin: 0 0 4px 0;
  font-size: 0.7em;
  line-height: 1.1em;
}

/*---------------------------
製品仕様
---------------------------*/
ul.spec-list {
  list-style-type: none;
  font-size: 0.8em;
  line-height: 1.2em;
}

ul.spec-list li {
  padding: 0 0 2px 0;
}

/*---------------------------
フロート解除
---------------------------*/
/* for modern brouser */
.clfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}

/* IE7,MacIE5 */
.clfx {
  display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clfx {
  height: 1%;
}

.clfx {
  display: block;
}

/**/