@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: September 24, 2014

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


body {
  color: #3e3a3a;
  font-family: Helvetica, Arial, Verdana, Geneva, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  background: #fff;
}
a {
  color: #3e3a3a;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
img {
  font-size: 0;
  vertical-align: bottom;
}


/* ============================================================
body#index
============================================================ */
#index {
  padding-top: 70px;
}
#index > header {
  width: 1048px;
  height: 150px;
  margin: 0 auto 40px;
  position: relative;
}
#index > header > h1,
#index > header > h2 {
  position: absolute;
}
#index > header > h1 {
  top: 0;
  left: 10px;
}
#index > header > h2 {
  right: 25px;
  top: 86px;
}
#index > footer {
  width: 1028px;
  margin: 0 auto;
}
#index > footer .inquiry {
  font-size: 14px;
  text-align: right;
}


/* ============================================================
#cover
============================================================ */
#cover {
  width: 100%;
  height: 280px;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
  /*background: #000 url(../images/home/cover-loader.gif) 50% 50% no-repeat;*/
}
#cover ul {
  position: absolute;
  left: 50%;
  margin-left: -392px;
  display: none;
}
#cover ul li {
  width: 186 px;
  height: 280px;
  padding: 0 5px;
  float: left;
}

/* ------------------------------
Elements are created by home.js
------------------------------ */
#coverPrev,
#coverNext {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
#coverPrev,
#coverNext {
  cursor: pointer;
}
#coverPrev,
#coverNext {
  width: 28px;
  height: 33px;
  position: absolute;
  top: 124px;
}
#coverPrev {
  left: 10px;
  background: url(../images/index/slide-arrow-left.png) 0 0 no-repeat;
}
#coverNext {
  right: 10px;
  background: url(../images/index/slide-arrow-right.png) 0 0 no-repeat;
}


/* ============================================================
shared
============================================================ */
body > article {
  width: 1028px;
  padding: 70px 10px 80px;
  margin: 0 auto;
}
article > header {
  height: 66px;
  margin-bottom: 55px;
  position: relative;
}
article > header > h1,
article > header > h2 {
  position: absolute;
}
article > header > h1 {
  top: 0;
  left: 0;
}
article > header > h2 {
  right: 0;
  top: -2px;
}
#paging #next,
#paging #prev {
  cursor: pointer;
}


/* ============================================================
#detail
============================================================ */
#detail {
  height: 470px;
  position: relative;
}
#detail > #data {
  width: 220px;
  padding-right: 45px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#detail h2,
#detail h3 {
  font-size: 13px;
  font-weight: normal;
}
#detail h2 {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: #8e8e8d 1px solid;
}
#detail #price,
#detail #material,
#detail #color {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: #8e8e8d 1px dashed;
}
#detail #material,
#detail #color {
  position: relative;
}
#detail #material h3,
#detail #color h3 {
  position: absolute;
  left: 0;
}
#detail #price,
#detail #material p,
#detail #color li {
  padding-left: 60px;
}
#detail #material span {
  font-size: 12px;
}
#detail #color {
  margin-bottom: 0;
}
#detail #color li {
  cursor: pointer;
}
#detail #color .current,
#detail #color .none {
  text-decoration: none;
}
#detail #color .current {
  background: url(../images/detail/color-current.png) 30px 50% no-repeat;
  cursor: default;
}
#detail #color .none {
  color: #999;
  cursor: default;
}
#detail #image {
  position: absolute;
  left: 0;
  top: 0;
}
#detail #image li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#detail #image .current {
  display: block;
}
#detail .inquiry {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: -80px;
}
#detail .inquiry .tax {
  font-size: 11px;
}
#paging {
  position: absolute;
  left: 765px;
}
#paging p {
  margin-bottom: 20px;
}
#paging.float p {
  float: left;
}
#paging.float #next {
  padding-left: 20px;
}


/* ============================================================
#inquiry
============================================================ */
#inquiry {
  margin-top: 90px;
}
#inquiry h2,
#inquiry p {
  font-size: 16px;
  font-weight: normal;
  line-height: 2.25;
  margin-bottom: 2.25em;
}
#inquiry .back {
  text-align: right;
  margin-top: 80px;
}

.aColor {
  color: #147e9c;
}