@charset "euc-jp";

/* ������ */

.carBox {
	width: 110px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
	line-height: 1.2em;
	vertical-align: top;
}

.carBox img { border: 1px #0000ff solid; }

.font10 { font-size: 10pt; }

.price { color: #ff0000; }

.pad5 { padding: 5px; }

.font8 { font-size: 8pt; }

a img { border: 0; }

/* stock�ʰ����� */
#stock_box{

float: left;
width: 850px;
padding: 20px 0px 0px 10px;
font-size: 12px;
font-family: "�ҥ饮�δݥ� Pro W4";
	}

#stock_box .naiyou p {
	font-size: 13px;
	line-height: 1.8em;
	text-align:left;
	padding: 5px 0px 10px 0px;
}
#stock_box .naiyou p img{
	margin-left: 20px;
}
#stock_box dl.stock  {
	width: 800px;
	padding: 0px 0px 10px 24px;
	margin: 0px 0px 0px 0px;
}

#stock_box dl.stock dt {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-align: left;
	font-size: 13px;
	letter-spacing: 1.5px;
	text-decoration: none;
	line-height: 1.8em;
	color: #000000;
	list-style-type: none;
	font-weight: bold;
}

#stock_box dl.stock dd {
	padding: 10px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 22px;
	color: #0488CE;
	line-height: 1.7em;
	list-style-type: none;
	display: block;
	font-weight: bold;

}
	

#stock_box_inner{
		background:#FFC;
	border:1px solid #CCC;
	margin:0 0 0 30px;
	}
#stock_box_inner h2{
	padding-left:30px;
	text-align:left;
	}

.stockHead{
	width:100%;
	}

.stockPaging{
	text-align:right;
	padding:5px;
	
	}


td.stockNumOrder{
	text-align:left;
	padding:5px;
	}

.stockList{
	margin:0 auto;
	border-collapse:separate;

	}
.stockList td{
	margin:0 auto;
	border:1px solid #CCC;
	}

.stockTable{
	border:none !important;
	font-size:11px;
	}

.stockTable td{
	border:none !important;
	}

.stockPriceTd {
	text-align: right;
}

.stockBox .stockTable td.stockIconTd {
	text-align: left;
	padding: 5px 3px 5px 7px;
}

.stockIconTd img { margin: 0px 1px 1px 0px; }

/* detail�ʾܺ١� */

table.stockDetailTable {
	width:800px;
	padding: 0px;
	margin: 0px auto;
	color:#000000;
	border-collapse:collapse;
}

.stockDetailTable div.stockContact {
	width: 270px;
	height: 40px;
	float: right;
	margin: 5px 0px;
}

.stockDetailTable div.stockContact a.goStockContact {
	width: 270px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}

.stockDetailTable div.stockContact a.goStockContact { background: url(../img/mail_off.gif) no-repeat top left; }

.stockDetailTable div.stockContact a.goStockContact:hover { background: url(../img/mail_on.gif) no-repeat top left; }

.stockDetailTable div.stockList {
	width: 180px;
	height: 40px;
	float: left;
	margin: 5px 0px;
}

.stockDetailTable div.stockList a.goStockList {
/*	width: 180px;*/
	height: 40px;
	display: block;
	text-indent: -9999px;
}

.btn_td{
	background:#FFF;
	}

.btn_td:hover{
	opacity:0.8;
	}

.stockDetailTable div.stockList a.goStockList { background: url(../img/back_off.gif) no-repeat top left; }

.stockDetailTable div.stockList a.goStockList:hover { background: url(../img/back_on.gif) no-repeat top left; }

.stockDetailTable td.namePriceBox {
	background: url(./img/dot.gif) repeat-x bottom left #cccccc;
	padding: 5px;
	margin: 0;
}

.stockDetailTable .namePriceBox div.carName {
	float: left;
	padding: 5px 10px;
	margin: 0px;
	color: #000000;
	text-align:left;
}

.stockDetailTable .namePriceBox div.priceBoard {
	width: 200px;
	_width: 212px;
	text-align: center;
	padding: 10px 6px 6px;
	font-weight: bold;
	background: url(./img/pricetitle.gif) no-repeat top left #ffffff;
	color: #000000;
	float: right;
}

.stockDetailTable .priceBoard span.stockPrice {
	font-size: 22pt;
	color: #ff0000;
	font-family: Arial;
}

