@charset "utf-8";

/* *******************************************************************************
　2カラム
******************************************************************************** */

/*---------- コンテンツ共通 ----------*/
#products-list h2, #products-detail h2 {
	font-size: 14px;
	color: #078400;
	height: 21px;
	margin: 0 0 15px 0;
	padding: 4px 0 0 12px;
	background: url(../img/tpl/th2_two_bk.gif) left top no-repeat;
}

#products-list h2.products2, #products-detail h2.products2 {
	font-size: 14px;
	color: #078400;
	height: 21px;
	margin: 0 0 15px 0;
	padding: 4px 0 0 12px;
	background: url(../img/tpl/th2_two_bk2.gif) left top no-repeat;
}

#bread { margin: 0 0 7px 0; }


/* ===============================================================
　◆商品一覧
=============================================================== */
#pict { margin: 0 0 15px 0; }
.list-item {
	width: 605x;
	line-height: 140%;
	float: left;
	padding: 7px 0;
	margin: 0;
	border-bottom: 1px dotted #999999;
}

.list-item2 {
	width: 667px;
	line-height: 140%;
	float: left;
	padding: 7px 0;
	margin: 0;
	border-bottom: 1px dotted #999999;
}

/*---------- 画像 ----------*/
.list-pic { width: 150px; float: left; }
.list-pic img { border: 1px solid #cccccc; margin: 0; }

/*---------- テキスト ----------*/
.list-misc { width: 435px; float: right; }
.list-misc p { margin: 5px 0 0 0; }
.list-misc .price { float: left; }

/* 詳細ボタン */
.list-misc .btn-detail { margin: 10px 0 0 0; float: right; text-indent: -9999px; }
.list-misc .btn-detail a {
	text-align: center;
	display: block;
	width: 140px;
	height: 29px;
	background: url(../img/tpl/products/btn_products.gif) 0 0 no-repeat;
}
.list-misc .btn-detail a:hover { color: #CB101A; background-position: -140px 0; }
#centercol .btn-detail a { text-decoration: none; }


/* 4列の場合用 */
.result-row{
}
.result-row .list-misc .price { float: none; }
.result-row .list-item {
	width: 145px;
	line-height: 140%;
	float: left;
	padding: 7px 10px;
	margin: 0;
	border-bottom: none;
}
/* 詳細ボタン */
.result-row .list-misc .btn-detail { margin: 10px 0 ; float: none; text-indent: -9999px; }

/*---------- テキスト ----------*/
.result-row .list-misc { width: 145px; }



/*---------- 検索結果 ----------*/
#search-result {
	clear: both;
	margin: 0 0 10px 0;
	padding: 7px 10px;
	background: #e6f3cf;
	border: 1px dotted #aaaaaa;
}
#search-result span {
	color: #497a2e;
	padding: 0 0 0 14px;
	background: url(../img/tpl/arrow_down.gif) 0 2px no-repeat;
}


/*---------- ページ送り ----------*/
.paging {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	height: 20px;
	background: #f2f2f2;
}
.paging li { margin: 0; padding: 0; list-style: none; }
.page-num, .page-navi { float: left; }
.page-sort { float: right; }
.page-num strong { color: #497a2e; }
#paging02 { margin: 10px 0 0 0; }



/* ===============================================================
　◆商品詳細
=============================================================== */
#products-detail h3 {
	font-size: 14px;
	padding: 3px 10px 2px 10px;
	margin: 0 0 10px 0;
	background: #f2f2f2;
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-bottom: 2px solid #009844;
}
#products-detail h4 {
	padding: 1px 10px;
	clear: both;
	margin: 0 -10px 10px -10px;
	border-left: 5px solid #009844;
	border-bottom: 1px solid #009844;
}


/* 商品詳細メイン
------------------------------------------------ */
#detail-main { margin: 15px 0 20px 0; padding: 0 10px; }
#detail-main .icon { margin: 10px 0; }

