@CHARSET "utf-8";

/* =============================================
	COMMON
============================================= */

#main-bnr{
    width: 960px;
}

/*  sub-bnr  */
#sub-bnr{
	border-top: 1px solid #00A3DD;
	background: #026db9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNmRiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzFkNzliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzBiNWE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #026db9 0%, #1d79ba 35%, #0b5a91 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* IE10+ */
	background: linear-gradient(to bottom,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 ); /* IE6-8 */
}
#sub-bnr li{
	background: #ffffff;
	float: left;
	/* box-shadow */
	box-shadow:rgb(11, 89, 145) 1px 1px 0 1px;
	-webkit-box-shadow:rgb(11, 89, 145) 1px 1px 0 1px;
	-moz-box-shadow:rgb(11, 89, 145) 1px 1px 0 1px;
}

/*  model-wrap */
#model-list li{ float: left; position: relative;}
#model-list li a{
	display: block;
	border: 1px solid #3c3c3c; outline: 1px solid #000000;
	background: #323232; /* Old browsers */
	background: -moz-linear-gradient(top,  #323232 0%, #232323 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #323232 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #323232 0%,#232323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #323232 0%,#232323 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #323232 0%,#232323 100%); /* W3C */
	font-style: oblique;
	padding: 10px;
}
#model-list li a.hover{ border: 1px solid #00A3DD; outline: 1px solid #000000; color: #00a3dd;}
#model-list li a.selected{ border: 1px solid #00A3DD; outline: 1px solid #000000; color: #ffffff;
	background: #026DB9; /* Old browsers */
	background: -moz-linear-gradient(top,  #026DB9 0%, #0b5a91 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #026DB9 0%,#0b5a91 100%); /* W3C */
}
#model-list li a.selected .no{ color: #ffffff;}


#model-list div{ margin-bottom: 10px;}
#model-list dt{ float: left;}
#model-list dd{ float: right;}
#model-list dd .no{ font-weight: bold;}
.model-year{
	position: absolute;
	border-width: 0;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	border-style: solid;
	text-align: center;
}
.model-year span{
	font-style:oblique;
	color:rgb(255,255,255);
	text-shadow:-1px -1px 0px rgba(0,0,0,0.65);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-2,Color=#a6000000,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-2,Color=#a6000000,Positive=true);
}