/* �����ܥå��� */
.stockDetailTable td.carImgBox {
	width: 360px;
	text-align: center;
	padding: 10px 0px;
	margin: 0px;
	background:#efefef;
}


.stockDetailTable td.carImgBox table.subImgTable {
	border-collapse:collapse;
	margin: 0px auto;
}

/* ����� */
.stockDetailTable td.carSpecTitle {
	width: 220px;
	margin: 0px;
	padding: 5px;
	background: url(./img/dot.gif) repeat-x bottom left;
	text-align:left;
}

.stockDetailTable tr.dotBackTr { background: url(../img/dot.gif) repeat-x bottom left; }

.stockDetailTable td.carSpecLeft {
	width: 90px;
	margin: 0px;
	padding: 10px 5px 5px;
	text-align: right;
	background:#cccccc;
	border-bottom:1px solid #FFFFFF;
}

.stockDetailTable td.carSpecRight {
	width: 130px;
	margin: 0px;
	padding: 10px 5px 5px;
}

/* ���ץ���� */
.stockDetailTable td.optionIcon {
	padding: 5px;
	margin: 0px;
	border: 1px solid #cccccc;
	text-align:left;
}

.stockDetailTable .optionIcon div.optionBox {
	padding: 0;
	margin: 0;
	float: left;
}

.stockDetailTable .optionIcon div.optionBox img { margin: 0px 1px 1px 0px; }

/* QR������ */
.stockDetailTable .optionIcon div.stockQrBox {
	width: 82px;
	padding: 0;
	margin: 0;
	float: right;
}

/* ������ */
.stockDetailTable td.commentBox {
	width: 580px;
	padding: 10px;
	margin: 0px;
	border: 1px solid #cccccc;
	text-align:left;
}

/* �����ֹ沼3�� */
.stockDetailTable td.carNumBox {
	text-align: right;
	padding: 3px;
	margin: 0;
	font-size: 8pt;
}

/* �������鲼���ɲ� */
.stockContent {
	width: 640px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}

.fontBw12 {
	font-size: 12pt;
	font-weight: bold;
}

/* AIS������ */
.stockDetailTable td.tdAIS {
	padding: 3px;
	margin: 0px;
	border: 1px solid #cccccc;
	background-color: #ccffff;
}
.stockDetailTable table.tableAIS {
	margin: 0px auto;
	border-collapse: collapse;
	background-color: #ffffff;
}
.stockDetailTable .tableAIS td.AIS01 {
	width: 40px;
	margin: 0px auto;
	padding: 5px;
	text-align: center;
}
.stockDetailTable .tableAIS td.AIS02 {
	width: 80px;
	margin: 0px auto;
	padding: 5px;
	text-align: center;
	line-height: 1.3em;
}
.stockDetailTable .tableAIS td.AIS03 {
	width: 75px;
	margin: 0px auto;
	padding: 5px 0px;
	text-align: center;
}
.fontScore1 {
	font-weight: bold;
	font-size: 24pt;
	color: #ff0000;
}
.fontScore2 {
	font-weight: bold;
	font-size: 16pt;
	color: #ff0000;
}
.stockDetailTable .tableAIS td.AIS04 {
	width: 400px;
	margin: 0px auto;
	padding: 5px;
	text-align: center;
}
.stockDetailTable .tableAIS td.AIS05 {
	width: 80px;
	margin: 0px auto;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	line-height: 1.8em;
}


/* �̿��襳���� */
div#NOTE {
	padding: 5px 0;
	width: 640px;
	background-color: #fff;
	border-top: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	text-align: center;
	font-weight: bold;
	margin: 3px auto;
	color: #000000;
}

/* ��ʧ���ۡ�*/
.list_price_separate{
    line-height: 1.4 !important;
}
.price_additional_desc{
	line-height: 1.4 !important;
}
.stock-font{
	font-size: 14px;
}
.price-font{
	font-size: 16px;
}

/* ��ʧ�����ɵ���20231024��*/
.stockList-fx .list_price_separate{
	font-size: 12px !important;
    line-height: 1.4 !important;
}
.stockList-fx .list_price_separate span{
	text-align: right !important;
    display: inline-block;
}
.stockList-fx .price_additional_desc{
	font-size: 12px !important;
    text-align: right !important;
    color: #e93223;
}
.stockDetailTable .namePriceBox div.priceBoard-fx {
    width: 310px;
}
.PriceBox-detail-fx .list_price_separate {
    font-size: 10px !important;
    text-align: left;
   }
