@charset "shift_jis";
/* CSS Document */

/* 骨格部分 */
*{margin:0; padding:0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrap {width: 1024px; margin-right: auto; margin-left: auto; font-size: 12px;line-height: 1.3em; font-weight: normal; text-decoration: none; color: #FFFFFF;}
#main{background-color:black;width:800px; margin:12px auto 0 auto;border:1px solid #111;}
#contents{width:780px; padding:0 10px 0 10px;}
#footer {text-align: center; padding-top: 10px; padding-bottom: 20px;}
.pgtop{font-size:10px; text-align:right; margin:0 20px 12px 0;}

/* メイン画像 */
#main_img{width:800px;height:300px;background:url(img/img.png) no-repeat 0 0; overflow:hidden;}
#main_img h1{text-indent:100%; white-space:nowrap;}
#main_img a{display:block; width:210px; height:50px; overflow:hidden; position:relative; left:570px; top:200px;}
#main_img a:hover img{margin-top:-50px;}

/* メーカー一覧 */
h2#maker_tie{font-size:13px; font-weight:bold; border-bottom:1px solid #900; margin-bottom:8px; margin-top:12px; text-align:center;}
#maker_list{width:450px; margin:0 auto 0 auto; text-align:center; line-height:20px;}
#maker_list ul,li{margin:0; padding:0; list-style:none;}
#maker_list li{float:left; margin-left:5px;}
li.maker_t a{background:url(img/toyota.gif) 0 0;display:inline-block; width:220px; height:50px; overflow:hidden; text-indent:100%; white-space:nowrap;}
li.maker_t a:hover{background-position:0 bottom;}
li.maker_h a{background:url(img/honda.gif) 0 0;display:inline-block; width:220px; height:50px; overflow:hidden; text-indent:100%; white-space:nowrap;}
li.maker_h a:hover{background-position:0 bottom;}

/* 商品リスト */
h2.pro_tie{border-left:20px solid #900; border-bottom:1px solid #900; font-weight:bold; font-size:18px; padding:2px 2px 2px 6px; margin:24px 0 18px 0;}
ul.products{width:700px; padding:2px; margin:0 auto 12px auto;list-style-type:none; padding:0;}
ul.products li{border:1px solid #111; display:inline-block; width:220px; vertical-align:top; min-height:210px; list-style-type:none; text-align:center; margin:0 0 12px 5px; padding-bottom:6px;}

ul.products li.p_new{border:1px solid #900; background-color:#200;}
.p_new h3:before {content:"NEW! "; color:#C10; font-size:12px; display:block;} 


/* 商品名・価格 */
.products h3{font-weight:bold; font-size:14px; border-bottom:1px solid #900; padding-bottom:2px; margin:4px 0 2px 0;}
p.pro_price{font-size:13px; font-weight:bold; color:#C88831; margin-bottom:2px;}

/* ClearFix */
.clearfix:after{content:"　"; display:block; clear:both; width:100%; height:0;}

/* Lightbox 背景色変更 */
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color:#600; }