/*  search-list */
.search-list{
	border: 1px solid #3c3c3c; outline: 1px solid #000000;
	background: #323232; /* Old browsers */
	background: -moz-linear-gradient(top,  #323232 0%, #232323 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #323232 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #323232 0%,#232323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #323232 0%,#232323 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #323232 0%,#232323 100%); /* W3C */
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}
.search-list .no > span{ font-size: 22px; vertical-align: -6%;}
.search-list li{ border-bottom: 1px solid #3c3c3c; text-shadow: -1px -1px 1px #000000;}
.search-list #map li{ border: none; text-shadow: none;}
.search-list #map a{ background: #ffffff url("/u-car/common/img/slink-arrow_blue.png") 96% center no-repeat; color: #333333;}
.search-list #map #gifu a{ border: 1px solid #B6374C;}
.search-list #map #owari a{ border: 1px solid #6767A5;}
.search-list #map #nagoya a{ border: 1px solid #417EA9;}
.search-list #map #mikawa a{ border: 1px solid #73A33C;}
.search-list #map #mie a{ border: 1px solid #D27E00;}
.search-list #map a:hover{ color: #00A3DD;}
.price-wrap .search-list li dl{ border-bottom: 1px solid #000000;}
.price-wrap .search-list li dt{ color: #cccccc;}
.price-wrap .search-list dt{ float: left;}
.price-wrap .search-list dd{ float: right;}
.area-wrap .search-list li a{ background: url("/u-car/common/img/mlink-arrow_gray.png") 97% center no-repeat; border-bottom: 1px solid #000000; display: block;}
.area-wrap .search-list li a:hover{ border-bottom: 1px solid #00a3DD;}
.area-wrap .search-list dt{ float: left;}
.area-wrap .search-list dd{ float: right;}

/*  areadetail-wrap */
.areadetail-wrap > div > ul{
	border: 1px solid #3c3c3c; outline: 1px solid #000000;
	background: #323232; /* Old browsers */
	background: -moz-linear-gradient(top,  #323232 0%, #232323 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #323232 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #323232 0%,#232323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #323232 0%,#232323 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #323232 0%,#232323 100%); /* W3C */
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	font-style: oblique;
}
.areadetail-wrap > div > ul li.lastChild{ border-bottom: none;}
.areadetail-wrap > div > ul > li > a{ background: url("/u-car/common/img/mlink-arrow_gray.png") 97% center no-repeat; border-bottom: 1px solid #000000; display: block;}
.areadetail-wrap > div > ul > li > a:hover{ border-bottom: 1px solid #00a3DD;}
.areadetail-wrap > div > ul dt{ float: left;}
.areadetail-wrap > div > ul dd{ float: right;}
.areadetail-wrap > div > ul .no > span{ font-size: 22px; vertical-align: -6%;}
.areadetail-wrap > div > ul li{ border-bottom: 1px solid #3c3c3c; text-shadow: -1px -1px 1px #000000;}
.areadetail-wrap > div #map{
	border: 1px solid #3c3c3c; outline: 1px solid #000000;
	background: #323232; /* Old browsers */
	background: -moz-linear-gradient(top,  #323232 0%, #232323 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #323232 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #323232 0%,#232323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #323232 0%,#232323 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #323232 0%,#232323 100%); /* W3C */
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}
.areadetail-wrap > div > ul > li ul{ background: url("/u-car/common/img/base-bg.png") left center repeat; color: #333333;}
.areadetail-wrap > div > ul > li ul li{ border-top: 1px solid #ffffff; border-bottom: 1px solid #999999;}

.areadetail-wrap > div #map{ padding: 2px;}
.areadetail-wrap > div #map li{ border: none; text-shadow: none;}
.areadetail-wrap > div #map a{ background: #ffffff url("/u-car/common/img/slink-arrow_blue.png") 96% center no-repeat; color: #333333;}
.areadetail-wrap > div #map #gifu a{ border: 1px solid #B6374C;}
.areadetail-wrap > div #map #owari a{ border: 1px solid #6767A5;}
.areadetail-wrap > div #map #nagoya a{ border: 1px solid #417EA9;}
.areadetail-wrap > div #map #mikawa a{ border: 1px solid #73A33C;}
.areadetail-wrap > div #map #mie a{ border: 1px solid #D27E00;}
.areadetail-wrap > div #map a:hover{ color: #00A3DD;}


/*  main-search */
.main-wrap,
.price-list-wrap,
.search-list-wrap,
.etc-area{ background: url("/u-car/common/img/base-bg.png") left center repeat; border: 1px solid #3c3c3c; outline: 1px solid #000000; text-shadow: 1px 1px 0 #ffffff;}
.main-wrap .main-search{ background: url("/u-car/common/img/contents-bg.png") left top repeat; border: 1px solid #ffffff; outline: 1px solid #cccccc;}
.main-search dl{ font-weight: bold; color: #cccccc; font-style: oblique; text-shadow: -1px -1px 1px #000000;}
.main-search dt span{ color: #00a3dd;}
.main-search dd{ color: #00a3dd;}

/* price-list */
.price-list:before,.price-list:after{content:"";display:table}.price-list:after{clear:both}.price-list{zoom:1}
.price-list li{float: left;}
.price-btn{
	box-sizing: border-box;
	border: 2px solid rgb(0, 0, 0);
	background-image:-moz-linear-gradient(56% 0% -90deg,rgb(26,26,26) 0%,rgb(51,51,51) 39%,rgb(26,26,26) 80%,rgb(26,26,26) 97%);
	background-image:-webkit-gradient(linear,56% 0%,56% 101%,color-stop(0, rgb(26,26,26)),color-stop(0.39, rgb(51,51,51)),color-stop(0.8, rgb(26,26,26)),color-stop(0.97, rgb(26,26,26)));
	background-image:-webkit-linear-gradient(-90deg,rgb(26,26,26) 0%,rgb(51,51,51) 39%,rgb(26,26,26) 80%,rgb(26,26,26) 97%);
	background-image:-ms-linear-gradient(-90deg,rgb(26,26,26) 0%,rgb(51,51,51) 39%,rgb(26,26,26) 80%,rgb(26,26,26) 97%);
	background-image:linear-gradient(180deg,rgb(26,26,26) 0%,rgb(51,51,51) 39%,rgb(26,26,26) 80%,rgb(26,26,26) 97%);
	-moz-box-shadow:7px 7px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:7px 7px 10px rgba(0,0,0,0.1);
	box-shadow:7px 7px 10px rgba(0,0,0,0.1);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1a1a1a,endColorstr=#ff1a1a1a,GradientType=0)progid:DXImageTransform.Microsoft.dropshadow(OffX=7,OffY=7,Color=#1a000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1a1a1a,endColorstr=#ff1a1a1a,GradientType=0);
	progid:DXImageTransform.Microsoft.dropshadow(OffX=7,OffY=7,Color=#1a000000,Positive=true);
}
.price-btn.selected{
  border: 2px solid #00a3dd;
  background: #026DB9; /* Old browsers */
  background: -moz-linear-gradient(top,  #026DB9 0%, #0b5a91 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #026DB9 0%,#0b5a91 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#026DB9', endColorstr='#0b5a91'); /* IE6-8 */
}

.price-btn dt{

	font-style:oblique;
	color: rgb(204, 204, 204);
	text-align:center;
	text-shadow:-2px -1px 0 rgb(0,0,0);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=-2,OffY=-1,Color=#ff000000,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-2,OffY=-1,Color=#ff000000,Positive=true);
}
.price-btn dd{
	border-top: 1px solid #535353;
	font-style: oblique;
	color:rgb(0,163,221);
}
.price-btn dd span{
	margin-left: 2px;
	font-style:oblique;
	color:rgb(0,163,221);
	vertical-align: middle;
}
.price-btn.selected dt{ color: #ffffff;}
.price-btn.selected dd{ border-top: 1px solid #ffffff; color: #ffffff;
	text-shadow:-1px -1px 0 rgb(0,0,0);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=-2,OffY=-1,Color=#ff000000,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-2,OffY=-1,Color=#ff000000,Positive=true);
}
.price-btn.selected dd span{ color: #ffffff;}

/* cardetail-wrap */
#cardetail-wrap{ background: url("/u-car/common/img/base-bg.png") left center repeat; border: 1px solid #000000;}
#cardetail-wrap .top-area .detail-box1 > div.top{ border-top: 1px solid #999999;}
#cardetail-wrap .top-area .detail-box1 > div.top{ margin-bottom: 10px;}
#cardetail-wrap .top-area .detail-box1 h2{
	background: url("/u-car/common/img/title-bg.png") left top repeat;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	font-weight: bold;
	text-shadow: -1px -1px 0px #000000;
	font-style: oblique;
	line-height: 1.2;
}

.ttlbtmDemoup {
    background-color: #990000;
    color: #ffffff;
    border-top: 1px solid #999999;
    font-weight: bold;
    font-style: oblique;
    line-height: 1.2;
    text-align: right;
    padding: 0.3em 20px;
}
.kakakuBox{ margin-top: 10px;}

#cardetail-wrap .top-area .detail-box1 > div > dl{ background: #FFFFED; border-right: 2px solid #db4c28; border-bottom: 2px solid #db4c28; border-left: 2px solid #db4c28;}
#cardetail-wrap .top-area .detail-box1 > div > dl dt{
	background: #db4c28;
	color: #ffffff;
	font-weight: bold;
	text-shadow: -1px -1px 0px #7f1e05;
	font-style: oblique;
	line-height: 1.2;
	text-align: center;
}
#cardetail-wrap .top-area .detail-box1 > div > dl dd{ text-shadow: 1px 1px 0px #ffffff;}
#cardetail-wrap .top-area .detail-box1 > div > p{ border-top: 1px solid #ffffff; padding-top: 10px; text-shadow: 1px 1px 0px #ffffff;}
#cardetail-wrap .top-area .detail-box1 .cf dl{ font-weight: bold; font-style: oblique; text-shadow: 1px 1px 0px #ffffff; float: left;}
#cardetail-wrap .top-area .detail-box1 .cf dd{ color: #990000; line-height: 1;}
#cardetail-wrap .top-area .detail-box1 .cf dd span{ vertical-align: baseline;}
#cardetail-wrap .top-area .detail-box1 .cf ul{ float: right;}
#cardetail-wrap .top-area .detail-box1 .cf li{ display: inline-block;}
#cardetail-wrap .btn-list li{ text-align: center;}
#cardetail-wrap .table-box{ outline: 1px solid #999999; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; font-style: oblique;}
#cardetail-wrap .table-box dl{ display: table; border-top: 1px solid #ffffff; border-bottom: 1px solid #999999;}
#cardetail-wrap .table-box > dl.lastChild{ border-bottom: none;}
#cardetail-wrap .table-box dt{ background: url("/u-car/common/img/title-bg.png") left top repeat; vertical-align: middle; color: #ffffff; font-weight: bold; text-shadow: -1px -1px 0px #000000; display: table-cell;}
#cardetail-wrap .table-box dd{ text-shadow: 1px 1px 0px #ffffff; display: table-cell;}
#cardetail-wrap .table-box dt.bgr{ background: #990000;}
#cardetail-wrap .last ul{ text-shadow: 1px 1px 0px #ffffff;}
#cardetail-wrap > div > section > ul{ text-shadow: 1px 1px 0px #ffffff;}

/* total-box */
.total-box{ background: #ffffff; border: 2px solid #990000;}
.total-box .left{ float: left !important; margin: 0 !important; color: #990000; font-weight: bold; font-style: oblique;}
.total-box .right{ float: right !important; margin: 0 !important;}
.total-box .price{ background: #990000; color: #ffffff; font-weight: bold; text-align: center; font-style: oblique;}

/* pack-box */
.pack-box{ background: #ffffff; border: 2px solid #339966;}
.pack-box .left{ float: left !important; margin: 0 !important; color: #339966; font-weight: bold; font-style: oblique;}
.pack-box .right{ float: right !important;}
.pack-box .under dl{ background: #339966;}
.pack-box .under dl dd.left span{ display: inline-block;}
#cardetail-wrap .top-area .detail-box1 .pack-box dl{ float: none;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dt{ color: #ffffff; text-shadow: none;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd{ color: #ffffff; line-height: 1; text-shadow: none;}


/* osusume-list */
.osusume-list li a{
	display: block;
	border: 1px solid #3c3c3c; outline: 1px solid #000000;
	background: #323232; /* Old browsers */
	background: -moz-linear-gradient(top,  #323232 0%, #232323 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #323232 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #323232 0%,#232323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #323232 0%,#232323 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #323232 0%,#232323 100%); /* W3C */
	font-style: oblique;
	padding: 10px;
}
.osusume-list li a.hover{ border: 1px solid #00A3DD; outline: 1px solid #000000; color: #00a3dd;}
.osusume-list li a div{ float: left;}
.osusume-list li a div img{ width: 150px;}
.osusume-list li a dl{ float: right; width: 120px; font-size: 12px;}
.osusume-list li a dt{ margin-bottom: 5px;}
.osusume-list li a dd.price{ font-weight: bold; line-height: 1.2;}
.osusume-list li a dd.price strong{ font-size: 24px; color: #00A3DD; display: block;}
.osusume-list li a dd.price strong span{ font-size: 12px; vertical-align: baseline;}
.osusume-list li a dd.detail{ font-size: 10px;}
/* saleslink */
#saleslink a{ color: #666666;}

/* shop-wrap */
.shop-area{ background: url("/u-car/common/img/base-bg.png") left center repeat; border: 1px solid #000000;}
.shop-area dl{ border-top: 1px solid #999999; text-shadow: 1px 1px 0px #ffffff;}
.shop-area dt{
	border-top: 1px solid #ffffff;
	background: url("/u-car/common/img/title-bg.png") left top repeat;
	color: #ffffff;
	font-weight: bold;
	text-shadow: -1px -1px 0px #000000;
	font-style: oblique;
	line-height: 1.2;
}

.owner-list li a{
	display: block;
	border: 1px solid #3c3c3c; outline: 1px solid #000000;
	background: #323232; /* Old browsers */
	background: -moz-linear-gradient(top,  #323232 0%, #232323 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #323232 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #323232 0%,#232323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #323232 0%,#232323 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #323232 0%,#232323 100%); /* W3C */
	font-style: oblique;
	padding: 10px;
}
.owner-area .btn{ text-align: center;}

.shopimg-area{ border: 1px solid #000000; padding: 2px;}

/* comment-wrap */
.comment-wrap{ background: url("/u-car/common/img/base-bg.png") left center repeat; border: 1px solid #000000; text-shadow: 1px 1px 0 #ffffff;}

/* contactcar-wrap */
.contactcar-list li{ background: url("/u-car/common/img/base-bg.png") left center repeat; border: 1px solid #000000; text-shadow: 1px 1px 0 #ffffff; font-style: oblique;}
.contactcar-list li .main dt{
	border-top: 1px solid #00A3DD;
	background: #026db9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNmRiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzFkNzliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzBiNWE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #026db9 0%, #1d79ba 35%, #0b5a91 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* IE10+ */
	background: linear-gradient(to bottom,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 ); /* IE6-8 */
	color: #ffffff;
	text-align: center;
	text-shadow: -1px -1px 1px #000000;
	font-weight: bold;
	padding: 10px 0;
	line-height: 1.2;
}
.contactcar-list li .main dd{ text-align: center; padding: 20px 0;}
.contactcar-list li .main dd img{ width: 150px; border: 1px solid #ffffff;}
.contactcar-list .contactcar-tb{ border-top: 1px solid #999999;}
.contactcar-list .contactcar-tb dl{ border-top: 1px solid #ffffff; border-bottom: 1px solid #999999; display: table; width: 100%;}
.contactcar-list .contactcar-tb dt{ background: url("/u-car/common/img/title-bg.png") left top repeat; display: table-cell; color: #ffffff; font-weight: bold; text-shadow: -1px -1px 0 #000000; vertical-align: middle;}
.contactcar-list .contactcar-tb dd{ display: table-cell; vertical-align: middle;}
.contactcar-list .contactcar-tb dd img{ width: 30px; vertical-align: middle; margin-right: 5px;}
.contactcar-list .contactcar-tb strong{ color: #990000; font-size: 16px; vertical-align: baseline;}

/* contact-wrap */
.contact-area{ background: url("/u-car/common/img/base-bg.png") left center repeat; border: 1px solid #000000; text-shadow: 1px 1px 0 #ffffff; }
.contact-area .notes-list{ color: #990000;}
.contact-area .contact-tb{ border-top: 1px solid #999999;}
.contact-area .contact-tb dl{ border-top: 1px solid #ffffff; border-bottom: 1px solid #999999; width: 100%;}
.contact-area .contact-tb dt{ background: url("/u-car/common/img/title-bg.png") left top repeat; color: #ffffff; font-weight: bold; text-shadow: -1px -1px 0 #000000; vertical-align: middle; font-style: oblique;}
.contact-area .contact-tb dd{ vertical-align: middle;}
.contact-area .contact-tb input,.contact-area .contact-tb textarea{
	box-shadow:rgb(204, 204, 204) 2px 2px 7px -2px inset;
	-webkit-box-shadow:rgb(204, 204, 204) 2px 2px 7px -2px inset;
	-moz-box-shadow:rgb(204, 204, 204) 2px 2px 7px -2px inset;
	border: 1px solid #999999;
	vertical-align: middle;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
.contact-area .contact-tb dt .red{ vertical-align: text-top;}
.contact-area .contact-tb .red{ color: #990000;}

/* etc-wrap */
.etc-area dt{ font-style: oblique;}

/* color-list */
.color-list li{ float: left;}
.color-btn{ background: none; border: none; margin:0; padding: 0; text-align: left;}
.color-btn span{ font-style:oblique; color:rgb(51,51,51);}
.check-color{ display: inline-block; position: relative; border: 2px solid #fff;}
.check-color.red{ background-color: rgb(204, 0, 0);}
.check-color.blue{ background-color:rgb(0,51,153);}
.check-color.gold{ background-color:rgb(149,117,53);}
.check-color.gray{ background-color:rgb(102,102,102);}
.check-color.yellow{ background-color:rgb(255,255,0);}
.check-color.black{ background-color: rgb(0, 0, 0);}
.check-color.silver{ background-color:rgb(153,153,153);}
.check-color.white{ background-color: rgb(255, 255, 255);}
.check-color.orange{ background-color: rgb(255, 153, 0);}
.check-color.brown{ background-color: rgb(115, 78, 0);}
.check-color.pink{ background-color: rgb(204, 51, 102);}
.check-color.green{ background-color: rgb(51, 153, 102);}
.check-color.wine{ background-color: rgb(153, 0, 51);}
.check-color.purple{ background-color: rgb(102, 51, 102);}
.check-color.etc{ background: url("/u-car/common/img/color-etc.png");}

/* mission-list */
.drive_system-list li,
.mission-list li,
.nenryou-list li,/*20191016 kudo add 燃料リスト追加 . */
.area-list li{ float: left;}

/* filter-submit */
.search-submit{ display: block; padding: 0; margin: 0 auto;}

.summer-guide2{
        margin: 10px 0px 10px 0px;
        color: red; 
}

.summer-guide3{
        margin: 10px 0px 10px 0px;
        color: red; 
        text-align: center;
}

.attention{
        margin: 10px 0px 10px 0px;
        color: red; 
        text-align: center;
        background-color:red;
}


.attention a{ 
        color:white;
}

/* search-filter-menu */
.search-filter-menu li{ float: left;}
.search-filter-menu li dl{ display: table; box-sizing: border-box; -moz-box-sizing: border-box;}

.search-filter-menu li dl dt{
	display: table-cell;
	width: 150px;
	font-size: 18px;
	font-weight: bold;
	line-height: 175%;
	font-style: oblique;
	vertical-align: middle;
	color: rgb(51,51,51);
}
.search-filter-menu li dl dd{ display: table-cell; vertical-align: middle;}
.check_comment{ margin: 0 auto; width: 62.5%;}
.check_comment dt{ width: 164px; margin-right: 20px;}
.check_comment dd{ width: 416px;}
.check_comment dd div{ background: #fff; border: 1px solid #00a3dd; margin-bottom: 10px;}
.check_comment dd div span{
	font-size:16px;
	line-height:1.6;
	font-style:oblique;
	font-weight: bold;
	text-align:left;
	padding: 0 12px 0 10px;
	display: inline-block;
}
.check_comment dd div span:first-child{ font-weight: normal; background: #00a3dd; color: #fff;}
.ui-slider{ margin-bottom: 12px;}
.slider-description{ position: relative; width: 90%; font-size: 12px; font-weight: bold;}
.slider-description .max{ position: absolute; right: 0;}

.search-result-sort{ border: 1px solid #ccc; margin-bottom: 10px;}
#form_search .search-result-sort{ margin-bottom: 20px;}
.search-result-sort li{ float: left; display: table-cell; vertical-align: middle;}
.search-result-sort li.search-result-number{
	padding: 2px 10px 0 0;
	float: right;
	font-size:16px;
	line-height:175%;
	color:rgb(204,204,204);
	text-align:left;
}
.search-result-sort li:first-child{
	padding-left: 10px;
	margin-right: 10px;
	font-size:18px;
	line-height:175%;
	font-style:oblique;
	color:rgb(204,204,204);
}
.result_page_link { text-align: center; padding: 10px 8px; color: #CCCCCC;}
.result_page_link a{
	display: inline-block;
	margin: 0 10px;
	letter-spacing: -2px;
	font-size:14px;
	color: #00A3DD;
}

.search-result-item{margin-bottom: 10px;}
.search-result-item-header{
	box-sizing: border-box; -moz-box-sizing: border-box;
	background: #026db9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod窶ｦIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #026db9 0%, #1d79ba 35%, #0b5a91 78%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91));
	background: -webkit-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: -o-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: -ms-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: linear-gradient(to bottom, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 );
	border: 2px solid #0b5a91;
	padding: 10px;
}
.search-result-item-header > span{
	background: url("/u-car/common/img/h2-ico-white.png") left center no-repeat; padding-left: 35px;
	font-size: 16px;
	font-style: oblique;
	color: #fff;
	text-align: left;
	text-shadow: -1px -1px 0 rgb(0,0,0);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-2,Color=#ff000000,Positive=true)";
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-2,Color=#ff000000,Positive=true);
}
.search-result-item-body{ background: url("/u-car/common/img/base-bg.png") left center}
.search-result-item-body > div{ display: table-cell; box-sizing: border-box; -moz-box-sizing: border-box;}
.search-result-item-visual{width: 282px; padding-left: 20px; vertical-align: middle;}
.search-result-item-visual div{display: table-cell;}
.search-result-item-visual .search-result-item-thumbnail img {margin:0 8px 0 0;width: 150px; height: auto;}
.search-result-item-visual .search-result-item-icon img{margin:0 8px 10px 0; width: 40px; height: auto;}
.search-result-item-visual .search-result-item-icon img.exucar{margin:0 8px 10px 0; width: 88px; height: auto;}
.search-result-item-spec{width: 678px;}
.search-result-item-spec ul li{ float: left; width: 226px;}
.search-result-item-spec ul li.shop-comment{ width: 452px;}
.search-result-item-spec ul li.shop-comment dt{ width: 170px;}
.search-result-item-spec ul li.shop-comment dt span{ display: block; font-size: 10px;}
.search-result-item-spec ul li.shop-comment dd{ text-align: left; padding: 0 10px;}
.search-result-item-spec ul dl{
	display: table;
	width: 100%;
	border: 1px solid #fff;
	border-bottom-color: #aaa;
	border-left-color: #aaa;
	box-sizing: border-box; -moz-box-sizing: border-box;
}
.search-result-item-spec dl dt{
	display: table-cell;
	box-sizing: border-box;
	width: 90px;
	height: 50px;
	padding: 0 0 0 5px;
	font-size:12px;
	line-height:140%;
	font-style:oblique;
	color:rgb(255,255,255);
	vertical-align: middle;
	background: #999;
	text-shadow: -1px -1px 0 #000000;
}
.search-result-item-spec dl dd{
	display: table-cell;
	font-size: 12px;
	font-style: oblique;
	height: 50px;
	vertical-align: middle;
	text-align: left;
	padding: 0 5px;
	text-shadow: 1px 1px 0 #ffffff;
}
.search-result-item-spec .spec-model-year,
.search-result-item-spec .spec-price{
	font-size:13px;
	line-height:140%;
	font-style:oblique;
}
.search-result-item-spec .spec-model-year{ font-weight: bold;}
.search-result-item-spec .spec-price img{ width: 40px; margin: 2px 2px 2px 0;}
.search-result-item-spec .spec-price span{ color: #900; font-weight: bold;}
.search-result-item-spec .buttons div{
	display: table-cell;
	width: 226px;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #fff;
	border-bottom-color: #aaa;
	border-left-color: #aaa;
}
.search-result-item-spec .buttons .btn{
	display: inline-block;
	min-width: 90px;
	padding: 2px 4px;
	text-align: center;
}

.slider-area{width: 80%;}
	#form_search input,
	#form_search select{
	display: none;
}
/* ====================================================================
	Calendar
==================================================================== */
#calendar_bg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.75);
	z-index: 199;
}
#calendar_wrapper{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}
#calendar_inner{
	width: 400px;
	margin: 20px auto;
	background: #f3f3f3;
	box-shadow: 0 0 4px #e3e3e3;
}
#calendar_header{
	box-sizing: border-box;
	background: #026db9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod窶ｦIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #026db9 0%, #1d79ba 35%, #0b5a91 78%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91));
	background: -webkit-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: -o-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: -ms-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: linear-gradient(to bottom, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 );
	border: 2px solid #0b5a91;
	padding: 10px;
	text-align: center;
}
#calendar_header span{
	margin-right: 12px;
	color: #fff;
	font-size: 16px;
	text-shadow: -1px -1px 1px #333;
}
#calendar_body{
	box-sizing: border-box;
	padding: 10px 18px 0;
	background: url("/u-car/common/img/base-bg.png") left center repeat;
  border-bottom: 1px solid #999;
}

#calendar_year_month{
	display: table;
	width: 100%;
	border-bottom: 1px solid #999;
}
#calendar_month_num{
	display: table-cell;
	width: 10%;
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
	color: #bbb;
}
#calendar_month_en{
	display: table-cell;
	font-size: 18px;
	font-style: italic;
	vertical-align: middle;
	color: #aaa;
	padding-top: 12px;
}
#calendar_year{
	display: table-cell;
	width: 13%;
	text-align: right;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	color: #aaa;
}
#calendar_day{
	position: relative;
	border-top: 1px solid #f3f3f3;
	padding-top: 18px;
	margin-bottom: 12px;
}
#calendar_day ul li{
	float: left;
	width: 52px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #aaa;
}
#calendar_day ul li.day-sat{color: #7876df;}
#calendar_day ul li.day-sun{color: #ff8084;}
#calendar_dates {
	position: relative;
	width: 100%;
	height: 190px;
}
#calendar_dates ul{ position: relative; width: 100%;}
#calendar_dates li{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s ease-out;
	width: 22px;
	height: 20px;
	padding: 2px 12px 0;
	text-align: center;
	opacity: 0;
}
#calendar_info{ margin-bottom: 4px;}
#calendar_info span{ color: #777; font-size: 14px; margin-right: 18px;}
#calendar_info span:before{
position: relative;
display: inline-block;
content: "";
top: 2px;
width: 14px;
height: 14px;
margin-right: 2px;
}
#calendar_info span.close:before{  background: #aaa;}
#calendar_info span.partially-close:before{  background: #dd9ac1;}
#calendar_info span.event:before{  background: #dd9c5b;}
#calendar_info span.temporary-close:before{  background: #9dc3e6;}
#calendar_info span.novertime:before{  background: #88CC00;}
#partially_close_info,
#novertime{
	display: block;
	font-size: 12px;
	color: #00a3dd;
}


.business_hour{
	width: 100%;
	display: table;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #999;
	padding: 12px 0 4px;
}
#business_hour_info dl:first-child{border-top: none;}
.business_hour dt{ width: 30%;}
.business_hour dt,
.business_hour dd{ display: table-cell;}
#calendar_footer{
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #f3f3f3;
}
#calendar_footer #btn_prev,
#calendar_footer #btn_next{
	display: table-cell;
	width: 50%;
}
#calendar_footer #btn_next{ text-align: right;}
#calendar_footer a{
	font-size: 24px;
	color: #aaa;
	letter-spacing: -3px;
}

#calendar_footer a.hover{ color: #00a3dd;}

#wrapper_close_calendar{
  background: url("/u-car/common/img/base-bg.png") left center repeat;
  border-top: 1px solid #fff;
  text-align: center;
  padding: 10px;
}
#btn_close_calendar{
  display: block;
  padding: 14px;
  color: #aaa;
  background: #f3f3f3;
  border-radius: 4px;
}

#btn_close_calendar.hover{
  color: #fff;
  background: #0283d8;
}

/* whole_price_detail  */
.whole_price li{ list-style: disc; margin-left: 20px;}

/*  accordion-btn */
.accordion-btn{
background: #026db9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNmRiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzFkNzliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzBiNWE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #026db9 0%, #1d79ba 35%, #0b5a91 78%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* IE10+ */
background: linear-gradient(to bottom,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 ); /* IE6-8 */
border: 2px solid #0b5a91;
cursor: pointer;
display: block;
color: #cccccc;
font-style: oblique;
font-weight: bold;
text-shadow: -1px -1px 0px #000000;
padding: 10px 20px;
margin-bottom: 0;
}
.accordion-btn:hover{ border: 2px solid #00A3DD; color: #ffffff;}
.accordion-btn h2{ text-align: center; float: none; font-size: 18px;}
.accordion-btn h2 > span{ background: url("/u-car/common/img/ico-open.png") right 54% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}
.accordion-btn.opened h2 > span{ background: url("/u-car/common/img/ico-close.png") right 54% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}
.hide-area { display: none;}
#form_search .search-result-sort{ display: none;}
#form_search { padding-bottom: 20px;}

.accordion-btn.accordion-red-btn{
    background: #cc0033; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2I1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzk1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #cc0033 0%, #b50000 35%, #950000 78%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0033), color-stop(35%,#b50000), color-stop(78%,#950000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* IE10+ */
    background: linear-gradient(to bottom, #cc0033 0%,#b50000 35%,#950000 78%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0033', endColorstr='#950000',GradientType=0 ); /* IE6-8 */
    border: 2px solid #950000;
    
}
.accordion-btn.accordion-red-btn:hover{ border: 2px solid #FF0033; color: #ffffff;}
.accordion-btn.accordion-red-btn h2 > span{ background: url("/u-car/common/img/ico-red-open.png") right 52% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}
.accordion-btn.accordion-red-btn.opened h2 > span{ background: url("/u-car/common/img/ico-red-close.png") right 52% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}





@media screen and (min-width: 720px){
/* shop-wrap */
.shop-wrap .detail-wrap{ width: 432px; float: left;}
.shop-wrap .shopimg-area{ width: 508px; float: right;}
.shop-area{ padding: 10px; margin-bottom: 40px}
.shop-area dl{ margin-bottom: 20px;}
.shop-area dt{ padding: 10px; margin-bottom: 5px;}
.shop-area dt strong{ font-size: 20px; display: block;}
.shop-area dd{ padding-left: 10px; margin-bottom: 5px;}
.shop-area dd span{ background: #00A3DD; display: inline-block; padding: 2px 4px; width: 26px; font-size: 10px; text-align: center; color: #ffffff; text-shadow: none; margin-right: 5px;}
.shop-area li{ display: inline-block; margin: 0 4px 0 0;}
.shop-area li img{ width: 94px;}
.owner-list li { margin-bottom: 10px;}
.owner-list li img{ width: 100px;}
.owner-list li a:hover{ border: 1px solid #00a3dd; outline: 1px solid #000000; color: #00a3dd;}
.owner-list li a .cf{ width: 100%; margin-bottom: 5px;}
.owner-list li a div{ float: left;}
.owner-list li a div img{ width: 200px;}
.owner-list li a dl{ float: left; width: 200px; font-size: 18px; margin-left: 10px;}
.owner-list li a dt{ margin-bottom: 15px;}
.owner-list li a dd.price{ font-weight: bold; line-height: 1.2;}
.owner-list li a dd.price strong{ font-size: 44px; color: #00A3DD; display: block;}
.owner-list li a dd.price strong span{ font-size: 18px; vertical-align: baseline;}
.owner-list li a p{ background: url("/u-car/common/img/base-bg.png") left center repeat; color: #333333; font-style: normal; font-size: 14px; display: inline-block; padding: 10px; width: 392px;}
.owner-area .btn a{ font-size: 18px; padding: 5px;}

/* comment-wrap */
.comment-wrap{ padding: 20px; margin-bottom: 20px;}
.comment-wrap dt{ font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.comment-wrap ul{ border: 1px solid #990000; font-size: 12px; margin-top: 10px; padding: 10px;}
.comment-wrap ul li{ color: #990000; margin-bottom: 5px;}
.comment-wrap ul li.lastChild{ margin-bottom: 0px;}
    
/* contactcar-wrap */
.contactcar-list{ margin-bottom: 40px;}
.contactcar-list li{ float: left; width: 305px; margin-right: 19px;}
.contactcar-list li.lastChild{ margin-right: 0px;}
.contactcar-list .btn{ width: 305px; height: 209px; display: table-cell; vertical-align: middle; text-align: center;}
.contactcar-list .btn a{ font-size: 26px; width: 245px; padding: 10px; margin: 0 auto; text-align: center;}
.contactcar-list .contactcar-tb dl{ font-size: 12px;}
.contactcar-list .contactcar-tb dt{ width: 92px; padding: 8px;}
.contactcar-list .contactcar-tb dt.price{ height: 32px;}
.contactcar-list .contactcar-tb dt.ais{ height: 32px;}
.contactcar-list .contactcar-tb dd{ padding: 8px;}
.contactcar-list p{ height: 30px; padding: 10px;}
.contactcar-list p a{ padding: 2px; width: 140px; margin: 0 auto; text-align: center;}
    
/* contact-wrap */
.contact-area{ padding: 20px; margin-bottom: 20px;}
.contact-area p{ margin-bottom: 10px;}
.contact-area > .notes-list{ margin-bottom: 20px;}
.contact-area .contact-tb dl{ display: table;}
.contact-area .contact-tb dt{ width: 140px; padding: 8px; display: table-cell;}
.contact-area .contact-tb dd{ padding: 8px; display: table-cell;}
.contact-area .contact-tb dd .input-list{ margin-bottom: 10px;}
.contact-area .contact-tb #name{ width: 280px; padding: 10px;}
.contact-area .contact-tb #mail,.contact-area .contact-tb #mail_confirm{ width: 480px; padding: 10px;}
.contact-area .contact-tb #ZIPcode01{ width: 80px; padding: 10px; margin: 0 5px}
.contact-area .contact-tb #ZIPcode02{ width: 120px; padding: 10px; margin: 0 0 0 5px}
.contact-area .contact-tb textarea{ width: 90%; padding: 10px; font-size: 14px;}
.contact-area .contact-tb .red{ display: inline-block; margin: 10px 0 0 5px;}
.contact-wrap .btn-list a{ font-size: 26px; padding: 10px; width: 400px; text-align: center;}
}
/* =============================================
	SP
============================================= */
@media screen and (max-width: 720px){

#main-bnr{
    width: 100%;
}

/*  slider  */
.top-area .bx-wrapper .bx-controls-direction a{ top: 112%;}
.top-area #slider{ margin-bottom: 20px}
.top-area #slider .bx-pager{ text-align: center; margin-top: -45px; width: 100%; overflow: hidden;}
.top-area #slider .bx-pager a{ margin: 0 1px;}
.top-area #slider .bx-pager a img{ width: 25px; border: 2px solid #ffffff;}
.top-area #slider .bx-pager a.active img{ width: 25px; border: 2px solid #00A3DD;}

.shopimg-area .bx-wrapper .bx-controls-direction a{ top: 115%;}
.shopimg-area #slider{ margin-bottom: 20px}
.shopimg-area #slider .bx-pager{ text-align: center; margin-top: 15px; width: 100%; overflow: hidden;}
.shopimg-area #slider .bx-pager a{ margin: 0 1px;}
.shopimg-area #slider .bx-pager a img{ width: 40px; border: 2px solid #ffffff;}
.shopimg-area #slider .bx-pager a.active img{ width: 40px; border: 2px solid #00A3DD;}
.shopimg-area #map{ width: 280px !important; height: 280px !important; margin: 0 auto 10px;}

/*  sub-bnr  */
#sub-bnr ul{ width: 96%; margin: 0 auto; padding: 1% 2%;}
#sub-bnr li{ width: 47%; margin: 2px 4px;}
#sub-bnr li:nth-child(even){ float: right; margin-right: 0;}

/*  other-nav繝ｻanchor-nav */
ul.other-nav,ul.anchor-nav{ float: left; width: 100%; margin: 5px auto 0;}
ul.anchor-nav{ margin-bottom: 5px;}
ul.other-nav li,ul.anchor-nav li{ float: left; width: 49%;}
ul.other-nav li:last-child,ul.anchor-nav li:last-child{ float: right;}
ul.other-nav li a,ul.anchor-nav li a{ font-size: 10px; padding: 6px 10px;}
ul.anchor-nav li a span{ background: url("/u-car/common/img/anchorlink-arrow_white.png") right center no-repeat; display: block; padding-right: 12px;}


/*  model-wrap */
.model-wrap{ margin-bottom: 15px;}
#model-list{ width: 100%;}
#model-list li{ width: 48%; margin-bottom: 15px;}
#model-list li{ float: right;}
#model-list li:nth-child(odd){ float: left;}
#model-list dl{ height: 40px;}
#model-list dt{ font-size: 10px; width: 100%;}
#model-list dd{ float: right;}
#model-list dd .no{ font-weight: bold;}
#model-list dd .no > span{ font-size: 16px; vertical-align: -6%;}
.model-year{
top: -6px;
left: 50%;
margin-left: -50px;
padding: 1px;
background-color: rgb(0,163,221);
width: 100px;
height: 12px;
font-size: 10px;
}

/*  search-list */
.price-wrap{ margin-bottom: 20px;}
.price-wrap .search-list li dl{ border-bottom: 1px solid #000000; padding: 7px;}
.price-wrap .search-list li dt{ color: #cccccc; margin: 4px 0;}
.price-wrap .search-list dt{ float: left;}
.price-wrap .search-list dd{ float: right; font-size: 10px; margin: 1px 0px 0px 5px;}
.price-wrap .search-list dd a{ padding: 2px 10px;}
.area-wrap{ margin-bottom: 20px;}
.area-wrap .search-list li a{ padding: 5px 30px 5px 10px;}
.search-list #map{ background: url("/u-car/img/home/map_sp.png") left top no-repeat; background-size: contain; width:280px; height: 185px; margin: 10px auto;}
.search-list #map li{ width: 125px; margin-left: 150px; padding-top: 9px;}
.search-list #map li a{ font-size: 10px;}
.search-list dt{ margin-top: 6px;}
.search-list .no > span{ font-size: 20px; font-weight: bold;}
.price-wrap .search-list li.lastChild{ border-bottom: none;}

/*  areadetail-wrap */
.areadetail-wrap > div > ul{ margin-bottom: 10px;}
.areadetail-wrap ul li a{ padding: 5px 30px 5px 10px; display: block;}
.areadetail-wrap > div > ul dt{ margin-top: 6px;}
.areadetail-wrap > div > ul .no > span{ font-size: 20px; font-weight: bold;}
.areadetail-wrap > div #map{ margin-bottom: 20px;}
.areadetail-wrap > div #map.gmap{ width:280px; height: 280px; margin: 10px auto;}
.areadetail-wrap > div #map ul{ background: url("/u-car/img/area/map_sp.png") left top no-repeat; background-size: contain; width:280px; height: 185px; margin: 10px auto;}
.areadetail-wrap > div #map li{ width: 125px; margin-left: 150px; padding-top: 9px;}
.areadetail-wrap > div #map li a{ font-size: 10px;}
.areadetail-wrap > div > ul > li ul .left{ display: block; text-shadow: 1px 1px 0px #ffffff;}
.areadetail-wrap > div > ul > li ul .right{ display: block; text-align: center;}
.areadetail-wrap > div > ul > li ul li{ padding: 10px; font-size: 12px;}
.areadetail-wrap > div > ul > li ul .left{ margin-bottom: 5px;}
.areadetail-wrap > div > ul > li ul .right a{ padding: 4px 8px; height: 20px; width: 42%; float: left;}
.areadetail-wrap > div > ul > li ul .right a.black-btn{ float: right;}

/* cardetail-wrap */
#cardetail-wrap{ margin-bottom: 20px;}
#cardetail-wrap > div{ border-top: 10px solid #00A3DD; padding: 10px;}
#cardetail-wrap .top-area { margin-bottom: 20px;}
#cardetail-wrap .top-area .img-box{ width: 100%;}
#cardetail-wrap .top-area .detail-box1{ width: 100%;}
#cardetail-wrap .top-area .detail-box1 h2{ font-size: 14px; margin-bottom: 0px; padding: 10px;}
#cardetail-wrap .top-area .detail-box1 > div > dl dt{ font-size: 14px; padding: 10px;}
#cardetail-wrap .top-area .detail-box1 > div > dl dd{ padding: 10px;}
#cardetail-wrap .top-area .detail-box1 > div > p .textlink{ font-size: 16px; display: inline-block; vertical-align: bottom;}
#cardetail-wrap .top-area .detail-box1 h2 .new-ico img{ width: 50px;}
#cardetail-wrap .top-area .detail-box1 .cf dt{ font-size: 14px;}
#cardetail-wrap .top-area .detail-box1 .cf dd{ font-size: 50px;}
#cardetail-wrap .top-area .detail-box1 .cf dd span{ font-size: 16px;}
#cardetail-wrap .top-area .detail-box1 .cf ul{ width: 120px;}
#cardetail-wrap .top-area .detail-box1 .cf li{ margin: 2px 2px; width: 30px;}
#cardetail-wrap .top-area .detail-box1 .cf li.exucar{ width: 68px;}
#cardetail-wrap .top-area .detail-box1 .cf p.exucarLink{ clear: both; padding: 5px 0 0 0;}
#cardetail-wrap .top-area .detail-box1 .cf p.exucarLink img{ width: 30px; height: auto; vertical-align: middle; margin: 0 3px 0 0;}
#cardetail-wrap .top-area .detail-box1 .cf > div{ float: left; margin-top: 10px; width: 100%;}
#cardetail-wrap .btn-list{ margin: 0 0 20px;}
#cardetail-wrap .btn-list li{ margin-bottom: 10px;}
#cardetail-wrap .btn-list li a{ padding: 8px 5px; font-size: 18px; line-height: 1.2;}
#cardetail-wrap .table-area{ margin-bottom: 20px;}
#cardetail-wrap .table-box dt,#cardetail-wrap .table-box dd{ padding: 5px;}
#cardetail-wrap .table-box dl{ width: 100%;}
#cardetail-wrap .table-box dt{ width: 30%;}
#cardetail-wrap .table-box dd{ width: 70%;}
#cardetail-wrap .table-box dd.cf div{ margin-bottom: 5px;}
#cardetail-wrap .table-box dd.cf p img{ width: 15px;}
#cardetail-wrap .table-box dd.cf p span{ display: block; color: #990000; margin-top: 5px;}
#cardetail-wrap .table-box dd .img{ width: 47px; display: inline-block; vertical-align: middle;}
#cardetail-wrap .table-box.first{ margin-bottom: 10px;}

#cardetail-wrap .table-box .vcon{ background: #fff;}
#cardetail-wrap .table-box .vcon table{ margin: 5px;}


/* osusume-list */
.osusume-list li{ width: 300px; margin: 0 auto 15px;}

/* saleslink */
#saleslink{ padding-bottom: 20px;}

/*  main-search */
.main-wrap{ padding: 20px; margin-bottom: 20px;}
.main-search{ padding: 10px;}
.main-search .img{ padding: 10px 10px 5px;}
.main-search dl{ font-weight: bold; font-style: oblique; text-align: center; margin-bottom: 5px;}
.main-search dd{ vertical-align: baseline;}
.main-search dd span{ font-size: 30px; line-height: 1; font-style: oblique; vertical-align: baseline;}
.main-search .btn{ padding: 0 10px;}
.main-search .btn .blue-btn{ padding: 5px 20px; font-size: 16px; text-align: center;}

/* price-list */
.price-list-wrap{ padding: 5px; margin-bottom: 40px;}
.price-list{ width: 280px; margin: 0 auto;}
.price-list-wrap li{margin: 5px;}
.price-list-wrap li:nth-child(even){float: right;}
.price-btn{
cursor: pointer;
width:130px;
padding: 0;
border: 2px solid rgb(0, 0, 0);
}
.price-btn:hover{
border: 2px solid #00a3dd;
}
.price-btn.selected{
border: 2px solid #00a3dd;
}
.price-btn dt{
padding: 4px 0;
font-size:11px;
line-height:1.8;
}
.price-btn dd{
font-size:30px;
font-weight: bold;
line-height:1.4;
}
.price-btn dd span{
font-size:20px;
line-height:140%;
margin-left: 2px;
}

.check_comment dd {
width: auto;
}

.search-result-item-body > div{
display: block;
width: 300px;
}
.search-result-item-spec {
width: 300px;
box-sizing: border-box;
}
.search-result-item-spec ul li {
float: left;
width: 300px;
}
.search-result-item-spec ul li.shop-comment {
width: 300px;
}

/* etc-wrap */
.etc-area{ margin-bottom: 10px;}
.etc-area dt{ font-size: 14px; font-weight: bold; padding: 10px; border-bottom: 1px solid #999999;}
.etc-area dd{ padding: 5px; border-top: 1px solid #ffffff;}

/* color-list */
.color-list li{ margin: 8px;}
.color-btn{
cursor:pointer;
width: 40px;
box-sizing: border-box;
}
.color-btn.selected .check-color{
border: 2px solid #00a3dd;
}

.color-btn span{
margin-right: 4px;
font-size:14px;
line-height:175%;
}
.color-btn:hover span{ color: #6ac4de;}
.color-btn.selected span{ color: #00a3dd;}

.check-color{
width: 40px;
height: 40px;
}
.color-btn span:nth-of-type(2){ display: none;}

/* mission-list */
/*20191016 kudo add 燃料ボタン,燃料リスト追加 .*/
.mission-list,.nenryou-list,.goodmazda-list{ width: 280px; margin: 0 auto;}
.mission-list li:nth-child(even),.nenryou-list li:nth-child(even){float: right;}
.drive_system-btn,
.mission-btn,
.goodmazda-btn,
.nenryou-btn,
.area-btn{
width: 130px;
height: 40px;
padding:5px 4px;
margin: 5px;
font-size: 13px;
}
.goodmazda-list li:nth-child(2) .goodmazda-btn{padding:0px 4px 5px;}
.drive_system-btn{
width: 80px;
}
.area-btn{
width: auto;
padding:2px 15px;
}
#back_submit{ font-size: 18px; padding: 10px 20px; text-align: center; margin-bottom: 10px;}
#search_submit,#filter_submit{ font-size: 18px; padding: 10px 20px; text-align: center;}
#form_search,#form_filter{ padding-bottom: 20px;}

/* search-filter-menu */
.search-list-wrap{ margin-bottom: 10px;}
.search-filter-menu li{
box-sizing: border-box;
float: none;
}

.drive_system-list li,.mission-list li,.nenryou-list li,.area-list li{ float: left;}/*20191016 kudo add 燃料リスト追加 .*/

.search-filter-menu li dl{
display: block;
border-bottom: 2px solid #000000;
}
/*
.search-filter-menu li dl dt,.search-filter-color dt{
display: block;
font-size: 14px;
font-weight: bold;
font-style: oblique;
padding: 10px;
border-bottom: 1px solid #999999;
width: 93%;
}
.search-filter-menu li dl dd,.search-filter-color dd{
display: block;
padding: 10px;
border-top: 1px solid #ffffff;
width: 93%;
}
*/
.search-filter-menu dd.inner > div{ width: 220px; margin: 5px auto 10px;}

.check_comment{
padding: 10px;
margin: 0 auto 20px;
width: 280px;

}
.check_comment dt{
width: 50%;
margin: 0 auto 10px;
}
.check_comment dd{
width: 100%;
}
.check_comment dd div{
background: #fff;
border: 1px solid #00a3dd;
margin-bottom: 10px;
}

.check_comment dd div span{
font-size:16px;
line-height:1.6;
font-style:oblique;
font-weight: bold;
text-align:left;
padding: 0 12px 0 10px;
display: inline-block;
}
.check_comment dd div span:first-child{
font-weight: normal;
background: #00a3dd;
color: #fff;
}
.ui-slider{
margin-bottom: 12px;
}
.slider-description{
position: relative;
width: 90%;
font-size: 12px;
}
.slider-description .max{
position: absolute;
right: 0;
}

.search-result-sort{
border: 1px solid #ccc;
margin-bottom: 10px;
}

.search-result-sort li{
float: left;
display: table-cell;
width: 110px;
height: 16px;
vertical-align: middle;
}

.search-result-sort li:nth-of-type(2){
float: right;
width: 158px;
}

.esb-displayer { width: 150px !important;}

.search-result-sort li.search-result-number{
padding: 4px 0px 8px 0;
float: left;
font-size:12px;
line-height:175%;
width: 100%;
color:rgb(204,204,204);
text-align:center;
border-top: 1px solid #ffffff;
}
.search-result-sort li:first-child{
padding: 4px 8px 12px;
margin-right: 0;
font-size:12px;
font-style:oblique;
color:rgb(204,204,204);
}
.result_page_link {
text-align: center;
padding: 10px 0;
}
.result_page_link a{
display: inline-block;
vertical-align: baseline;
margin: 0 8px;
letter-spacing: -2px;
font-size:14px;
}

.search-list-wrap .color-list li { margin: 7px;}
.search-result-item{margin: 0 auto 10px; width: 280px; }
.search-result-item-header{
box-sizing: border-box;
width: 100%;
background: #026db9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod窶ｦIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #026db9 0%, #1d79ba 35%, #0b5a91 78%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91));
background: -webkit-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
background: -o-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
background: -ms-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
background: linear-gradient(to bottom, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 );
border: 2px solid #0b5a91;
padding: 5px 10px;
}
.search-result-item-header > span{
background: url("/u-car/common/img/h2-ico-white.png") left center no-repeat; padding-left: 35px;
font-size: 14px;
/* line-height: 120%; */
font-style: oblique;
color: #fff;
text-align: left;
text-shadow: -1px -1px 0 rgb(0,0,0);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-2,Color=#ff000000,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-2,Color=#ff000000,Positive=true);
display: block;
}
.search-result-item-body{
background: url("/u-car/common/img/base-bg.png") left center
}
.search-result-item-body > div{
display: block;
box-sizing: border-box;
width: 280px;
}
.search-result-item-visual{width: 280px; padding: 10px 10px 4px; vertical-align: middle;}
.search-result-item-visual div{display: table-cell; padding-left: 5px;}
.search-result-item-visual .search-result-item-thumbnail img {margin:0 8px 0 0;}
.search-result-item-visual .search-result-item-icon img{margin:0 4px 10px 0;width: 40px; height: auto;}
.search-result-item-spec{width: 100%;}

.search-result-item-spec ul li{
float: left;
width: 140px;
}

.search-result-item-spec ul li.buttons{
float: left;
width: 280px;
}

.search-result-item-spec ul li.shop-comment{
width: 280px;
}
.search-result-item-spec ul li.shop-comment dt{
width: 80px;
}
.search-result-item-spec ul li.shop-comment dt span{
display: block;
font-size: 10px;
}
.search-result-item-spec ul li.shop-comment dd{
text-align: left;
padding: 0 10px;
}

.search-result-item-spec ul dl{
display: table;
width: 100%;
border: 1px solid #fff;
border-bottom-color: #aaa;
border-left-color: #aaa;
box-sizing: border-box;
}
.search-result-item-spec dl dt{
display: table-cell;
box-sizing: border-box;
width: 48px;
height: 50px;
padding: 5px;
font-size:10px;
line-height:140%;
font-style:oblique;
color:rgb(255,255,255);
vertical-align: middle;
background: #999;
}
.search-result-item-spec dl dd{
display: table-cell;
font-size: 10px;
font-style: oblique;
height: 50px;
vertical-align: middle;
text-align: left;
}
.search-result-item-spec .spec-model-year,
.search-result-item-spec .spec-price{
font-size:13px;
line-height:140%;
font-style:oblique;
}
.search-result-item-spec .spec-model-year{ font-weight: bold;}
.search-result-item-spec .spec-price img{ width: 40px; margin: 2px 2px 2px 0;}
.search-result-item-spec .spec-price span{ color: #900; font-weight: bold;}
.search-result-item-spec .buttons div{
display: table-cell;
width: 280px;
height: 50px;
vertical-align: middle;
text-align: center;
border: 1px solid #fff;
border-bottom-color: #aaa;
border-left-color: #aaa;
}
.search-result-item-spec .buttons .btn{
display: inline-block;
padding: 5px 12px;
text-align: center;
font-size: 18px;
}

.slider-area{width: 80%;}
#form_search input,
#form_search select{
display: none;
}



/* ====================================================================
	calendar
==================================================================== */
#calendar_dates li {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.4s ease-out;
width: 20px;
height: 20px;
padding: 2px 6px 0;
text-align: center;
opacity: 0;
/* background: #E573E5; */
color: #fff;
}
#calendar_wrapper {
display: none;
z-index: 199;
}
#calendar_inner {
width: 290px;
margin: 20px auto;
background: #f3f3f3;
box-shadow: 0 0 4px #e3e3e3;
position: relative;
}
#calendar_body {
padding: 10px 12px;
}
#calendar_month_num { width: 14%;}
#calendar_day ul li {
float: left;
width: 38px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #aaa;
}
#calendar_info span {
font-size: 8px;
margin-right: 18px;
}
#calendar_dates li {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.4s ease-out;
width: 20px;
height: 17px;
padding: 2px 6px 0;
text-align: center;
opacity: 0;
color: #fff;
}
.business_hour dt {
width: 35%;
}
#calendar_info span:before {
position: relative;
display: inline-block;
content: "";
top: 0;
width: 14px;
height: 14px;
margin-right: 2px;
}

/* shop-wrap */
.shop-wrap .detail-wrap{ margin-bottom: 10px;}
.shop-wrap .shopimg-area{ margin-bottom: 20px}
.shop-area{ padding: 10px; margin-bottom: 20px}
.shop-area dl{ margin-bottom: 10px;}
.shop-area dt{ padding: 10px; margin-bottom: 5px;}
.shop-area dt strong{ font-size: 20px; display: block;}
.shop-area dd{ padding-left: 10px; margin-bottom: 5px; font-size: 14px;}
.shop-area dd span{ background: #00A3DD; display: inline-block; padding: 2px 4px; width: 26px; font-size: 10px; text-align: center; color: #ffffff; text-shadow: none; margin-right: 5px;}
.shop-area li{ display: inline-block; margin: 5px 5px 0 0;}
.shop-area li img{ width: 130px;}
.owner-list li { margin-bottom: 10px;}
.owner-list li img{ width: 100px;}
.owner-list li a:hover{ border: 1px solid #00a3dd; outline: 1px solid #000000; color: #00a3dd;}
.owner-list li a .cf{ width: 100%; margin-bottom: 5px;}
.owner-list li a div{ float: left;}
.owner-list li a div img{ width: 150px;}
.owner-list li a dl{ float: left; width: 130px; font-size: 14px; margin-left: 10px;}
.owner-list li a dt{ margin-bottom: 10px;}
.owner-list li a dd.price{ font-weight: bold; line-height: 1.2;}
.owner-list li a dd.price strong{ font-size: 28px; color: #00A3DD; display: block;}
.owner-list li a dd.price strong span{ font-size: 14px; vertical-align: baseline;}
.owner-list li a p{ background: url("/u-car/common/img/base-bg.png") left center repeat; color: #333333; font-style: normal; font-size: 12px; display: inline-block; padding: 5px; width: 96%;}

/* comment-wrap */
.comment-wrap{ padding: 10px; margin-bottom: 10px;}
.comment-wrap dt{ font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.comment-wrap ul{ border: 1px solid #990000; font-size: 10px; margin-top: 10px; padding: 5px;}
.comment-wrap ul li{ color: #990000; margin-bottom: 5px;}
.comment-wrap ul li:last-child{ margin-bottom: 0px;}
.owner-area .btn{ margin-bottom: 20px;}
.owner-area .btn a{ font-size: 16px; padding: 5px;}

/* contactcar-wrap */
.contactcar-list{ margin-bottom: 10px;}
.contactcar-list li{ width: 280px; margin: 0 auto 10px;}
.contactcar-list .btn{ padding: 10px 0;}
.contactcar-list .btn a{ font-size: 18px; width: 220px; padding: 10px; margin: 0 auto; text-align: center;}
.contactcar-list .contactcar-tb dl{ font-size: 12px;}
.contactcar-list .contactcar-tb dt{ width: 88px; padding: 8px;}
.contactcar-list .contactcar-tb dd{ padding: 8px;}
.contactcar-list p{ padding: 10px;}
.contactcar-list p a{ padding: 2px; width: 140px; margin: 0 auto; text-align: center;}

/* contact-wrap */
.contact-area{ padding: 10px; margin-bottom: 10px;}
.contact-area p{ margin-bottom: 10px;}
.contact-area > .notes-list{ margin-bottom: 10px;}
.contact-area .contact-tb{ border: 1px solid #999999;}
.contact-area .contact-tb dl{ border: 1px solid #ffffff;}
.contact-area .contact-tb dt{ padding: 8px;}
.contact-area .contact-tb dd{ padding: 8px;}
.contact-area .contact-tb dd .input-list li{ margin-bottom: 10px;}
.contact-area .contact-tb #name{ width: 91%; padding: 10px;}
.contact-area .contact-tb #mail,.contact-area .contact-tb #mail_confirm{ width: 91%; padding: 10px;}
.contact-area .contact-tb #ZIPcode01{ width: 30%; padding: 10px; margin: 0 5px}
.contact-area .contact-tb #ZIPcode02{ width: 40%; padding: 10px; margin: 0 0 0 5px}
.contact-area .contact-tb textarea{ width: 90%; padding: 10px; font-size: 14px;}
.contact-area .contact-tb .red{ display: inline-block; margin: 6px 0 0 5px;}
.contact-wrap .btn-list{ padding-bottom: 20px;}
.contact-wrap .btn-list li:first-child{ margin-bottom: 10px}
.contact-wrap .btn-list li:last-child{ margin-bottom: 0;}
.contact-wrap .btn-list a{ font-size: 18px; padding: 10px; text-align: center;}

/* supplement-list */
.supplement-list{ color: #990000; text-align: left; margin-top: -10px; padding-bottom: 20px;}




/* whole_price_detail  */
#whole_price_detail{ width: 248px; height: 250px; padding: 10px;}
#whole_price_detail h4{ font-size: 14px; margin-bottom: 5px;}


/* total-box */
.total-box{ padding: 10px; width: 255px !important;}
.total-box .left{ font-size: 20px; width: 60% !important;}
.total-box .right{ width: 35% !important;}
.total-box .right a{ padding: 2px 8px; text-align: center;}
.total-box .price{ padding: 5px; margin-top: 5px; font-size: 18px;}
.total-box .price span{ display: block;}

/* pack-box */
.pack-box{ padding: 10px; width: 255px !important;}
.pack-box .left{ font-size: 20px; text-align: center;}
.pack-box .left span{ display: block; font-size: 12px;}
.pack-box .right{ margin-top: 4px !important;}
.pack-box .right a{ padding: 4px; text-align: center;}
.pack-box .under dl{ padding: 6px; margin-top: 5px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dt{ font-size: 11px; text-align: center; margin-bottom: 5px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd.left{ font-size: 22px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd.right{ padding-top: 5px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd.left span{ font-size: 12px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd{ font-size: 12px;}

.pc{display: none;}
.sp{display: inline;}

}

/* =============================================
	PC
============================================= */
@media screen and (min-width: 720px){
/*  main-bnr  */
#main-bnr-wrap{
/*box-shadow: 0 10px 20px -20px #000000 inset;
-webkit-box-shadow: 0 10px 20px -20px #000000 inset;
-moz-box-shadow: 0 10px 20px -20px #000000 inset;*/
}
#main-bnr{ width: 960px; margin: 0 auto;}

/*  slider  */
.top-area .bx-wrapper .bx-controls-direction a{ top: 109%;}
.top-area #slider .bx-pager{ text-align: center; margin-top: -50px; width: 100%; overflow: hidden;}
.top-area #slider .bx-pager a{ margin: 0 5px;}
.top-area #slider .bx-pager a img{ width: 54px; border: 3px solid #ffffff;}
.top-area #slider .bx-pager a.active img{ width: 54px; border: 3px solid #00A3DD;}

.shopimg-area .bx-wrapper .bx-controls-direction a{ top: 109%;}
.shopimg-area #slider .bx-pager{ text-align: center; margin-top: 12px; width: 100%; overflow: hidden;}
.shopimg-area #slider .bx-pager a{ margin: 0 5px;}
.shopimg-area #slider .bx-pager a img{ width: 54px; border: 2px solid #ffffff;}
.shopimg-area #slider .bx-pager a.active img{ width: 54px; border: 2px solid #00A3DD;}
.shopimg-area #map{ width: 500px; height: 500px; margin: 14px auto 3px;}

/*  sub-bnr  */
#sub-bnr{ min-width:960px; _display: inline; _zoom:1;}
#sub-bnr ul{ width: 960px; margin: 0 auto; padding: 10px 0;}
#sub-bnr li{ margin-right: 20px;}
#sub-bnr li.lastChild{ margin-right: 0;}

/*  other-nav繝ｻanchor-nav */
ul.other-nav,ul.anchor-nav{ float: right; margin-top: 6px;}
ul.anchor-nav{ margin-right: 10px;}
ul.other-nav li,ul.anchor-nav li{ float: left; margin-left: 5px;}
ul.other-nav li a,ul.anchor-nav li a{ font-size: 14px; padding: 2px 10px;}
ul.anchor-nav li a span{ background: url("/u-car/common/img/anchorlink-arrow_white.png") right center no-repeat; display: block; padding-right: 12px;}

/*  model-wrap */
.model-wrap{ margin-bottom: 5px;}
#model-list li{ margin-right: 7px; margin-bottom: 15px;}
#model-list li.fiveChild{ margin-right: 0;}
#model-list dl{ height: 35px;}
#model-list dt{ font-size: 12px; width: 115px;}
#model-list dd{ float: right;}
#model-list dd .no{ font-weight: bold;}
#model-list dd .no > span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal; font-size: 28px; vertical-align: -6%;}

.model-year{
top: -12px;
left: 18px;
padding: 2px 0 0;
background-color: rgb(0,163,221);
width: 147px;
height: 14px;
}

/*  search-list */
.price-wrap{ width:408px; float: left; font-style: oblique;}
.price-wrap .search-list li dl{ border-bottom: 1px solid #000000; padding: 7px;}
.price-wrap .search-list li dt{ color: #cccccc; margin: 3px 0 4px;}
.price-wrap .search-list dt{ float: left;}
.price-wrap .search-list dd{ float: right; font-size: 12px; margin: 1px 0px 0px 5px;}
.price-wrap .search-list dd a{ padding: 2px 10px;}
.area-wrap{ width:532px; float: right; font-style: oblique;}
.area-wrap .search-list li a{ padding: 5px 30px 5px 10px;}
.area-wrap .search-list.cf ul{ width: 250px; float: left;}
.area-wrap .search-list.cf #map{ background: url("/u-car/img/home/map.png") left top no-repeat; width:280px; height: 254px; float: right;}

.search-list #map li{ width: 110px; margin-left: 165px;}
.search-list #map li a{ font-size: 10px; padding: 4px;}
.search-list #map #gifu{ padding-top: 8px;}
.search-list #map #owari{ padding-top: 4px;}
.search-list #map #nagoya{ padding-top: 2px;}
.search-list #map #mikawa{ padding-top: 16px;}
.search-list #map #mie{ padding-top: 94px;}

.area-wrap .search-list li.lastChild{ border-bottom: none;}
.area-wrap .search-list dt{ margin-top: 6px;}
.area-wrap .search-list .no > span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal; font-size: 22px; vertical-align: -6%;}

/*  areadetail-wrap */
.areadetail-wrap > div > ul{ width:432px; float: left;}
.areadetail-wrap > div ul li a{ padding: 5px 30px 5px 10px; display: block;}
.areadetail-wrap > div > ul dt{ margin-top: 6px;}
.areadetail-wrap > div > ul .no > span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal; font-size: 22px; vertical-align: -6%;}
.areadetail-wrap > div #fixed { position: fixed; top:175px; margin-left:450px; }
.areadetail-wrap > div #map{ float: right;}
.areadetail-wrap > div #map.gmap{ width:500px; height: 500px; float: right;}
.areadetail-wrap > div #map ul{ background: url("/u-car/img/area/map.png") left top no-repeat; width:500px; height: 500px; float: right;}
.areadetail-wrap > div #map li{ width: 160px; margin-left: 320px;}
.areadetail-wrap > div #map li#gifu{ padding-top: 16px;}
.areadetail-wrap > div #map li#owari{ padding-top: 10px;}
.areadetail-wrap > div #map li#nagoya{ padding-top: 10px;}
.areadetail-wrap > div #map li#mikawa{ padding-top: 45px;}
.areadetail-wrap > div #map li#mie{ padding-top: 228px;}
.areadetail-wrap > div #map li a{ font-size: 14px;}
.areadetail-wrap > div > ul > li ul .left{ float: left; text-shadow: 1px 1px 0px #ffffff; line-height: 1.8;}
.areadetail-wrap > div > ul > li ul .right{ float: right;}
.areadetail-wrap > div > ul > li ul li{ padding: 10px; font-size: 12px;}
.areadetail-wrap > div > ul > li ul .left{ width: 240px; margin-top: 5px;}
.areadetail-wrap > div > ul > li ul .right a{ padding: 4px 8px; height: 20px; display: inline-block; margin-left: 5px;}
.areadetail-wrap > div > ul > li ul .right a span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal;}


/*  main-search */
.main-wrap{ padding: 10px; margin-bottom: 20px;}
.main-search{ padding: 10px;}
.main-search .img{ float: left;}
.main-search dl,.main-wrap dt,.main-wrap dd{ float: left;}
.main-search dl{ font-size: 20px; font-weight: bold; font-style: oblique; padding: 22px 0 0 20px;}
.main-search dd{ vertical-align: baseline; margin-top: -16px;}
.main-search dd span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal; font-size: 76px; line-height: 1; font-style: oblique; vertical-align: baseline;}
.main-search .btn{ float: right; padding: 16px 20px 0 20px;}
.main-search .btn .blue-btn{ padding: 10px 30px; font-size: 26px;}

/* price-list */
.price-list-wrap{ padding: 20px; margin-bottom: 20px;}
.price-list{width: 950px;}
.price-list-wrap li{margin: 0 17px 0 0}
.price-btn{
cursor: pointer;
width:170px;
padding: 0;
border: 2px solid rgb(0, 0, 0);
}
.price-btn:hover{
border: 2px solid #00a3dd;
}

.price-btn dt{
font-size:14px;
line-height:1.8;
}
.price-btn dd{
font-family:Impact;
font-size:30px;
line-height:1.4;
}
.price-btn dd span{
font-size:20px;
line-height:140%;
margin-left: 2px;
}

/* model-list */

#model-list{margin-right: -7px;}
#model-list div{ width: 164px; text-align: center;}
#model-list div.model-year{font-size:10px;line-height:140%; width: 152px;}

/* etc-wrap */
.etc-wrap{ margin-bottom: 20px;}
.etc-area{padding: 10px 20px 10px; margin-bottom: 8px;}
.etc-area dl dt{
display: table-cell;
width: 150px;
font-size:18px;
font-weight: bold;
line-height:175%;
vertical-align: middle;
color:rgb(51,51,51);
}
.etc-area dl dd{display: table-cell;}

/* cardetail-wrap */
#cardetail-wrap{ margin-bottom: 40px;}
#cardetail-wrap > div{ border-top: 10px solid #00A3DD; padding: 20px;}
#cardetail-wrap .top-area { margin-bottom: 20px;}
#cardetail-wrap .top-area .img-box{ float: left; width: 494px;}
#cardetail-wrap .top-area .detail-box1{ float: right; width: 410px;}
#cardetail-wrap .top-area .detail-box1 h2{ font-size: 18px; margin-bottom: 0px; padding: 10px;}
#cardetail-wrap .top-area .detail-box1 > div > dl dt{ font-size: 18px; padding: 10px;}
#cardetail-wrap .top-area .detail-box1 > div > dl dd{ padding: 10px;}
#cardetail-wrap .top-area .detail-box1 > div > p .textlink{ font-size: 18px; display: inline-block; vertical-align: 0%;}
#cardetail-wrap .top-area .detail-box1 .cf dt{ font-size: 18px;}
#cardetail-wrap .top-area .detail-box1 .cf dd{ font-size: 76px;}
#cardetail-wrap .top-area .detail-box1 .cf dd span{ font-size: 28px;}
#cardetail-wrap .top-area .detail-box1 .cf ul{ width: 100px;}
#cardetail-wrap .top-area .detail-box1 .cf li{ margin: 5px 2px;}
#cardetail-wrap .top-area .detail-box1 .cf p.exucarLink{ clear: both; padding: 5px 0 0 0;}
#cardetail-wrap .top-area .detail-box1 .cf p.exucarLink img{ width: 30px; height: auto; vertical-align: middle; margin: 0 3px 0 0;}
#cardetail-wrap .top-area .detail-box1 .cf > div{ float: left; margin-top: 10px;}
#cardetail-wrap .btn-list{ margin: 0 -5px 40px;}
#cardetail-wrap .btn-list li a{ width: 285px; padding: 15px 5px; font-size: 18px; line-height: 1.2;}
#cardetail-wrap .table-area{ margin-bottom: 40px;}
#cardetail-wrap .table-box .cf dl{ float: left;}
#cardetail-wrap .table-box dt{ min-width: 130px; padding: 10px;}
#cardetail-wrap .table-box dd{ min-width: 328px; padding: 10px;}
#cardetail-wrap .table-box dd .img img{ width: 36px; display: inline-block; vertical-align: middle;}
#cardetail-wrap .table-box dd.cf div{ float: left;}
#cardetail-wrap .table-box dd.cf p{ float: right; width: 285px;}
#cardetail-wrap .table-box dd.cf p img{ width: 20px;}
#cardetail-wrap .table-box dd.cf p span{ display: block; color: #990000; margin-top: 10px;}
#cardetail-wrap .table-box .other dd{ width: 835px;}
#cardetail-wrap .table-box.first{ margin-bottom: 20px;}


#cardetail-wrap .table-box .vcon{ background: #fff;}
#cardetail-wrap .table-box .vcon table{ margin: 10px 0 5px 10px;}
#cardetail-wrap .table-box .vcon table th{ padding: 0 0 5px;}
#cardetail-wrap .table-box .vcon table td{ padding: 0 10px 5px 0; vertical-align: middle;}
    


/* osusume-list */
.osusume-list{ margin-right: -15px;}
.osusume-list li{ float: left; width: 310px; margin-right: 15px;}

/* saleslink */
#saleslink{ margin-top: 20px;}

/* btn-list */
.btn-list{ overflow: hidden; position: relative;}
.btn-list ul{ float: left; left: 50%; position: relative;}
.btn-list li{ float: left; left: -50%; margin: 0 5px; position: relative;}

/* color-list */
.color-list{margin-bottom: 0px;}
.color-list li{margin-bottom: 5px;}
.color-btn{
cursor:pointer;
width: 128px;
box-sizing: border-box;
}
.color-btn.selected .check-color{
border: 2px solid #00a3dd;
}

.color-btn span{
margin-right: 4px;
font-size:14px;
line-height:180%;
}
.color-btn:hover span{ color: #6ac4de;}
.color-btn.selected span{ color: #00a3dd; font-weight: bold;}

.check-color{
width: 23px;
height: 23px;
}

/* mission-list */
.drive_system-btn,
.mission-btn,
.goodmazda-btn,
.nenryou-btn,/*20191016 kudo add 燃料ボタン追加 .*/
.area-btn{
width: 90px;
padding:2px 4px;
margin-right: 5px;
font-size: 12px;
line-height: 1.75;
}

.nenryou-btn{/*20191016 kudo add 燃料ボタン追加 .*/
width: 185px;
}
.goodmazda-btn{/*20191016 kudo add 燃料ボタン追加 .*/
width: 140px;
}
.goodmazda-btn.ucarpre{/*20191016 kudo add 燃料ボタン追加 .*/
width: 185px;
}
.drive_system-btn{
width: 80px;
}
.area-btn{
width: auto;
padding:2px 15px;
}

#back_submit{
width: 200px;
margin: 0 auto 40px;
padding: 12px 50px;
text-align: center;
font-size: 24px;
}

#filter_submit{
width: 200px;
margin: 0 auto 40px;
padding: 12px 50px;
text-align: center;
font-size: 24px;
}

#search_submit{
width: 400px;
margin: 0 auto 40px;
padding: 12px 50px;
text-align: center;
font-size: 24px;
}

/* search-list-wrap */
.search-list-wrap{
margin-bottom: 20px;
}
.search-filter-menu{width: 960px;}
.search-filter-menu > li:first-child{
width: 640px;
}
.search-filter-menu > li,
.search-filter-menu:first-child > li{
width: 320px;
}
.search-filter-menu:first-child > li:first-child{
width: 320px;
}

.search-filter-menu > li dl {
display: table;
width: 100%;
border: 1px solid #fff;
border-bottom-color: #aaa;
border-left-color: #aaa;
box-sizing: border-box;
}

.search-filter-menu > li dl dt {
display: table-cell;
width: 100px;
padding: 20px 0 20px 20px;
font-size: 18px;
font-weight: bold;
line-height: 175%;
font-style: oblique;
vertical-align: middle;
color: rgb(51,51,51);
}
    /*
.search-filter-color{
box-sizing: border-box;
border-top: 1px solid #fff;
}
    */
.search-filter-color dt{
display: table-cell;
padding: 25px 0 25px 27px;
width: 150px;
font-size:18px;
font-weight: bold;
line-height:175%;
font-style:oblique;
vertical-align: middle;
color:rgb(51,51,51);
}
    /*
.search-filter-color dd{
display: table-cell;
padding: 10px 0;
    */
}

/* shop-wrap */
/*上に移動*//*
.shop-wrap .detail-wrap{ width: 432px; float: left;}
.shop-wrap .shopimg-area{ width: 508px; float: right;}
.shop-area{ padding: 10px; margin-bottom: 40px}
.shop-area dl{ margin-bottom: 20px;}
.shop-area dt{ padding: 10px; margin-bottom: 5px;}
.shop-area dt strong{ font-size: 20px; display: block;}
.shop-area dd{ padding-left: 10px; margin-bottom: 5px;}
.shop-area dd span{ background: #00A3DD; display: inline-block; padding: 2px 4px; width: 26px; font-size: 10px; text-align: center; color: #ffffff; text-shadow: none; margin-right: 5px;}
.shop-area li{ display: inline-block; margin: 0 4px 0 0;}
.shop-area li img{ width: 94px;}
.owner-list li { margin-bottom: 10px;}
.owner-list li img{ width: 100px;}
.owner-list li a:hover{ border: 1px solid #00a3dd; outline: 1px solid #000000; color: #00a3dd;}
.owner-list li a .cf{ width: 100%; margin-bottom: 5px;}
.owner-list li a div{ float: left;}
.owner-list li a div img{ width: 200px;}
.owner-list li a dl{ float: left; width: 200px; font-size: 18px; margin-left: 10px;}
.owner-list li a dt{ margin-bottom: 15px;}
.owner-list li a dd.price{ font-weight: bold; line-height: 1.2;}
.owner-list li a dd.price strong{ font-size: 44px; color: #00A3DD; display: block;}
.owner-list li a dd.price strong span{ font-size: 18px; vertical-align: baseline;}
.owner-list li a p{ background: url("/u-car/common/img/base-bg.png") left center repeat; color: #333333; font-style: normal; font-size: 14px; display: inline-block; padding: 10px; width: 392px;}
.owner-area .btn a{ font-size: 18px; padding: 5px;}
*/
/* comment-wrap */
/*上に移動*//*
.comment-wrap{ padding: 20px; margin-bottom: 20px;}
.comment-wrap dt{ font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.comment-wrap ul{ border: 1px solid #990000; font-size: 12px; margin-top: 10px; padding: 10px;}
.comment-wrap ul li{ color: #990000; margin-bottom: 5px;}
.comment-wrap ul li.lastChild{ margin-bottom: 0px;}
*/
/* contactcar-wrap */
/*上に移動*//*
.contactcar-list{ margin-bottom: 40px;}
.contactcar-list li{ float: left; width: 305px; margin-right: 19px;}
.contactcar-list li.lastChild{ margin-right: 0px;}
.contactcar-list .btn{ width: 305px; height: 209px; display: table-cell; vertical-align: middle; text-align: center;}
.contactcar-list .btn a{ font-size: 26px; width: 245px; padding: 10px; margin: 0 auto; text-align: center;}
.contactcar-list .contactcar-tb dl{ font-size: 12px;}
.contactcar-list .contactcar-tb dt{ width: 92px; padding: 8px;}
.contactcar-list .contactcar-tb dt.price{ height: 32px;}
.contactcar-list .contactcar-tb dt.ais{ height: 32px;}
.contactcar-list .contactcar-tb dd{ padding: 8px;}
.contactcar-list p{ height: 30px; padding: 10px;}
.contactcar-list p a{ padding: 2px; width: 140px; margin: 0 auto; text-align: center;}
*/
/* contact-wrap */
/*上に移動*//*
.contact-area{ padding: 20px; margin-bottom: 20px;}
.contact-area p{ margin-bottom: 10px;}
.contact-area > .notes-list{ margin-bottom: 20px;}
.contact-area .contact-tb dl{ display: table;}
.contact-area .contact-tb dt{ width: 140px; padding: 8px; display: table-cell;}
.contact-area .contact-tb dd{ padding: 8px; display: table-cell;}
.contact-area .contact-tb dd .input-list{ margin-bottom: 10px;}
.contact-area .contact-tb #name{ width: 280px; padding: 10px;}
.contact-area .contact-tb #mail,.contact-area .contact-tb #mail_confirm{ width: 480px; padding: 10px;}
.contact-area .contact-tb #ZIPcode01{ width: 80px; padding: 10px; margin: 0 5px}
.contact-area .contact-tb #ZIPcode02{ width: 120px; padding: 10px; margin: 0 0 0 5px}
.contact-area .contact-tb textarea{ width: 90%; padding: 10px; font-size: 14px;}
.contact-area .contact-tb .red{ display: inline-block; margin: 10px 0 0 5px;}
.contact-wrap .btn-list a{ font-size: 26px; padding: 10px; width: 400px; text-align: center;}
*/
/* supplement-list */
.supplement-list{ color: #990000; text-align: center; margin-top: 20px;}

/*  rg-gallery */
#rg-gallery{position: relative; /*height: 448px;*/}
.rg-image-wrapper{
  width: 494px;
  height: 370px;
}
.car-gallery-images-main li{
  width: 494px;
  height: 370px;
}
.rg-caption-wrapper{ background: url("/u-car/common/img/caption-bg.png") left top repeat; color:#ffffff; position: absolute; bottom: 0; width: 100%;}
.rg-caption{
  max-height:370px;
}
.rg-thumbs{
  position: relative;
  top: 12px;
  left: 0;
  width: 100%;
  height: 53px;
}
.es-nav{
  position: relative;
  z-index: 99;
}
.es-nav span.es-nav-prev {  left: 8px;}
.es-nav span.es-nav-next {  right: 3px;}
.es-nav-prev{ background: #000000;}
.rg-caption p{ font-size:11px; line-height:16px; padding: 0 10px 10px;}

.viewport {
  position: relative;
  width: 365px;
  height: 50px;
  padding-top: 3px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 100;
}

.car-gallery-images {
  position: relative;
  left: 0;
  height: 50px;
}
.car-gallery-images li{
  width: 56px;
  height: 34px;
  float: left;
  margin-right: 5px;
}
.car-gallery-images li img{
  width: 100%;
  height: auto;
  border: 2px solid #fff;
}
.car-gallery-images li.current img{
  border: 2px solid #00A3DD;
}

/* whole_price_detail  */
#whole_price_detail{ width: 500px; height: 300px; padding: 10px;}
#whole_price_detail h4{ font-size: 18px; margin-bottom: 5px;}

/* total-box */
.total-box{ padding: 10px; width: 386px;}
.total-box .left{ font-size: 20px;}
.total-box .right a{ padding: 2px 8px;}
.total-box .price{ padding: 10px; margin-top: 5px; font-size: 16px}
.total-box .note{ font-size: 10px; margin: 5px 0 0 0;}

/* pack-box */
.pack-box{ padding: 10px; width: 386px;}
.pack-box .left{ font-size: 18px;}
.pack-box .left span{ display: block; font-size: 12px;}
.pack-box .right{ margin-top: 4px !important;}
.pack-box .right a{ padding: 4px;}
.pack-box .under dl{ padding: 10px; margin-top: 5px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dt{ font-size: 17px; text-align: center; margin-bottom: 5px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd.left{ font-size: 32px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd.right{ padding-top: 10px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd.left span{ font-size: 18px;}
#cardetail-wrap .top-area .detail-box1 .cf .pack-box .under dd{ font-size: 18px;}

.pc{display: inline;}
.sp{display: none;}

}


/* notice-warp */
.notice-warp{ padding: 10px; text-align: center; font-size: 12px; color: #ff0000; }
.notice-text{ color: #ff0000; }
/* ====================================================================
Form
==================================================================== */
#form_filter li > input{display: none;}


/* 20180129 kawa add : u-car detail caution list indent. */
#cardetail-wrap ul.indentlist li{
	padding-left:1em;
	position:relative;
}
#cardetail-wrap ul li span.indent{
	position:absolute;
	left:0;
}
/* 20180219 iseki add : u-car search */
.hide-area{
	/*display:block;*/
}
.vcon-btn,.certified-btn{
	width:90px;
	padding:2px 4px;
	line-height:1.75;
	font-size:12px;
}
.search-fileter-car-selected-ex1 > li:first-child{
	width:320px;
}
.search-fileter-car-selected-ex1 li dl dt{
	line-height:1.4;
}
.vcon-view{
	padding:0 0 20px 10px;
	width:280px;
}
.btn-vcon-review-check{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(138, 0, 0);
  background-image: -moz-linear-gradient( -90deg, rgb(202,0,45) 0%, rgb(150,0,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(202,0,45) 0%, rgb(150,0,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(202,0,45) 0%, rgb(150,0,0) 100%);
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-shadow:-1px -1px 0px #000000;
  padding:15px 0;
  width:100%;
  display:inline-block;
  transition: all .25s ease;
  cursor: pointer;
  text-align:center;
}
.btn-vcon-review-check span{
	background:url(../img/detail/arrow_vcon.png) no-repeat 0 45%;
	padding-left:15px;
	display:inline-block;
}
.btn-vcon-review-check:hover{
	opacity: .7;
}
.vcon-view-area{
	width:630px;
}
.vcon-view-area .vcon-image img{
	width:100%;
	height:auto;
}
.vcon-print-action{
	padding:20px;
	background:#F1F1F1;
	border-top:1px solid #a8a8a8;
}
.btn-vcon-print{
	text-align:center;
	padding:15px 0;
	font-size:18px;
}
.btn-vcon-print span
{
    display: inline-block;
    background: url(../img/detail/icon_vcon_print.png) no-repeat 0 0;
    padding-left:40px;
}
.modal-container
{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;

    display: none; 

    width: 100%;
    height: 100%;
}
.modal-container .modal-overlay
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer; 

    opacity: 0;
    background: rgba(38, 33, 30, .8);
}
.modal-container .modal-contents
{
    position: absolute;
    top:115px;
    left: 50%;

    transform: translate(-50%, 0);

    opacity: 0;
}
.modal-container .modal-action
{
	margin:25px 0 0;

}
.modal-container .btn-modal-close
{
    display: block;

    transition: all .2s ease-out; 
    color:#fff;
    border:3px solid #fff;
    padding:15px;
    width:100%;
    font-size:18px;
    font-weight:bold;
    background:none;
    cursor:pointer;
}
.modal-container .btn-modal-close span
{
    display: inline-block;
    background: url(../img/detail/icon_modal_close.png) no-repeat 0 0;
    padding-left:40px;
}
.modal-container .btn-modal-close:hover
{
    opacity: .8;
}

.modal-frame
{
    display: none; 

    background: #f8f8f8;
}

.modal-body
{
    /*padding: 30px;*/
}
.view-br-sp{
	display:none;
}

@media screen and (max-width: 720px){
	.search-fileter-car-selected-ex1 > li:first-child{
		width:auto;
	}
	.search-fileter-car-selected-ex1 li dl dt{
		line-height:175%;
	}
	.vcon-btn,.certified-btn{
		height:40px;
		padding:2px 15px;
		margin:5px;
		font-size:14px;
	}
	.vcon-btn{
		width:130px;
	}
	.view-pc{
		display:none;
	}
	.view-br-sp{
		display:inline;
	}
	.vcon-view{
		padding:10px 0;
		width:auto;
	}
	.btn-vcon-review-check{
		font-size:16px;
	}
	.vcon-view-area{
		width:auto;
		min-width:300px;
	}
	.vcon-print-action{
		display:none;
	}
	.modal-container .btn-modal-close
	{
	    font-size:16px;
	}
	.modal-container .btn-modal-close span
	{
	    background-image: url(../img/detail/icon_modal_close_sp.png);
	    background-position:left 44%;
	    background-size:15px auto;
	    padding-left:30px;
	}
	.btn-vcon-review-check{
		font-size:11px;
	}
	.btn-vcon-review-check span{
		background-size:6px auto;
		padding-left:10px;
	}
}
.ucar-header-msg{
	background-color:#1da8e1;
	color:#fff;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	padding:5px 0;
	display:none;
}
.ucar-header-msg.extra{
	background:none;
	border:2px solid #1da8e1;
	font-size:11px;
	/*font-weight:bold;*/
	padding:5px 10px;
	position: absolute;
	left:515px;
	bottom:12px;
	width:180px;
	color:#333;
	text-align:left;
	font-weight:normal;
	display:block;
	/*display:none;*/
}

@media screen and (max-width: 720px){
	.ucar-header-msg.extra{
		position: static;
		padding:5px 0;
		width:auto;
		margin:0 10px 15px;
		text-align:center;
		border-width:1px;
		/*display:none;*/
	}
}
.slider-text{
	overflow:hidden;
	display:table;
	width:100%;
}
.slider-text *{
	box-sizing: border-box;
}
.slider-text li{
	display:table-cell;
	width:16%;
	background:#fff;
	font-size:13px;
	font-weight:bold;
	border-left:1px solid #cbcbcb;
	line-height:1.2;
}
.slider-text li:first-child{
	border-left:none;
}
.slider-text a{
	color:#333;
	display:block;
	background:url(../img/home/icon_slider_thumb_arrow.png) no-repeat right bottom;
}
.slider-text .inner{
	display:table;
	width:100%;
	height:60px;
	padding:0 10px;
	padding-right:0;
}
.slider-text .inner > span{
	display:table-cell;
	vertical-align: middle;
}
.slider-text .inner > .thumb{
	width:46px;
}
.slider-text a.hover,
.slider-text a.active{
	background-color:#2e2e2e;
	color:#fff;
}
.thumb-bnr{
	margin:10px 0 20px;
}
#main-bnr-wrap .thumb-bnr .bx-wrapper .bx-viewport{
	border:none;
	background:none;
	box-shadow:none;
}
@media screen and (max-width: 720px){
	.slider-text{
		display:block;
		margin:0 -1px;
	}
	.slider-text li{
		float:left;
		display:block;
		width:33.33495%;
		font-size:10px;
	}
	.slider-text a{
		background-image:url(../img/home/icon_slider_thumb_arrow_sp.png);
		background-size:15px auto;
	}
	.slider-text .inner{
		height:40px;
		padding:0 5px;
		padding-right:0;
	}
	.slider-text .inner > .thumb{
		width:25px;
	}
	.slider-text .inner > .thumb img{
		width:20px;
		height:auto;
	}
}
#gmapouter{
	display:none;
}
#gmapouter.show{
	display:block;
}
#gmapouter.err,
.contact-area .contact-tb dl.err dt{
	background-image:none;
	background-color:#BB3333;
} 


.contact-area .contact-tb .cautionbox{
	margin:10px;
}

.caution_txt_red{
	color:#990000;
}

/**sortbtnArea**/
.sortbtnTtl{
	padding-left: 0px;
    margin-right: 10px;
    font-size: 18px;
    line-height: 175%;
    font-style: oblique;
    color: #cccccc;
}

.sortbtnArea{
	width: 100%;
	background-color: #444444;
}
.sortbtnArea th,
.sortbtnArea td{
	color: #cccccc;
	/*border: #999999 solid 1px;*/
	text-align: center;
}
.sortbtnArea th{
	background-color: #555555;
	width: 25%;
	font-size: 110%;
	padding: 0.3em 0;
	background: url(/u-car/common/img/base-bg.png) left center repeat;
    line-height: 1.6;
    font-style: oblique;
	color: #333;
	text-shadow: 1px 1px 0 #ffffff;
	border-right: #999999 solid 1px;
}
.sortbtnArea th:last-child{
	border-right: none;
}
.sortbtnArea td{
	padding: 0.5em 1.5em;
}
.sortbtnArea td a{
	display: block;
	padding: 0.1em 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #333333;
}
.sortbtnArea td a:hover{
	color: #0073B3;
	background-color: #cccccc;
}
.sortbtnArea td .sort_target{
	color: #ffffff;
	background-color: #00a3dd;
}

.search-result-sort{
	border: none;
    margin-bottom: 0px;
}
.search-result-sort li:first-child {
    padding-left: 0px;
}
.search-result-sort li.search-result-number {
    padding: 0px 0px 0 0;
}
@media screen and (max-width: 720px){
	.sortbtnArea td{
		padding: 0.25em 0.25em;
	}
	.sortbtnArea td a{
		padding: 0.75em 0;
	}
	.sortbtnArea td a:hover{
		color: #cccccc;
		background: none;
	}
	.search-result-sort li.search-result-number {
    padding: 4px 0px 8px 0;
	}
}





@media screen and (min-width: 720px){
	#filter_submit {
		width: 260px;
		padding: 12px 12px 12px 50px;
	}
}

.refinebtn .numberbox{
	float: right;
	display: inline-block;
	font-style: normal;
	text-align: right;
	color: #e0e0e0;
	border: #0b5a91 solid 1px;
	border-radius: 4px;
	padding: 3px 10px 3px 5px;
	margin-left: 10px;
	line-height: 1;
	background-color: #1C84CD;
}
.refinebtn .numbertxt{
	font-size: 40%;
	font-weight: normal;
	display: inline-block;
	line-height: 1.2;
}
.refinebtn .numbernumber{
	font-size: 90%;
	font-style: oblique;
	display: inline-block;
    text-shadow: -1px -1px 0px #000000;
	line-height: 1.1;
	
}
#contents > div {
	position: relative;
}
#contents > div > .numberfixboxWrap{
	width: 960px;
    margin: 0 auto;
	position: absolute;
	z-index: 100;
	top: 0;
    left:50%;
	margin-left: -480px;
	text-align: right;
	pointer-events: none;
}
#contents > div > .numberfixboxWrap.fixed {
	position: fixed;
	top: 0;
	left:50%;
	margin-left: -480px;
}
#contents .numberfixbox{
	display: inline-block;
    text-align: center;
	padding: 5px 15px 5px 15px;
	border-radius: 0 0 10px 10px;
	
	box-sizing: border-box;
	background: #026db9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod窶ｦIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #026db9 0%, #1d79ba 35%, #0b5a91 78%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91));
	background: -webkit-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: -o-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: -ms-linear-gradient(top, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	background: linear-gradient(to bottom, #026db9 0%,#1d79ba 35%,#0b5a91 78%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 );
	border-left: #00A3DD solid 2px;
	border-right: #00A3DD solid 2px;
	border-bottom: #00A3DD solid 2px;
}

.numberfixinner{
	color: #e0e0e0;
	text-align: center;
}
.fixinnertxt{
	font-size: 10px;
}
.fixinnernumber{
	font-size: 140%;
	font-style: oblique;
	font-weight: bold;
	line-height: 0.75;
	 text-shadow: -1px -1px 0px #000000;
}

@media screen and (max-width: 720px){
	#contents > div > .numberfixboxWrap{
		width: 100%;
		margin: 0 auto;
		left:0%;
		text-align: right;
	}
	#contents > div > .numberfixboxWrap.fixed {
		left:0;
		margin-left: 0px;
	}
	#contents > div > .numberfixboxWrap img,
	.numberbox img {
		width: 3em;
        height: auto;
	}
}





/*************/

/* search-filter-menu */
/*
.search-filter-menu li{ float: left;}
.search-filter-menu li dl{ display: table; box-sizing: border-box; -moz-box-sizing: border-box;}

.search-filter-menu li dl dt{
	display: table-cell;
	width: 150px;
	font-size: 18px;
	font-weight: bold;
	line-height: 175%;
	font-style: oblique;
	vertical-align: middle;
	color: rgb(51,51,51);
}
.search-filter-menu li dl dd{ display: table-cell; vertical-align: middle;}
*/


/* =============================================
	SP
============================================= */
@media screen and (max-width: 720px){



/* search-filter-menu */
.search-list-wrap{ margin-bottom: 10px;}
.search-filter-menu li{
box-sizing: border-box;
float: left;
}

.drive_system-list li,.mission-list li,.nenryou-list li,.area-list li{ float: left;}/*20191016 kudo add 燃料リスト追加 .*/

.search-filter-menu li dl{
display: block;
border-bottom: 2px solid #000000;
}


.search-filter-menu dd.inner > div{ width: 220px; margin: 5px auto 10px;}

/*  rg-gallery */
#rg-gallery{position: relative; margin-bottom: 20px;}
.rg-image-wrapper{
  width: 278px;
  height: 208px;
}
.car-gallery-images-main li{
  width: 278px;
  height: 208px;
}

.rg-caption-wrapper{ background: url("/u-car/common/img/caption-bg.png") left top repeat; color:#ffffff; position: absolute; bottom: 0; width: 100%;}
.rg-caption{
  max-height:208px;
}
.rg-thumbs{
  position: relative;
  top: 12px;
}
.es-nav{
  position: relative;
  z-index: 99;
}
.es-nav span.es-nav-prev {  left: 0;}
.es-nav span.es-nav-next {  right: 0;}
.es-nav-prev{ background: #000000;}
.rg-caption p{ font-size:11px; line-height:16px; padding: 0 10px 10px;}

.viewport {
  position: relative;
  width: 183px;
  height: 50px;
  padding-top: 3px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 100;
}

.car-gallery-images {
  position: relative;
  left: 0;
  height: 50px;
}
.car-gallery-images li{
  width: 56px;
  height: 34px;
  float: left;
  margin-right: 5px;
}
.car-gallery-images li img{
  width: 100%;
  height: auto;
  border: 2px solid #fff;
}
.car-gallery-images li.current img{
  border: 2px solid #00A3DD;
}

}
/* =============================================
	SP
============================================= */
@media screen and (max-width: 720px){

.search-filter-menu{
    width: 100%;
    }

    .search-filter-menu tr td{
        display: block;
        width: 100%;
        padding: 10px 15px 10px 15px;
        border: #fff outset 1px;
        /*
        border-top: 1px solid #fff;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
        */
        box-sizing: border-box;
        vertical-align: middle;
    }



.search-filter-menu tr td dl {
display: block;
width: 100%;
box-sizing: border-box;
}

.search-filter-menu tr td dl dt {
display: table-cell;
width: auto;
font-size: 17px;
font-weight: bold;
line-height: 155%;
font-style: oblique;
vertical-align: middle;
color: rgb(51,51,51);
}
.search-filter-menu tr td dl.singleline dt {
width: 25%;
}
.search-filter-menu tr td dl.singleline {
display: table;
}
    .search-filter-menu tr td dl dd {
        overflow: hidden;
}
    .search-filter-menu tr td dl dd .color-btn{
        width: auto;
}
    .search-filter-menu tr td dl dd .color-btn span:nth-of-type(2){
        display: inline-block;
    }
    .search-filter-menu tr td.color-box dl dd .color-btn span:nth-of-type(2){
        display: none;
    }
    
}
/* =============================================
	PC
============================================= */
@media screen and (min-width: 720px){

.search-filter-menu{
    width: 960px;
    }

    .search-filter-menu tr td{
        width: 33.33333%;
        padding: 10px 15px 10px 15px;
        border: #fff outset 2px;
        /*
        border-top: 1px solid #fff;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
        */
        box-sizing: border-box;
        vertical-align: middle;
    }
	hide-area02.search-filter-menu tr td{
        padding: 10px 15px 5px 15px;
    }
    .search-filter-menu tr td dl {
    display: table;
    width: 100%;
    box-sizing: border-box;
    }

    .search-filter-menu tr td dl dt {
    display: table-cell;
    width: 100px;
    font-size: 17px;
    font-weight: bold;
    line-height: 155%;
    font-style: oblique;
    vertical-align: middle;
    color: rgb(51,51,51);
    }
    .search-filter-menu .long-ttl dt{
        width: 150px;
        padding: 0;
    }
    .search-filter-menu .long-ttl dd .mission-btn{
        width: auto;
        padding: 0 1.5em;
    }
}

/****20200124絞り込み検索追加*****/

@media screen and (min-width: 720px){
    .color-list.optionCheck .color-btn{
        width: 195px;
    }
    .shortDoc .color-list.optionCheck .color-btn{
        width: auto;
    }
    .color-list.optionCheck li{
        margin-bottom: 0px;
    }
    .search-filter-menu.optionRefineArea tr td dl dt{
        width: 140px;
    }
    .color-list.optionCheck .color-btn.widebox{
        width: 390px;
    }
    .search-list-wrap nav{
        padding-top: 40px;
        background-color: #606060;
    }
    .optionRefineArea .color-btn:hover span.check-color{
        background-color: #B8D4DF;
    }
}

.optionRefineArea .check-color{
    width: 1.25em;
    height: 1.25em;
    border-color: #999999;
    background-color: #f0f0f0;
}

.optionRefineArea .color-btn.selected .check-color{
    background-color: #00a3dd;
    background-image: url("../common/img/icon_option_check.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.optionRefineArea .optionTtl {
    background-color: #f0f0f0;
}
.optionRefineArea .optionTtl .ttltxt {
    font-size: 17px;
    font-weight: bold;
    line-height: 125%;
    font-style: oblique;
    vertical-align: middle;
    color: rgb(51,51,51);
    text-align: center;
}

/*//bar-test 2020015*/
.accordion-btn02{
    background: #026db9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNmRiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzFkNzliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzBiNWE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #026db9 0%, #1d79ba 35%, #0b5a91 78%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* IE10+ */
    background: linear-gradient(to bottom,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 ); /* IE6-8 */
    border: 2px solid #0b5a91;
    cursor: pointer;
    display: block;
    color: #cccccc;
    font-style: oblique;
    font-weight: bold;
    text-shadow: -1px -1px 0px #000000;
    padding: 10px 20px;
    margin-bottom: 0;
}
.accordion-btn02:hover{ border: 2px solid #00A3DD; color: #ffffff;}
.accordion-btn02 h2{ text-align: center; float: none; font-size: 18px;}
.accordion-btn02 h2 > span{ background: url("/u-car/common/img/ico-open.png") right 54% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}
.accordion-btn02.opened h2 > span{ background: url("/u-car/common/img/ico-close.png") right 54% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}
.hide-area { display: none;}
#form_search .search-result-sort{ display: none;}
#form_search { padding-bottom: 20px;}

.accordion-btn02.accordion-red-btn{
    background: #cc0033; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2I1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzk1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #cc0033 0%, #b50000 35%, #950000 78%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0033), color-stop(35%,#b50000), color-stop(78%,#950000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* IE10+ */
    background: linear-gradient(to bottom, #cc0033 0%,#b50000 35%,#950000 78%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0033', endColorstr='#950000',GradientType=0 ); /* IE6-8 */
    border: 2px solid #950000;
}
.accordion-btn02.accordion-red-btn:hover{ border: 2px solid #FF0033; color: #ffffff;}
.accordion-btn02.accordion-red-btn h2 > span{ background: url("/u-car/common/img/ico-red-open.png") right 52% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}
.accordion-btn02.accordion-red-btn.opened h2 > span{ background: url("/u-car/common/img/ico-red-close.png") right 52% no-repeat; background-size: 18px; padding: 5px 28px 5px 0px;}

@media screen and (max-width: 720px){
    .search-list-wrap nav{
        padding: 2em 1em;
        background-color: #606060;
    }
}