@charset "shift_jis";
/* CSS Document */
body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

h1#pagetitle{color:#C20A38; font-weight:normal; font-size:16px; letter-spacing:4px; border-bottom:1px solid #CCC;}

#main_img{width:725px; height:650px; background:#000 url("./topimg.jpg"); background-position:top; background-repeat:no-repeat; position:relative; margin-top:10px;}

#title_box{width:450px; position:absolute; left:10px; top:220px; padding:10px;}
p.debut, p#b_order a{line-height:1em;}
#title_box h1{color:#fde4b9; font-size:18px; font-weight:normal;}
#title_box h2{color:#fde4b9; font-family: 'EB Garamond', serif; font-size:80px; font-weight:400; line-height:0.9em;}
.s8{color:#fff; font-size:216px; line-height:0.9em; margin-left:20px;}

#main_img p.debut{display:block; width:400px; position:absolute; left:30px; top:510px; color:#bb000f; text-shadow:2px 2px 2px #cab186; font-size:84px; font-family:'EB Garamond', serif; font-weight:600; font-style:italic;}

#order{font-size:14px; width:680px; margin:10px auto 0 auto; overflow:hidden;}
h3#delivery{display:block; color:#eee; font-weight:lighter; font-size:32px; line-height:1.5em; position:relative; margin-right:30px; float:left;}
#delivery_date{font-size:44px; font-weight:bold;}

#order_nav{width:300px; position:relative; float:left;}
p#b_order a{display:block; width:300px; height:36px; color:#FFF; font-size:28px; text-align:center; background-color:#C20A38; border-bottom:6px solid #900705;  border-radius:4px; margin:4px 0 10px 0;  padding-top:6px;}
p#b_order a:hover{background-color:#e8a33e; border-bottom:2px solid #b5700b; color:#C20A38; text-decoration:none; margin-top:8px;}

#introduction{width:680px; margin:40px auto 0 auto; overflow:hidden;}
.copy{font-size:18px; line-height:1.4em; display:block; width:300px; margin:10px 20px 0 0; float:left;}
#introduction #imgs{width:350px; float:left;}
#introduction #imgs img{display:inline;}
img.thumbs{margin:12px;}

#spec .headbox{width:725px; height:70px; background:#000 url("./headBG.gif"); background-repeat:no-repeat; margin-top:40px;}
#spec h3{font-size:48px; color:#eee; font-family:'EB Garamond', serif; font-weight:500; text-align:center; line-height:1em;}
#spec p.h_jpn{font-size:14px; color:#ccc; text-align:center; line-height:1.5em;}

#color_list{width:700px; margin:0 auto;}
#color_list .color_cld{padding:10px 0; overflow:hidden;}

#color_list .color_cld:nth-child(2n+1) div{width:280px; margin:100px 40px 0 0; float:left; text-align:right;}
#color_list .color_cld:nth-child(2n+1) img{float:left;}
#color_list .color_cld:nth-child(2n+0) div{width:280px; margin:100px 0 0 40px; float:right; text-align:left;}
#color_list .color_cld:nth-child(2n+0) img{float:right;}

.color_cld h4{font-size:40px; margin-bottom:12px; font-family:'EB Garamond', serif; font-weight:500; line-height:1em;}
.color_cld h4#bronzeclear{color:#ddaa66;}
.color_cld h4#gunmetalpolish{color:#B4A2A4;}
.color_cld h4#blackpolish{color:#DDD;}
.color_cld h4 span.h_jpn{color:#CCC; font-family:san-serif; font-size:16px; font-weight:normal; line-height:24px;}
.color_cld p.price{color:#C20A38; font-size:20px; font-weight:bold;}

table.wheelsize{width:200px; margin-top:24px; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
table,wheelsize tr th{background-color:#333; border:1px solid #333; padding:12px; text-align:center;}
table.wheelsize tr td{background-color:#111; border:1px solid #333; padding:12px; text-align:center;}
table.wheelsize p{font-size:20px; line-height:28px;}
.price{font-size:20px;}