/*---------- 画像 ----------*/
#detail-pic { float: left; width: 262px; margin: 10px 0 0 0; }
#detail-pic .mainimg{border:solid 1px #ccc; margin: 0 0 10px 0; text-align:center;}
.i-enlarge { text-indent: -9999px; margin: 5px 0 0 0; }
.i-enlarge a {
	display: block;
	width: 100px;
	height: 15px;
	padding: 0 0 0 20px;
	background: url(../img/tpl/products/i_enlarge.gif) 0 0 no-repeat;
}
#centercol .i-enlarge a { text-decoration: none; }

/*---------- テキスト ----------*/
#detail-misc { width: 335px; margin: 10px 0 0 0; float: right; }
#detail-misc .icon { margin: 0 0 10px 0; }
#detail-misc p { margin: 0; }

#detail-code { margin: 0 0 20px 0; padding: 0; clear: both; list-style: none; }
#detail-code li { margin: 0; padding: 2px 7px 2px 110px; }
#detail-code .itemname { font-weight: bold; }
#detail-code .itemname em { font-size: 14px; }
#detail-code .blue { background: #C6E7F7; }
#detail-code span { margin: 0 0 0 -103px; float: left; font-weight: normal; }

/*---------- カート ----------*/
#detail-cart { margin: 0 0 10px 0; padding: 10px 15px; background: #C6F4DD; }
#detail-cart ul { margin: 0; padding: 0; clear: both; list-style: none; }
#detail-cart li { margin: 0; padding: 2px 7px 2px 80px; background: url(../img/tpl/arrow_red.gif) 0 5px no-repeat; }
#detail-cart span { margin: 0 0 0 -60px; float: left; }

/* カゴにいれるボタン */
p#btn-cart { text-indent: -9999px; margin: 7px 0 0 130px; padding: 0; }
#btn-cart a {
	display: block;
	width: 150px;
	height: 34px;
	text-decoration: none;
	background: url(../img/tpl/products/btn_products.gif) 0 -29px no-repeat;
}
#btn-cart a:hover { background-position: -150px -29px; }
#centercol #btn-cart a { text-decoration: none; }

/* この商品について問い合わせるボタン */
p#btn-inq { text-indent: -9999px; margin: 10px 0; padding: 0; }
#btn-inq a {
	display: block;
	width: 250px;
	height: 34px;
	text-decoration: none;
	background: url(../img/tpl/products/btn_products.gif) 0 -63px no-repeat;
}
#btn-inq a:hover { background-position: -250px -63px; }
#centercol #btn-inq a { text-decoration: none; }




/* 商品詳細サブ
------------------------------------------------ */
.detail-sub { margin: 0 0 20px 0; padding: 0 10px; }
.detail-sub .comment { margin: 0 0 0 10px; }
.sub-text {  }


/* 商品詳細サブ 新サイト用
------------------------------------------------ */
#detail-pic .detail-sub { margin: 0 ; padding: 0; }
#detail-pic .detail-sub .comment { margin: 0; }
#detail-pic .sub-pic { float: left; width: 53px; height:53px; margin:0 5px 5px 0; text-align:center; border:solid 1px #ccc;}
#detail-pic .sub-pic img { height: 53px;  }
#detail-pic .sub-text { float: left; width: 375px; }


/* お客様の声
----------------------------------------------- */
#voice { margin: 0 0 15px 0; padding: 0; }
#voice dl {
	padding: 0;
	margin: 0;
	padding: 10px;
	/*height: 500px;*/
	height:auto;
	overflow: auto;
}
#voice dt {
	color: #078400;
	text-indent: 14px;
	margin: 0 0 5px 0;
	background: url(../img/tpl/arrow_down.gif) 0 5px no-repeat;
}
#voice dd { margin: 0 0 8px 0; padding: 0 0 8px 0; border-bottom: 1px dotted #999999; }
#voice dt span { color: #333333; margin: 0 0 0 30px; }



