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

img {
  border: 0;
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

embed, object {
  vertical-align: bottom;
}

body.mac {
  font-size: 16px;
}

/* メイン
----------------------------------------*/
#container {
  width: 980px;
  font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
}

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

#title-banner {
  margin: 15px 0 10px 0;
}

#item-link {
  margin: 0 0 15px 0;
  width: 100%;
  font-size: 0.8em;
}

/* メニューボタン
----------------------------------------*/
.menu-area {
  margin: 0px 0px 35px 0px;
}

.menu-area .title {
  margin: 0px 0px 7px 0px;
}

/*
.menu-area ul.column2 {
	padding: 7px 0px 3px 10px;
}
.menu-area ul.column4 {
	padding: 7px 0px 3px 7px;
}
*/
.menu-area ul li {
  float: left;
  width: 318px;
  height: 146px;
  margin: 0 13px 12px 0;
  position: relative;
}

.menu-area ul li:hover {
  opacity: 0.6;
}

.menu-area ul li:nth-child(3n) {
  margin: 0 0 12px 0;
}

.menu-area ul li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.menu-area ul li p {
  position: absolute;
  top: 45px;
  left: 10px;
  font-size: 0.8em;
  line-height: 1.5;
  z-index: 1;
}

.menu-area ul li img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

/*
.menu-area ul.column2 li {
	margin: 0px 10px 0px 0px;
}
.menu-area ul.column4 li {
	margin: 0px 5px 0px 0px;
}
*/
/* リンクボタン
----------------------------------*/
.link-btn {
  margin: 0px 0px 15px 0px;
  text-align: center;
}

/*---------------------------
製品エリア
---------------------------*/
.item-wrap {
  width: 100%;
  /*	background: #FFFFEE;*/
}

h2 {
  margin: 0 0 12px 0;
  width: 100%;
}

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

h3 {
  color: #010101;
  font-size: 0.8em;
  line-height: 1.4em;
  margin: 0 0 6px 0;
  width: 100%;
  border-bottom: 1px solid #999999;
}

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

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

.item-img {
  float: left;
  width: 130px;
}

.item-detail {
  float: left;
  width: 606px;
  /*	height: 120px;*/
  /*	position: relative;*/
}

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

/* 赤枠リンク
.item-img a,
.item-img a:visited {
	float: left;
	border: 1px solid #FFFFFF;
}
.item-img a:hover,
.item-img a:active {
	border: 1px solid #FF0000;
}
*/
/*-----品番・価格など-----*/
dl.item-intro {
  margin: 0 0 10px 0;
  width: 100%;
}

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

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

/*----- サムネイル 1 -----*/
ul.item-thumb {
  list-style-type: none;
  width: 100%;
  font-size: 0.8em;
  /*	position: absolute;
	bottom: 0px;
	left: 0px;*/
}

ul.item-r {
  float: left;
  width: 420px;
}

ul.item-thumb li {
  float: left;
  margin: 0 12px 0 0;
  text-align: left;
}

ul.item-thumb li.end {
  margin: 0 0 0 0;
}

ul.item-thumb li img {
  display: block;
  margin: 0 0 3px 0;
}

.waku img {
  border: 1px solid #000000;
}

/*----- サムネイル 2 -----*/
dl.item-thumb {
  float: left;
  margin: -8px 0 0 0;
  width: 170px;
  font-size: 0.7em;
  line-height: 1em;
}

dl.item-thumb dt {
  float: left;
  margin: 0 8px 0 0;
}

dl.item-thumb dd {
  clear: both;
}

/*---------------------------
フロート解除
---------------------------*/
/* 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;
}

/**/