@charset "shift_jis";

@import url(setup.css);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,600,700|Play:400,700);

/* ---------------------------------------------------------------- *
    ‹¤’ÊÝ’è
 * ---------------------------------------------------------------- */

/* link */
a:link {color:#df002b;text-decoration:underline;}
a:visited {color:#df002b;text-decoration:underline;}
a:hover {color:#ff1d49;text-decoration:underline;}
a:active {color:#ff1d49;text-decoration:underline;}

/* img hover */
a {opacity:1;transition:all .2s ease-in-out;}
a:hover {opacity:0.6;transition:all .1s ease-in-out;}

body {font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;font-size:16px;background-color:#FFF;color:#333;line-height:160%;}

/* ”ZF */
.bgColor1 {background-color:#e4e9e9;}
.color1 {color:#e4e9e9;}

/* ’†ŠÔF */
.bgColor2 {background-color:#474747;}
#partsMenu ul li a {background-color:#204261;}

/* ”–F */
.bgColor3 {background-color:#eaeaea;}
#partsMenu .active {background-color:#36658e;}

/* text */
.small {font-size:10px;}
.red {color:#C00;}


/* ---------------------------------------------------------------- *
    ‰¡•‚ª980pxˆÈã‚Ìê‡‚É“K—p‚³‚ê‚éCSSiPCŒü‚¯j
 * ---------------------------------------------------------------- */
@media screen and (min-width:980px){

/* ---------------------------------------------------------------- *
    PC common
 * ---------------------------------------------------------------- */

header {width:100%;height:60px;background:url(../image/header_bg.gif);box-shadow:0px 0px 3px rgba(0,0,0,0.8);}
header .wrap {width:978px;margin:0 auto;}
header h1 a {display:block;text-indent:-9999px;width:150px;height:20px;background:url(../image/mugen.gif) no-repeat;margin-top:20px;float:left;}
header .cartop a { display:block;font-family:'Titillium Web',sans-serif;font-weight:300;color:#FFF;text-decoration:none;padding-left:25px;margin-top:17px;float:left;}
header .cartop a span {color:#C00;}
header .onlineShop a { display:block;font-family:'Titillium Web',sans-serif;font-weight:400;color:#FFF;text-decoration:none;padding-left:25px;background:url(../image/icon_cart.gif) no-repeat 0 5px;margin-top:17px;float:right;}
header .onlineShop a span {color:#C00;}

#pagetop {display:none;position:fixed;bottom:50px;right:30px;}
#pagetop li {list-style:none;font-family:'Roboto',sans-serif;font-weight:400;font-size:10px;line-height:140px;text-align:center;}
#pagetop a {z-index:1000;color:#FFF;display:block;width:58px;height:58px;text-decoration:none;background:url(../image/pagetop.png) no-repeat;opacity:1;}
#pagetop a:hover {opacity:0.9;}

footer {background:url(../image/footer_bg.gif) repeat-x #000;color:#FFF;}
footer .wrap {width:978px;height:170px;margin:0 auto;}
footer .wrap .copyright {font-family:'Roboto',sans-serif;font-size:11px;float:left;line-height:170px;}
footer .wrap .onlineShop {float:right; margin-top:60px;}
footer .wrap .onlineShop .text {display:block;font-size:10px; line-height:100%; margin-bottom:-5px;}
footer .wrap .onlineShop a {display:block;font-family:'Titillium Web',sans-serif;font-weight:400;color:#FFF;text-decoration:none;padding-left:25px;background:url(../image/icon_cart.gif) no-repeat 0 5px;margin-top:17px;}
footer .wrap .onlineShop a span {color:#C00;}

/* ---------------------------------------------------------------- *
    PC home
 * ---------------------------------------------------------------- */
 
#menu {width:100%;height:100px;background:url(../image/nav_bg.gif);box-shadow:0px 1px 5px rgba(0,0,0,0.5);z-index:1000;position:relative;}
#menu .wrap {width:978px;margin:0 auto;}
#menu .wrap h2 a {display:block;text-indent:-9999px;width:220px;height:25px;background:url(../image/logo1.png) no-repeat;float:left;margin-top:40px;}
#menu .wrap ul {float:right;}
#menu .wrap li {float:left;margin-left:100px;margin-top:35px;}
#menu .wrap li a {font-family:'Titillium Web',sans-serif;font-size:20px;font-weight:400;color:#FFF;text-decoration:none;text-shadow:0px 1px 2px rgba(0,0,0,0.8);}
#menu .wrap li ul {display:none;}
.fixed {position:fixed!important;top:0;}
.bodyfixed {padding-top:100px;}


#mainImg {overflow:hidden;height:700px;border-bottom:solid 1px rgba(255,255,255,0.2);background:url(../image/main.jpg) no-repeat left #FFF;}
#mainImg .wrap {width:978px;max-height:660px;margin:0 auto;position:relative;}
#mainImg .wrap h3 {text-indent:-9999px;width:325px;height:86px;background:url(../image/logo2.png) no-repeat;position:absolute;top:300px;right:0;}

#styling {background:url(../image/photo_bg.jpg) no-repeat center bottom;background-size:cover;min-height:100%;border-bottom:solid 1px #ccd0d3;border-top:solid 1px #ccd0d3;}
#styling .wrap {width:978px;margin:0 auto;overflow:hidden;padding:80px 0 80px 0;}
#styling h3 {font-family:'Titillium Web',sans-serif;font-size:50px;margin-bottom:60px;color:#123f66;}
#styling .photo1 {width:474px;height:316px;float:left;display:block;background-color:#FFF;box-shadow:0px 1px 5px rgba(0,0,0,0.7);}
#styling .photo2 {width:474px;height:316px;float:right;display:block;background-color:#FFF;box-shadow:0px 1px 5px rgba(0,0,0,0.7);}
#styling .photo1:hover, #photo .photo2:hover {background-color:#FFF;}

#parts {background:url(../image/parts_bg.jpg) no-repeat center #FFF;background-size:cover;min-height:100%;border-top:solid 1px #ccd0d3;}
#parts h3 {font-family:'Titillium Web',sans-serif;font-size:50px;margin-bottom:60px;color:#123f66;}
#parts .wrap {width:984px;margin:0 auto;overflow:hidden;padding:80px 0 40px 0;}
#parts .topPartsBtn {display:inline-block;width:222px;margin:0 9px 40px 9px;word-wrap:break-word;vertical-align:top; text-align:center;}
#parts .topPartsBtn img {margin-bottom:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);border:solid 1px rgba(0,0,0,0.3);}
#parts .topPartsBtn p {font-family:'Titillium Web',sans-serif;font-weight:600;font-size:18px;color:#104068;text-shadow:0px 1px 0px rgba(255,255,255,1);}
#parts .topPartsBtn a {text-decoration:none;color:#FFF;opacity:1;transition:all .2s ease-in-out;}
#parts .topPartsBtn a:hover {color:#CCC;opacity:0.6;transition:all .1s ease-in-out;}

/* ---------------------------------------------------------------- *
    PC parts
 * ---------------------------------------------------------------- */

.partsSpmenu {display:none;}

#menu2nd {width:100%;height:140px;background:url(../image/nav_bg2.gif);box-shadow:0px 1px 5px rgba(0,0,0,0.5);z-index:1000;position:relative;}
#menu2nd .wrap {width:978px;margin:0 auto;}
#menu2nd .wrap2 {width:200px;float:left;}
#menu2nd .wrap2 h2 a {display:block;text-indent:-9999px;width:196px;height:17px;background:url(../image/logo3.png) no-repeat;margin-top:40px;}
#menu2nd .wrap2 li {margin-top:20px;}
#menu2nd .wrap2 li a {font-size:13px; font-weight:bold;color:#FFF;text-decoration:none;text-shadow:0px 1px 2px rgba(0,0,0,0.8);}

#partsMenu {width:724px;float:right;}
#partsMenu ul {margin:18px auto;}
#partsMenu ul li .m1 {height:33px;padding-top:17px;}
#partsMenu ul li .m2 {height:42px;padding-top:8px;}
#partsMenu ul li a {display:block;float:left;width:180px;margin:1px 0 0 1px;font-family:'Titillium Web',sans-serif;font-size:12px;color:#FFF;text-decoration:none;line-height:140%;text-align:center;text-shadow:0px 1px 5px rgba(0,0,0,1);}
#partsMenu ul li a {background:url(../../parts/image/btn.gif) no-repeat 0 -50px;}
#partsMenu .active {background:url(../../parts/image/btn.gif) no-repeat;}

#partsMenu .sTxt {line-height:140%;font-size:14px;}

#titleImg {overflow:hidden;}
#titleImg .wrap {width:978px;max-height:400px;position:relative;margin:0 auto;}
#titleImg .wrap h3 {font-family:'Titillium Web',sans-serif;font-size:30px;color:#104068;position:absolute;top:190px;left:0;}

.titleImg1 {background-color:#FFF;}
.titleImg1 img {float:right;max-width:77%;}

.titleImg3 {background-color:#000;}
.titleImg3 img {float:right;max-width:77%;}
.titleImg3 h3 {color:#FFF!important;}

.titleImg4 {background-color:#FFF;}
.titleImg4 img {float:left;max-width:77%;}
.titleImg4 h3 {left:700px!important;}

.titleImg5 {background-color:#FFF;}
.titleImg5 img {float:right;max-width:77%;}

.titleImg6 {background-color:#FFF;}
.titleImg6 img {float:right;max-width:77%;}
.titleImg6 h3 {line-height:120%;}

.titleImg7 {background-color:#000;}
.titleImg7 img {float:right;max-width:77%;}
.titleImg7 h3 {color:#FFF!important;}

.titleImg8 {background-color:#000;}
.titleImg8 img {float:right;max-width:77%;}
.titleImg8 h3 {color:#FFF!important;}

#partsArea {border-bottom:solid 1px rgba(255,255,255,0.1);}
#partsArea .title {height:64px;background:url(../../parts/image/titleBg.gif);box-shadow:0px 1px 0px rgba(255,255,255,1);}
#partsArea .title h4 {width:978px;margin:0 auto;font-family:'Titillium Web',sans-serif;font-size:26px;line-height:64px;color:#FFF;text-shadow:0px 1px 2px rgba(0,0,0,0.8);}
#partsArea .title .s1 {background:url(../../parts/image/s1.gif) no-repeat 0 20px;text-indent:45px;}

#partsArea .wrap {width:978px;margin:0 auto;overflow:hidden;padding:40px 0;}
#partsArea .wrap figure {width:420px;float:left;}
#partsArea .wrap figure-mat {width:580px;float:left;}
#partsArea .wrap .txtBox {width:520px;float:right;}
#partsArea .wrap .txtBox-single {}
#partsArea .wrap .txtBox-single h5 {font-size:20px;margin-bottom:15px;line-height:160%;color:#36658e;}
#partsArea .wrap .txtBox-single h6 {font-size:17px;margin-bottom:15px;margin-bottom:20px;color:#36658e;}
#partsArea .wrap .txtBox h5 {font-size:20px;margin-bottom:15px;line-height:160%;color:#36658e;}
#partsArea .wrap .txtBox h6 {font-size:17px;margin-bottom:15px;margin-bottom:20px;color:#36658e;}
#partsArea .wrap .txtBoxtd1 {white-space:nowrap;}
#partsArea .wrap .txtBoxtd2 {line-height:140%;}
#partsArea .wrap .setPrice {margin-bottom:25px;}
#partsArea .wrap .setPrice span {font-size:12px;font-weight:bold;padding:5px 10px;background-color:#cc0000;color:#FFF;}
#partsArea .wrap .wheelsetBox1 {width:400px;float:left; margin-right:30px;}
#partsArea .wrap .wheelsetBox2 {width:400px;float:left;}
#partsArea .wrap .type {margin-bottom:25px;}
#partsArea .wrap .type br {display:none;}
#partsArea .wrap .type span {font-size:12px;padding:5px 10px;color:#FFF;background-color:#555;border:solid 1px #7d7d7d;margin-right:3px;}
#partsArea .wrap .typeNote {font-size:10px;margin:-20px 0 25px 0;}
#partsArea .wrap .text {margin-bottom:30px;line-height:180%;font-size:15px;}
#partsArea .wrap .date {font-size:12px;color:#ff0000;margin-bottom:10px;}
#partsArea .wrap .price {font-size:28px;margin-right:20px;float:left;margin-bottom:15px;line-height:110%;}
#partsArea .wrap .price span {font-size:16px;margin-left:5px;}
#partsArea .wrap .hour {font-size:12px;border: solid 1px #888;padding:0 8px;margin-right:15px;float:left;}
#partsArea .wrap .tax {font-size:12px;}
#partsArea .wrap .number {clear:both;font-size:12px;}
#partsArea .wrap .comingSoon {font-size:12px;width:180px;text-align:center;margin-bottom:30px;border:solid 1px #888;padding:0 8px;margin-right:15px;}
#partsArea .wrap .note {font-size:12px;margin-top:10px;}
#partsArea .wrap .colors {font-size:14px;margin-bottom:10px;}
#partsArea .wrap .colorsbig {font-size:16px;margin-bottom:5px;}
#partsArea .wrap .subTitle {font-family:'Titillium Web',sans-serif;font-size:24px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);margin-bottom:20px;}

#partsArea .colorVariation {width:978px;margin:0 auto;overflow:hidden;padding:60px 0 40px 0;}
#partsArea .colorVariation .box figure {margin-bottom:25px;}
#partsArea .colorVariation .box .photo1 {width:474px;height:316px;float:left;display:block;position:relative;background-color:#FFF;box-shadow:0px 1px 5px rgba(0,0,0,0.7);}
#partsArea .colorVariation .box .photo2 {width:474px;height:316px;float:right;display:block;position:relative;background-color:#FFF;box-shadow:0px 1px 5px rgba(0,0,0,0.7);}
#partsArea .colorVariation .box figure .icon {bottom:10px;right:10px;position:absolute;}
#partsArea .colorVariation .box figure p {top:8px;right:8px;position:absolute;font-size:10px;color:#000;line-height:100%;text-shadow:0px 1px 1px rgba(255,255,255,0.7);}
#partsArea .colorVariation .box .photo1:hover, #partsArea .colorVariation .box .photo2:hover {background-color:#FFF;}
#partsArea .colorVariation .box .txt {clear:both;text-align:center;margin-bottom:80px;}
#partsArea .colorVariation .box .txt h5 {font-size:20px;margin-bottom:15px;}
#partsArea .colorVariation .box .txt p {font-family:'Titillium Web',sans-serif;font-size:13px;}
#partsArea .colorVariation .box .txt p span {color:#C00;margin-left:15px;}

#partsArea .matimgBox {width:420px;text-align:center;}
#partsArea .matimgBox p {font-size:10px;}
#partsArea .matimgBox2 p {width:280px; font-size:12px; margin-bottom:30px;}
#partsArea .matimgBox3 {width:200px;margin-bottom:30px;}
#partsArea .matimgBox3 p {font-size:10px;margin-top:5px;line-height:160%;}
#partsArea .matBox {clear:both;margin-top:30px;}
#partsArea .matBox div {width:210px;display:inline-block;vertical-align:top;margin:0 15px 30px 15px;}
#partsArea .matBox div p {font-size:10px;line-height:160%;}

/* wheel-list */
#partsArea .wheelList a {display:block;font-size:14px;text-decoration:none;color:#FFF;width:400px;height:70px;line-height:70px;text-align:center;background:url(../image/arrow1.png) 96% center no-repeat #474747;margin-top:30px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);border:solid 1px rgba(255,255,255,0.1);}
#wheel-list h5 {font-size:22px;margin-bottom:15px;border-left:solid #C00 3px; padding-left:15px;}
#wheel-list h3 {font-size:16px;margin-bottom:15px;border-left:solid #C00 3px; padding-left:15px;}
#wheel-list table {width:100%;margin-bottom:5px;}
#wheel-list table td {padding:4px;border:#666 solid 1px;font-size:12px;font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;}
.td1,.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9 {background-color:#36658e;text-align:center;color:#FFF;}
#wheel-list table .middle {vertical-align:middle;text-align:center;}

.wheelListBox {margin:30px 0; overflow:hidden;}
.wheelListBox h4 {font-size:16px;background:url(../../parts/image/s1.gif) no-repeat;text-indent:40px;line-height:27px;margin-bottom:20px;}
.wheelListBox .box1 {width:660px;float:left;}
.wheelListBox .box1 img {width:100%;}
.wheelListBox .box2 {width:30px;float:left;font-size:60px;margin:0 30px;padding-top:30px;}
.wheelListBox .box3 {width:120px;float:left;font-size:13px;line-height:140%;margin-right:20px;padding-top:30px;}
.wheelListBox .box4 {width:80px;float:right;text-align:center;}
.wheelListBox .box4 img {width:80px;}
.wheelListBox .box4 p {font-size:10px;margin-top:-5px;}

.endTextBox {margin-top:60px;text-align:center;font-size:12px;}
.endTextBox .type {font-size:12px;padding:5px 10px;background-color:#555;color:#FFF;border:solid 1px #7d7d7d;margin-right:12px;}
.endTextBox p {margin-top:20px;}

.nextprev {overflow:hidden;padding:60px 0;}
.nextprev .nextprevBtn {width:640px;margin:0 auto;}
.nextprev .nextprevBtn li a {text-align:center; display:inline-block;line-height:70px; color:#FFF;font-family:'Titillium Web',sans-serif;font-size:30px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);text-decoration:none;width:300px;height:70px;float:left;margin:0 10px;overflow:hidden;background-color:#36658e;background-repeat:no-repeat;}
.nextprev .nextprevBtn .next a {background-image:url(../image/arrow1.png);background-position:262px center;}
.nextprev .nextprevBtn .prev a {background-image:url(../image/arrow2.png);background-position:15px center;}
.nextprev .nextprevBtn .single {margin-left:160px;}

.pdfBox .wrap {border:solid 1px #d8d8d8;background-color:#eaeaea;background-image:url(../image/arrow3.png); background-repeat:no-repeat;background-position:870px center;overflow:hidden;margin-bottom:60px;}
.pdfBox a {display:block;width:978px;margin:0 auto;color:#333;text-decoration:none;}
.pdfBox:hover {opacity:0.8;transition:all .2s ease-in-out;}
.pdfBox img {display:block;float:left;margin:30px;}
.pdfBox p {font-size:16px;font-weight:bold;line-height:200%;margin-top:60px;}
.pdfBox p span {font-size:12px;font-weight:normal;}
}

/* ---------------------------------------------------------------- *
    ‰æ–Ê‚Ì‰¡•‚ª980pxˆÈ‰º‚Ìê‡‚É“K—p‚³‚ê‚éCSSiƒ^ƒuƒŒƒbƒg&ƒXƒ}ƒzj
 * ---------------------------------------------------------------- */

@media screen and (max-width:980px){

/* ---------------------------------------------------------------- *
    SP common
 * ---------------------------------------------------------------- */

header {width:100%;background:url(../image/header_bg.gif) repeat-x #000 bottom;overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.8);}
header .wrap {width:90%;margin:0 auto;}
header h1 a {display:block;text-indent:-9999px;width:120px;height:16px;background:url(../image/mugen.gif) no-repeat;background-size:120px 16px;margin:20px 0;float:left;}
header .cartop a { display:block;font-family:'Titillium Web',sans-serif;font-weight:300;color:#FFF;text-decoration:none;padding-left:25px;margin-top:17px;float:left; font-size:12px;}
header .cartop a span {color:#C00;}
header .onlineShop a { display:block;font-family:'Titillium Web',sans-serif;font-weight:400;color:#FFF;text-decoration:none;padding-left:25px;background:url(../image/icon_cart.gif) no-repeat 0 5px;margin-top:17px;float:right; font-size:12px;}
header .onlineShop a span {color:#C00;}

#pagetop {background-color:#222;padding:20px 0 40px 45%;border-top:solid 1px rgba(255,255,255,0.1);}
#pagetop li {list-style:none;font-family:'Roboto',sans-serif;font-weight:400;font-size:10px;line-height:140px;text-align:center;}
#pagetop a {color:#000;display:block;color:#FFF;width:58px;height:58px;text-decoration:none;background-image: url("../image/pagetop.png");background-repeat:no-repeat;
;opacity:1;transition:all .2s ease-in-out;}
#pagetop a:hover {opacity:0.8;transition:all .2s ease-in-out;}

footer {background:url(../image/footer_bg.gif) repeat-x #000; overflow:hidden;color:#FFF;}
footer .wrap {width:90%;margin:0 auto;padding-bottom:30px;}
footer .wrap .copyright {font-family:'Roboto',sans-serif;font-size:11px;margin-top:30px;}
footer .wrap .onlineShop {margin-top:30px;}
footer .wrap .onlineShop .text {display:block;font-size:10px;line-height:100%;margin-bottom:-8px;}
footer .wrap .onlineShop a {display:block;font-family:'Titillium Web',sans-serif;font-weight:400;color:#FFF;text-decoration:none;padding-left:25px;background:url(../image/icon_cart.gif) no-repeat 0 5px;margin-top:17px;}
footer .wrap .onlineShop a span {color:#C00;}

/* ---------------------------------------------------------------- *
    SP home
 * ---------------------------------------------------------------- */

#menu {background-color:#1a1a1a;}
#menu .wrap h2 {height:100px;background:url(../image/nav_bg.gif);box-shadow:0px 0px 7px rgba(0,0,0,0.6);z-index:1000;overflow:hidden;}
#menu .wrap h2 a {display:block;text-indent:-9999px;width:220px;height:20px;background:url(../image/logo1.png) no-repeat;margin:40px auto 0 auto;}
#menu ul {display:-webkit-box;display:-moz-box; margin:0 5px;}
#menu li {-webkit-box-flex:1;-moz-box-flex:1;text-align:center;list-style:none;font-family:'Titillium Web',sans-serif;font-weight:400;font-size:20px;background-color:#333;border-top:#000 solid 1px;background-color:#474747;margin:10px 5px 10px 5px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);border-radius:3px;border:solid 1px rgba(255,255,255,0.1);box-shadow:0px 0px 5px rgba(0,0,0,1);}
#menu li a {display:block;text-decoration:none;color:#FFF;padding:35px 0;}

#mainImg {overflow:hidden;height:150px;background:url(../image/main.jpg) no-repeat #FFF left;background-size:cover;}
#mainImg .wrap h3 {display:none;}
#mainImg img {}

#styling {width:100%;background-color:#f4f7f8;border-bottom:solid 1px #ccd0d3;border-top:solid 1px #ccd0d3;}
#styling .wrap {width:90%;margin:0 auto;overflow:hidden;padding:30px 0;}
#styling h3 {font-family:'Titillium Web',sans-serif;font-size:35px;margin-bottom:30px;color:#104068;}
#styling .photo1 img:first-child,#styling .photo2 img:first-child {width:100%;display:block;}
#styling .photo1 {max-width:474px;position:relative;box-shadow:0px 1px 5px rgba(0,0,0,0.7);margin:0 0 15px 0;}
#styling .photo2 {max-width:474px;position:relative;box-shadow:0px 1px 5px rgba(0,0,0,0.7);}
#styling figure .icon {bottom:10px;right:10px;position:absolute;}

#parts {width:100%;background-color:#e3e8eb;}
#parts .wrap {width:90%;margin:0 auto;overflow:hidden;padding:30px 0 0 0;}
#parts h3 {font-family:'Titillium Web',sans-serif;font-size:35px;margin-bottom:30px;color:#104068;}
#parts .topPartsBtn {display:inline-block;width:140px;margin:0 5px 40px 5px;word-wrap:break-word;vertical-align:top;text-align:center;}
#parts .topPartsBtn img {width:140px;margin-bottom:3px;box-shadow:1px 1px 5px rgba(0,0,0,0.6);border:solid 1px rgba(0,0,0,0.3);}
#parts .topPartsBtn p {font-family:'Titillium Web',sans-serif;font-weight:600;font-size:14px;color:#104068;text-shadow:0px 1px 0px rgba(255,255,255,1);}
#parts .topPartsBtn a {text-decoration:none;color:#FFF;opacity:1;transition:all .2s ease-in-out;}
#parts .topPartsBtn a:hover {color:#CCC;opacity:0.6;transition:all .1s ease-in-out;}


/* ---------------------------------------------------------------- *
    SP parts
 * ---------------------------------------------------------------- */

#menu2nd {}
#menu2nd .wrap {}
#menu2nd .wrap2 {width:100%;height:100px;background:url(../image/nav_bg2.gif);box-shadow:0px 2px 5px rgba(0,0,0,1);z-index:1000;position:relative; overflow:hidden;}
#menu2nd .wrap2 h2 a {display:block;text-indent:-9999px;width:245px;height:21px;background:url(../image/logo1.png) no-repeat;margin:28px auto 0px auto;}
#menu2nd .wrap2 li {margin-top:10px;text-align:center;}
#menu2nd .wrap2 li a {font-size:13px; font-weight:bold;color:#FFF;text-decoration:none;text-shadow:0px 1px 2px rgba(0,0,0,0.8);}

.partsSpmenu {height:64px;text-align:center;background:url(../../parts/image/titleBg.gif);box-shadow:0px 3px 5px rgba(0,0,0,1);border-bottom:solid 1px #1f0105;}
.partsSpmenu p {font-family:'Titillium Web',sans-serif;line-height:64px;font-size:24px;color:#FFF;background-image:url("../image/spMenu.png");background-size:30px 30px;background-repeat:no-repeat;background-position:15px 50%;text-shadow:0px 1px 2px rgba(0,0,0,0.8);}

#partsMenu {clear:both;overflow:hidden; background-color:#000;}
#partsMenu ul {z-index:100;width:100%;margin:0 auto; display:none;}
#partsMenu ul li a {display:block;height:60px;margin:0 0 1px 0px;font-family:'Titillium Web',sans-serif;font-size:18px;color:#FFF;text-decoration:none;line-height:60px;text-align:center;text-shadow:0px 1px 5px rgba(0,0,0,1);}
#partsMenu .sTxt {line-height:140%;font-size:15px;}
#partsMenu br {display:none;}

#titleImg .wrap h3 {font-family:'Titillium Web',sans-serif;font-size:30px;color:#FFF;text-shadow:0px 1px 2px rgba(0,0,0,0.8);text-align:center;background-color:#204261; height:80px; line-height:80px;}
#titleImg img {max-width:100%; display:block;}
.titleImg6 h3 {line-height:120%!important;font-size:24px!important;padding-top:20px!important;}

#partsArea {border-bottom:solid 1px rgba(255,255,255,0.1);}
#partsArea .title {height:64px;background:url(../../parts/image/titleBg.gif);box-shadow:0px 0px 5px rgba(0,0,0,0.4);}
#partsArea .title h4 {width:90%;margin:0 auto;font-family:'Titillium Web',sans-serif;font-size:20px;line-height:64px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);color:#FFF;}
#partsArea .title .s1 {background:url(../../parts/image/s1.gif) no-repeat 0 20px;text-indent:40px;}
#partsArea .title .s2 {background:url(../../parts/image/s2.gif) no-repeat 0 20px;text-indent:40px;}
#partsArea .title .s1-2 {background:url(../../parts/image/s12.gif) no-repeat 0 20px;text-indent:75px;}
#partsArea .subtitle_s1 {font-size:14px;background:url(../../parts/image/s1.gif) no-repeat;text-indent:40px;line-height:27px;margin-bottom:20px;}
#partsArea .subtitle_s2 {font-size:14px;background:url(../../parts/image/s2.gif) no-repeat;text-indent:40px;line-height:27px;margin-bottom:20px;}
#partsArea .subtitle_s1-2 {font-size:14px;background:url(../../parts/image/s12.gif) no-repeat;text-indent:75px;line-height:27px;margin-bottom:20px;}

#partsArea .wrap {width:90%;margin:0 auto;overflow:hidden;padding:0 0 20px 0;}
#partsArea .wrap figure img {width:100%;max-width:420px;}
#partsArea .wrap figure {margin:20px auto 10px auto;}
#partsArea .wrap .txtBox-single {margin-top:20px;}
#partsArea .wrap .txtBox-single h5 {font-size:20px;margin-bottom:15px;line-height:160%;color:#36658e;}
#partsArea .wrap .txtBox-single h6 {font-size:16px;margin-bottom:15px;margin-bottom:20px;color:#36658e;}
#partsArea .wrap .txtBox h5 {font-size:20px;margin-bottom:15px;line-height:160%;color:#36658e;}
#partsArea .wrap .txtBox h6 {font-size:16px;margin-bottom:15px;margin-bottom:20px;color:#36658e;}
#partsArea .wrap .txtBoxtd1 {white-space:nowrap;}
#partsArea .wrap .txtBoxtd2 {line-height:140%;}
#partsArea .wrap .txtBoxtd2 br {display:none;}
#partsArea .wrap .setPrice {margin-bottom:25px;color:#FFF;}
#partsArea .wrap .setPrice span {font-size:12px;font-weight:bold;padding:5px 10px;background-color:#cc0000;}
#partsArea .wrap .wheelsetBox1 {margin-bottom:30px;}
#partsArea .wrap .wheelsetBox2 {}
#partsArea .wrap .type {margin-bottom:25px;color:#FFF;}
#partsArea .wrap .type span { display:inline-block;font-size:10px;padding:3px 5px;background-color:#555;border:solid 1px #7d7d7d;margin-right:3px;}
#partsArea .wrap .typeNote {font-size:10px;margin:-20px 0 25px 0;}
#partsArea .wrap .text {margin-bottom:20px;font-size:14px;}
#partsArea .single {margin-top:20px;}
#partsArea .wrap .date {font-size:12px;color:#ff0000;margin-bottom:10px;}
#partsArea .wrap .price {font-size:24px;margin-right:20px;margin-bottom:15px;}
#partsArea .wrap .price span {font-size:16px;margin-left:5px;}
#partsArea .wrap .hour {font-size:12px;width:40px;text-align:center;border:solid 1px #888;padding:0 8px;margin-bottom:5px;}
#partsArea .wrap .tax {font-size:12px;}
#partsArea .wrap .number {clear:both;font-size:12px;}
#partsArea .wrap .comingSoon {font-size:12px; width:180px; text-align:center; margin-bottom:30px;border: solid 1px #888;padding:0 8px;margin-right:15px;}
#partsArea .wrap .note {font-size:12px;margin-top:10px;}
#partsArea .wrap .colors {font-size:14px;margin-bottom:10px;}
#partsArea .wrap .colorsbig {font-size:16px;margin-bottom:5px;}
#partsArea .wrap .subTitle {font-family:'Titillium Web',sans-serif;font-size:20px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);margin-bottom:20px;}

#partsArea .colorVariation {width:90%;margin:0 auto;overflow:hidden;padding:30px 0 30px 0;}
#partsArea .colorVariation .box figure {margin:0 auto 1px auto;}
#partsArea .colorVariation .box .photo1 {max-width:300px;display:block;}
#partsArea .colorVariation .box .photo2 {max-width:300px;display:block;}
#partsArea .colorVariation .box figure p {top:8px;right:8px;position:absolute;font-size:10px;color:#000;line-height:100%;text-shadow:0px 1px 1px rgba(255,255,255,0.7);}
#partsArea .colorVariation .box .txt {clear:both;text-align:center;margin-bottom:80px;}
#partsArea .colorVariation .box .txt h5 {font-size:18px;margin:15px 0 5px 0;}
#partsArea .colorVariation .box .txt p {font-family:'Titillium Web',sans-serif;font-size:12px;}
#partsArea .colorVariation .box .txt p span {color:#C00;margin-left:15px;}

#partsArea .matimgBox {text-align:center;}
#partsArea .matimgBox p {font-size:12px;}
#partsArea .matimgBox2 { float:left; margin-right:30px;}
#partsArea .matimgBox2 p {font-size:12px;margin-bottom:30px;}
#partsArea .matimgBox3 {clear:both;width:280px;margin-bottom:30px;}
#partsArea .matimgBox3 p {font-size:12px;margin-top:5px;line-height:160%;}
#partsArea .matBox {clear:both;margin-top:30px;}
#partsArea .matBox div {width:210px;display:inline-block;vertical-align:top;margin:0 15px 30px 15px;}
#partsArea .matBox div p {font-size:12px;line-height:160%;}

/* wheel-list */
#partsArea .wheelList a {display:block;font-size:13px;text-decoration:none;color:#FFF;width:300px;height:70px;line-height:70px;text-align:center;background:#474747;margin:30px 0 15px 0;text-shadow:0px 1px 2px rgba(0,0,0,0.8);border:solid 1px rgba(255,255,255,0.1);}
#wheel-list h5 {font-size:20px;margin-bottom:15px;border-left:solid #C00 3px;padding-left:15px;}
#wheel-list h3 {font-size:16px;margin-bottom:15px;border-left:solid #C00 3px;padding-left:15px;}
#wheel-list table {margin-bottom:5px;}
#wheel-list table td {padding:1px;border:#666 solid 1px;font-size:12px;font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;word-break:break-all;}
.td1,.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9 {background-color:#36658e;text-align:center;color:#FFF;}
#wheel-list table .middle {vertical-align:middle;text-align:center;}

.wheelListBox {margin:30px 0; overflow:hidden;}
.wheelListBox h4 {font-size:14px;background:url(../../parts/image/s1.gif) no-repeat;text-indent:40px;line-height:30px;margin-bottom:20px;}
.wheelListBox .box1 {width:100%;margin-bottom:10px;}
.wheelListBox .box1 img {width:100%;}
.wheelListBox .box2 {width:30px;float:left;font-size:60px;margin:0 20px;padding-top:30px;}
.wheelListBox .box3 {width:120px;float:left;font-size:13px;line-height:140%;margin-right:20px;padding-top:30px;}
.wheelListBox .box4 {width:80px;float:left;text-align:center;}
.wheelListBox .box4 img {width:80px; padding-top:10px;}
.wheelListBox .box4 p {font-size:10px;margin-top:-5px;}

.endTextBox {width:95%;margin-top:30px;text-align:center;font-size:10px;}
.endTextBox .type {font-size:12px;color:#FFF;padding:5px 10px;background-color:#555;border:solid 1px #7d7d7d;margin-right:12px;}
.endTextBox p {margin-top:20px;}

.nextprev {overflow:hidden;}
.nextprev .nextprevBtn {width:300px;margin:30px auto;}
.nextprev .nextprevBtn li a {text-align:center;display:block;line-height:70px;color:#FFF;font-family:'Titillium Web',sans-serif;font-size:30px;text-shadow:0px 1px 2px rgba(0,0,0,0.8);text-decoration:none;width:300px;height:70px;overflow:hidden;background-color:#36658e;background-repeat:no-repeat;margin-bottom:10px;}
.nextprev .nextprevBtn .next a {background-image:url(../image/arrow1.png);background-position:95% center;}
.nextprev .nextprevBtn .prev a {background-image:url(../image/arrow2.png);background-position:15px center;}

.pdfBox .wrap {border:solid 1px #d8d8d8;overflow:hidden;margin-bottom:30px;text-align:center; background-color:#eaeaea;}
.pdfBox a {display:block;width:90%;margin:0 auto;color:#333;text-decoration:none;}
.pdfBox:hover {opacity:0.8;transition:all .2s ease-in-out;}
.pdfBox img {display:block;margin:30px auto 20px auto;}
.pdfBox p {font-size:14px;font-weight:bold;line-height:160%;margin:15px 15px 30px 15px;}
.pdfBox p span {font-size:10px;font-weight:normal;}
}