/* トラックバック
----------------------------------------------- */
#trackback {
	clear: both;
	margin: 0 -10px 10px -10px;
	padding: 10px 15px 7px 15px;
	background: #f4f9ea;
	border: 1px dotted #a2bf68;
}
#trackback ul, #trackback p { margin: 0 10px; }
#trackback h3 { border-left: none; border-right: none; margin: 0 0 10px 0; }


/* おすすめ商品
----------------------------------------------- */
#recommend { margin: 0 0 15px 0; }
.rec-item p { margin: 0; }
.rec-item {
	width: 193px;
	line-height: 140%;
	float: left;
	padding: 0;
	margin: 0 10px 5px 0;
}
.rec-item.end { margin: 0; }
.rec-item em { font-weight: normal; }

/* 画像 */
.rec-pic { text-align: center; }
.rec-pic img { background: #FFFFFF; margin: 0 auto 5px auto; }

/* 取り扱い店舗検索リンク
----------------------------------------------- */
.btn_chainstore a{
      width:667px;
      height:64px;
      background:url("../img/products/btn-pc.jpg") no-repeat left top;
      overflow:hidden;
      display:block;
      text-indent:-9999px;
      margin:0 0 40px 0;
}

.btn_chainstore a:hover{
      background:url("../img/products/btn-pc.jpg") no-repeat left bottom;
}

/* ===============================================================
　◆車種別オーディオ取り付け適合情報
=============================================================== */
#page-products2-conformity {width: 950px;margin: 0 auto;}
#page-products2-conformity #breadcrumbs li {display: inline;}
#page-products2-conformity h2.page-title {height:auto;padding:0;}
#page-products2-conformity .list-item {width: 310px;margin: 0 5px 0 0;border:none;}
#page-products2-conformity .list-misc {width: 150px;}
#conformity-form-wrapper {margin: 0 0 20px;}
#conformity-form select {
  width: 200px;
  padding: 5px;
  font-size: 1.1em;
}
#conformity-form select.ie8-below {
  width: auto;
}
#conformity-list {}
#conformity-list #conditions {margin: 0 0 20px;}
#conformity-list #conditions ul {float: left;}
#conformity-list #conditions li {
  font-size: 1.2em;
  line-height: 1.8em;
}
#conformity-list #conditions li span {
  font-weight: bold;
}
#conformity-list #conditions .btn_area {
  float:right;
  padding: 1.5em 2em 0 0;
}
#conformity-list #conditions .btn_area li {
  display: inline-block;
}
#conformity-reset a,
#conformity-back a {
  width: 160px;
}
#centercol #conformity-reset a,
#centercol #conformity-back a,
#centercol #conformity-list div.btn-area a {
  display: inline-block;
  padding: 5px;
  border: 1px solid #CCCCCC;
  font-size: 1.2em;
  font-weight: bold;
  background: #999999;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
#centercol #conformity-reset a:hover,
#centercol #conformity-back a:hover,
#centercol #conformity-list div.btn-area a:hover {background: #009844;}
#conformity-list p.category-text {
  height: 5em;
  line-height: 5em;
  padding: 0 0 0 1em;
  font-size: 1.2em;
  font-weight: bold;
}
#conformity-list div.note {
  border: 1px dotted #666666;
  margin: 0 0 20px;
  padding: 10px;
  color: #FF0000;
}
.one-col #conformity-list div.note h3 {
  background: none;
  color: #FF0000;
  font-weight: bold;
  border: none;
  padding: 0;
}
#conformity-list div.btn-area {
  margin: 10px 0;
}
#conformity-list div.btn-area a {
  width: 300px;
}
#conformity-link-pdf {margin: 20px 0 0 0;}
#conformity-topics {margin: 20px 0 0 0;}
#conformity-topics li {padding: 10px;border-bottom: 1px solid #999999;}
#conformity-topics li:last-child {border:none;}