@charset "utf-8";
/* CSS Document */

body {
	margin:0; padding:0;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-size: 14px; color:#000000; line-height:1.0em;
}


header a:link,
header a:visited{color:#0092CC; text-decoration:none;}
header a:hover{color:#E47911; text-decoration:underline;}

.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}

.clb {clear:both; visibility:hidden; height:0; margin:0; padding:0; border:none;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


.m-0a {margin:0 auto;}
.m-t5 {margin:5px 0 0;}
.m-t10 {margin:10px 0 0;}
.m-t15 {margin:15px 0 0;}
.m-t20 {margin:20px 0 0;}
.m-t25 {margin:25px 0 0;}
.m-t30 {margin:30px 0 0;}
.m-b5 {margin:0 0 5px;}
.m-b10 {margin:0 0 10px;}
.m-b15 {margin:0 0 15px;}
.m-b20 {margin:0 0 20px;}
.m-b25 {margin:0 0 25px;}
.m-b30 {margin:0 0 30px;}


.pt9 {font-size:9px;}
.pt10 {font-size:10px;}
.pt11 {font-size:11px;}
.pt12 {font-size:12px;}
.pt13 {font-size:13px;}
.pt14 {font-size:14px;}
.pt15 {font-size:15px;}
.pt16 {font-size:16px;}
.pt17 {font-size:17px;}
.pt18 {font-size:18px;}
.pt19 {font-size:19px;}
.pt20 {font-size:20px;}
.pt21 {font-size:21px;}
.pt22 {font-size:22px;}




/* header */
header {width:100%;padding:0}
header .title,
header .logo {float:left;}

nav {padding:0; float:right;}
nav .box-cart,
nav .box-price {float:left; font-weight:bold; color:#FF2727;}

/* パンクズ */
#pankuzu{width:100%; overflow: hidden; margin:20px 0 30px;}
#pankuzu img {margin:0 5px 0 0; vertical-align:middle;}
#pankuzu h1 {display:inline; font-size:12px; font-weight:lighter; color:#000000;-webkit-text-size-adjust: 100%;}

#pankuzu ul{display:table; padding:0; margin:0;}
#pankuzu li{
    display:table-cell;
	padding:8px 0;
    white-space:nowrap;
    font-size: 12px;
	vertical-align: top;
}
#pankuzu li img{vertical-align: middle; margin-right:5px;}
#pankuzu a{
  text-decoration: none;
  position: relative;

}
#pankuzu li:first-child a{padding-left: 5px;}
#pankuzu a::after{margin-top: -1.5em; padding-left: 1px;}
#pankuzu a::after{z-index: 2;}
#pankuzu li:last-child {padding-right: 10px;}





/* footer */
footer {padding:15px 0; border-top:#CCCCCC solid 1px; font-size:12px; color:#999999; text-align:center;}


@media screen and (min-width: 0px) and (max-width: 760px){
/* header */
header {height:40px !important; background:url(/images/genuine/bg-header_h40.gif);}
header .title {padding:0; margin:12px 20px 0; font-size:16px;line-height: 1.0em;}
header .logo {width:70px;}
header .logo img {width:70px; height:25px; margin:6px 0 0;}

nav {margin:0 20px 0 0;}

/* スマートフォンでカート表示変更（以下2行は元CSS）
nav .box-cart {display:none;}
nav .box-price {display:none;}
nav .box-menu { margin:2px 0 0;}*/

nav .box-cart {padding:0; margin:0 20px 0 0;}
nav .box-cart a {
	width:60px; height:38px; display:block; padding:12px 0 0; background:url(/images/genuine/icon-cart_w60.gif) 3px 0 no-repeat;
	font-size:17px; font-weight:bold; color:#FF2727; text-align:center; text-decoration:none;
	background-size:90% auto; line-height:1.0em;
	}
nav .box-price {margin:20px 0 0; font-size:16px;
    line-height: 1.0em;}
nav .box-menu { display:none;margin:2px 0 0;}
 /*変更ここまで */

nav .box-c-link  {display:none;}
/* パンクズ */
#pankuzu {background: #eee;}
#pankuzu ul {padding:0 20px;}

/* footer */
footer {padding:5px 0 10px;}
footer span {display:block; margin:5px 0 0; font-size:11px;}
}



@media screen and (max-width: 599px){
/* header */
header .title {padding:0; margin:12px 20px 0; font-size:14px;}
header .title span { display:none;}
}

@media screen and (min-width: 600px) and (max-width: 760px){
/* header */
header .title {padding:0; margin:12px 20px 0; font-size:16px;}
}

@media screen and (min-width: 761px){
/* header */
header {height:50px; background:url(/images/genuine/bg-header_h50.gif);}
header .title {padding:0; margin:20px 20px 0 40px; font-size:22px;}
header .logo {width:288px;}
header .logo img {width:230px; margin:8px 0 0;}

nav {margin:0 40px 0 0;}
nav .box-cart {padding:0; margin:0 20px 0 0;}
nav .box-cart a {
	width:60px; height:38px; display:block; padding:12px 0 0; background:url(/images/genuine/icon-cart_w60.gif);
	font-size:17px; font-weight:bold; color:#FF2727; text-align:center; text-decoration:none;
	}
nav .box-price {margin:20px 0 0; font-size:16px}
nav .box-menu {display:none;}

nav .box-c-link  {float:left; margin: 20px 0 0;font-size:13px;}

/* パンクズ */
#pankuzu ul {padding:0px 0 0px 40px;}

}

@media print {
/* header */
header {height:50px; background:url(/images/genuine/bg-header_h50.gif);}
header .title {padding:0; margin:20px 20px 0 40px; font-size:22px;}
header .logo {width:99px;}
header .logo img {width:99px; margin:8px 0 0;}

nav {margin:0 40px 0 0;}
nav .box-cart {padding:0; margin:0 20px 0 0;}
nav .box-cart a {
	width:60px; height:38px; display:block; padding:12px 0 0; background:url(/images/genuine/icon-cart_w60.gif);
	font-size:17px; font-weight:bold; color:#FF2727; text-align:center; text-decoration:none;
	}
nav .box-price {margin:20px 0 0; font-size:16px}
nav .box-menu {display:none;}
/* パンクズ */
#pankuzu {padding:20px 0 30px 40px;}


}


/* シリーズ・モデル選択部分 (Brain) */
@media screen and (min-width: 490px)) {
    div.yearbox {
        margin-left: 0;
        min-width: 500px;
    }
}
div.yearbox span { display:block; padding:3px 5px; background:#AAAAAA; color:#FFFFFF;}
.fl-r {
    float:right!important;
}  


.fl-l {
    float: left;
}