.PriceBox-detail-fx .price_additional_desc {
    font-size: 10px !important;
 }

/* 20240116 korenaga �ɵ� */
h3.stitleh3 {
    background-color: #70A2EF;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    text-align: left;
	margin-bottom:15px;
}
ul.stockLists li.stockListLi {
    background-color:#fff;
    border-radius:15px;
    box-shadow:0 3px 5px #ddd;
    margin-bottom:20px;
    overflow:hidden;
  }

  .namespace {
    width:100%;
    padding:15px;
    background-color:#f1f1f1;
    box-sizing:border-box;
  }
  .namespace p {
    line-height:1.4;
    text-align:left;
  }
  .namespace p.carname {
    font-weight:bold;
  }

  .imgbox {
    width:250px;
  }

  .namespace a,
  .imgbox a {
	transition:all 0.3s;
  }
  .namespace a:hover,
  .imgbox a:hover {
	opacity:0.7;
  }

  .infoblock p,
  .yearbox p {
    text-align:left;
  }

  .infoblock {
    display: flex;
	align-items: center;
    padding: 15px;
  }
  .infoblock .pricebox {
	margin-left: 15px;
  }
  .infoblock .pricebox .priceblock {
	display:flex;
  }
  .infoblock .pricebox .priceblock .halfs + .halfs {
	margin-left: 10px;
  }
  .infoblock .pricebox .priceblock .halfs .pttl {
	font-weight:bold;
	color:#444;
	font-size:120%;
  }
  .infoblock .pricebox .priceblock .halfs .pbox-noto {
	font-family: 'Lato', 'Noto Sans Japanese', '�ҥ饮�γѥ� ProN', 'Hiragino Kaku Gothic ProN', '�ᥤ�ꥪ', Meiryo, sans-serif;
	font-size:20px;
  }
  .infoblock .pricebox .priceblock .halfs .pbox .price-font {
	font-weight:900;
	font-size:150%;
  }
  .infoblock .pricebox .priceblock .halfs .pbox .pred {
	color:#ff0000;
  }
  .infoblock .pricebox .priceblock .halfs .pbox .snum,
  .priceline .snum {
	font-size:100%;
	font-weight:900;
  }
  .infoblock .pricebox .btnbox {
	margin-top: 10px;
    display:flex;
  }
  .infoblock .pricebox .btnbox a {
    padding:5px 20px;
    color:#fff;
    font-weight:bold;
    display:block;
    text-decoration:none;
    font-size:120%;
    border-radius:3px;
    transition:all 0.3s;
  }
  .infoblock .pricebox .btnbox a + a {
	margin-left: 10px;
  }  
  .infoblock .pricebox .btnbox .cardetail {
    background-color:#e74852;
  }
  .infoblock .pricebox .btnbox .cardetail:hover {
	opacity: 0.8;
  }
  .infoblock .pricebox .btnbox .carinquiry {
    background-color:#005dcb;
  }
  .infoblock .pricebox .btnbox .carinquiry:hover {
    opacity: 0.8;
  }

  .yearbox {
	margin-left: 15px;
	flex:1;
  }
  ul.optionlist {
    display:flex;
    flex-wrap:wrap;
    justify-content:start;
  }
  .yeartable + ul.optionlist {
	margin-top: 10px;
  }
  ul.optionlist li {
    width:35px;
    margin-right:2px;
  }
  ul.optionlist li:nth-child(5n) {
    margin-right:0;
  }
  ul.optionlist li img {
    width:100%;
  }
  table.yeartable {
    width:100%;
  }
  table.yeartable th,
  table.yeartable td {
    border:1px solid #ccc;
    color:#333;
    padding:5px;
    text-align:left;
  }
  table.yeartable th {
    background-color:#f1f1f1;
    width:40%;
  }
  table.yeartable td {
    width:60%;
  }

.imgbox .slider-main,
.imgbox .slider-main-item {
	pointer-events: none;
}
.imgbox .slider-nav .slick-track {
	margin-left: unset;
	margin-right: unset;
}
.imgbox .slider-nav {
	padding: 4px 0;
}
.imgbox .slider-nav-item {
	cursor: pointer;
}
.imgbox .slider-nav-item img {
	width: calc(100% - 2px);
}
.imgbox .slider-nav-item.slick-current {
	opacity: .5;
}