@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: index.css
 * style info	:メインコンテンツの設定
 -----------------------------------------------------------*/

h1 {
  width: 670px;
  height: 133px;
}
h1#title01 { background: url(../images/index/mat-title.gif) ;	}


h3 {
  width: 670px; 
  height: 144px;
  margin-bottom: 15px;
}

h3#woodyTtl { background: url(../images/index/mat-woody-title.jpg) no-repeat;}
h3#leatherTtl { background: url(../images/index/mat-leather-title.gif) no-repeat;}
h3#tarpaulinTtl { background: url(../images/index/mat-tarpaulin-title.gif) no-repeat;}

#main {
  padding-bottom: 0;
}

/*==================================================
	#color　カラー紹介
==================================================*/
#colorTtl{
  background: url(../images/index/color-variation-title.gif) no-repeat 0 2px;
  width: 215px;
  height: 81px;
  padding: 15px 0px 0px 455px;
}
#orderColor{
  float:right;
  margin-right:10px;
}
#orderColor a{
  background: url(../../../images/common/images/colorvariation-btn.gif) no-repeat;
  font-size: 0;
  text-indent:-9999px;
  width: 196px;
  height: 30px;
  display: block;
}
#orderColor a:hover{
  background-position: -196px 0;
}
#colorSpec {
  margin-left: 20px;
  font-size: 1.2em;
  line-height: 180%;
  margin-bottom: 20px;
}
#colorSpec span {
  color: #E1024D;
}
#colorTopTxt {
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height:1.8;
}


/* ウッディ */
#colorWoody #colorTtl{
  background: url(../images/index/mat-woody-color.gif) no-repeat;
  width: 276px;
  height: 33px;
  text-indent: -9999px;
  font-size: 0;
  padding: 5px 10px 10px 380px;
  margin-bottom: 10px;
}
#colorWoody #colorTxt {
  background: url(../images/index/mat-woody-color-txt.gif) no-repeat;
  width: 506px;
  height: 13px;
  text-indent: -9999px;
  font-size: 0;
  margin-left: 20px;
  margin-bottom: 20px;
}
/* 合皮レザー */
#colorLeather #colorTtl{
  background: url(../images/index/mat-leather-color.gif) no-repeat;
  width: 276px;
  height: 33px;
  text-indent: -9999px;
  font-size: 0;
  padding: 5px 10px 10px 380px;
  margin-bottom: 10px;
}
#colorLeather #colorTxt {
  background: url(../images/index/mat-leather-color-txt.gif) no-repeat;
  width: 543px;
  height: 12px;
  text-indent: -9999px;
  font-size: 0;
  margin-left: 20px;
  margin-bottom: 20px;
}
/* ターポリン */
#colorTarpaulin #colorTtl{
  background: url(../images/index/mat-tarpaulin-color.gif) no-repeat;
  width: 276px;
  height: 33px;
  text-indent: -9999px;
  font-size: 0;
  padding: 5px 10px 10px 380px;
  margin-bottom: 10px;
}
#colorTarpaulin #colorTxt {
  background: url(../images/index/mat-tarpaulin-color-txt.gif) no-repeat;
  width: 385px;
  height: 13px;
  text-indent: -9999px;
  font-size: 0;
  margin-left: 20px;
  margin-bottom: 20px;
}
/*==================================================
	#product　商品一覧部分
==================================================*/

.product {
  clear: both;
  margin-bottom: 30px;
}
.productLast {
  clear: both;
  margin-bottom: 0;
}
.productArea {
  background-color: #FFF;
  padding: 15px;
  width: 296px;
}
.productAreaBg {
  padding: 15px;
  width: 296px;
}
.productL{
  float: left;
}
.productR{
  float: right;
}
.productName {
  font-size: 1.4em;
  font-weight: bold;
  float: none;
  margin-left: 0;
}
.itemSpec span.red {
  color: #E1024D;
}
.productMainImg {
  margin-bottom: 10px;
  background-color: #FFF;
  margin-top: 10px;
}
.productArea ul {
  font-size: 1.2em;
}
.productArea ul li.spec01 {
		margin-bottom: 52px;
}
.productArea ul li {
  line-height:	180%;
  margin-bottom:10px;
}
p.productColor {
  font-size: 1.2em;
  margin-top: 15px;
  margin-bottom: 5px;
}
p.productColor a {
  background: url(../../../images/common/images/icon-link.gif) left center no-repeat;
  padding-left:	20px;
  color: #006699;
  display: inline-block;
}
.productPrice {
  border-top: 1px solid #CCC;
  padding-top: 10px;
  line-height: 180%;
}
.productPrice span.red {
  color: #E1024D;
  font-size: 1.2em;
  font-weight: bold;
}
.productPrice span.line {
  font-size: 1.2em;
  text-decoration: line-through;
  margin-right: 5px;
}
.productPrice span.noline {
  font-size: 1.2em;
  margin-right: 5px;
}

/*==================================================
	#bnrArea　バナーエリア
==================================================*/
#bnrTtl {
  background: url(../images/index/bnr-title.gif) no-repeat;
  text-indent: -9999px;
  font-size: 0;
  width: 615px;
  height: 29px;
  margin-top: 30px;
  margin-bottom: 20px;
}