@charset "UTF-8";

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

/*==================================================
	Button Style
==================================================*/

a.btn-01-red,
a.btn-01-gray3 {
display: block;
width: auto;
padding: 8px 20px;
text-align: center;
line-height: 0;
}

a.btn-01-red { background-color: #c71444; }
a.btn-01-red:hover { background-color: #a8163c; }

a.btn-01-gray3 { background-color: #8a8a8a; }
a.btn-01-gray3:hover { background-color: #757575; }

/*==================================================
	Breadcrumbs List
==================================================*/

div.naviList {
margin-top: 24px;
margin-left: 22px;
padding: 0px;
font-size: 10px;
}

div.naviList ul:after  { content:""; display:block; clear:both; }
* html div.naviList ul { display:inline-block;}
*+html div.naviList ul { display:inline-block;}

div.naviList ul li {
height: 11px;
margin: 0px;
margin-right: 3px;
padding: 0px;
padding-left: 9px;
background-image: url("/IMAGES/mark_rightarrow.gif");
background-repeat: no-repeat;
line-height: 11px;
overflow: hidden;
vertical-align: baseline;
float: left;
}

div.naviList ul li.woSeparator {
background-image: none;
padding: 0px;
}

div.naviList ul li.current {
color: #c71444;
font-size: 10px;
}

div.naviList ul li a {
font-size: 10px;
color: #666666;
text-decoration: none;
}

div.naviList ul li a:hover {
color: #c71444;
}

div.naviList div.rssIcon {
text-align: right;
}

/*==================================================
	Main Contents
==================================================*/

#mainContents {
position: relative;
width: 964px;
margin: 24px auto 40px;
color: #4c4c4c;
}
#mainContents:after  { content:""; display:block; clear:both; }
* html #mainContents { display:inline-block;}
*+html #mainContents { display:inline-block;}

#mainContents h1 {
    padding-bottom: 0px;
    border-bottom: none;
}

/*::::::::  #topNav  :::::::::::::::::*/

#topNav {
	width: 964px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #c1c1c1;
}

#topNav h1 {
	width: 600px;
	float: left;
}

#topNav ul {
	width: 350px;
	margin-top: 5px;
	float: right;
	text-align: right;
}

#topNav ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 12px 0 10px;
	background-image: url("/CARLINEUP/IMAGES/simpleView_link_arrow.gif");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 7px;
}

#topNav ul li a:hover,
#topNav ul li a:active {
	color: #c71444;
}

#topNav ul li a {
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 25px;
	padding: 9px 0 4px 30px;
}

#topNav ul .List01 a { background-image: url("/CARLINEUP/IMAGES/icn_topNav_buying.gif");}
#topNav ul .List02 a { background-image: url("/CARLINEUP/IMAGES/icn_topNav_simlator.gif");}



/*:::::::::::::::::::::::::::::::::::::*/


#conditionBox {
position: relative;
width: 279px;
float: left;
margin-top: 24px;
padding-bottom: 12px;
border: solid 1px #d9d9d9;
background: #fff;
z-index: 2;
}
* html conditionBox {overflow: hidden;}
#leftColumn {
position: relative;
width: 279px;
float: left;
margin-top: 24px;
padding-bottom: 12px;
border: solid 1px #d9d9d9;
background: #fff;
}
#resultBox {
position: relative;
width: 650px;
float: right;
margin-top: 24px;
}

/*==================================================
	ConditionBox
==================================================*/

#conditionBox h2,
#leftColumn h2{
margin: 20px 0 0 10px;
line-height: 0;
}
#leftColumn a img {
margin: 12px 0 10px 10px;	
}

#conditionBox h3 {
position: relative;
line-height: 0;
}

#conditionBox h3 .ico-arrow {
position: absolute;
display: block;
width: 17px;
height: 13px;
right: 0;
top: 0;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(../IMAGES/ico_arrow_w17.gif);
}

* html #conditionBox h3 .ico-arrow{
right: 10px;
}

#conditionBox .btn-AllClear {
display: none;
margin-top: 12px;
padding: 0 10px;
}

* html #conditionBox .btn-AllClear {
width: 259px;
padding: 0 0 0 10px;
}

#conditionBox .category-box {
margin-top: 12px;
padding-bottom: 11px;
background: url(../IMAGES/bg_line_categorybox.gif) no-repeat center bottom;
}

#conditionBox .category-box .title-box {
padding: 0 10px;
position: relative;
}

#conditionBox .category-box .box,
#conditionBox .category-box .acordion-box {
margin-top: 12px;
}

/*  CheckBox  */
#conditionBox .checkbox-list {
padding-left: 10px;
}

#conditionBox .checkbox-list:after  { content:""; display:block; clear:both; }
* html #conditionBox .checkbox-list { display:inline-block;}
*+html #conditionBox .checkbox-list { display:inline-block;}

#conditionBox .checkbox-list li {
display: block;
}

* html #conditionBox .checkbox-list li {
line-height: 0;
}

#conditionBox input[type='checkbox']{
position: absolute;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

* html input.checkbox {
position: absolute;
visibility: hidden;
}

#conditionBox .cb-checkbox{
position: relative;
display: block;
padding: 1px 0 0 20px;
background-position: 0 1px;
background-repeat: no-repeat;
background-image: url(../IMAGES/btn_checkbox_off.gif);
cursor: pointer;
line-height: 1.2;
overflow: hidden;
}

* html #conditionBox .cb-checkbox {
background-position: 0 3px;
padding: 2px 0 2px 18px;
}

#conditionBox .cb-checkbox.checked{
background-image: url(../IMAGES/btn_checkbox_on.gif);
}

/*  Color-chip  */
#conditionBox .carline-list,
#conditionBox .color-list,
#conditionBox .carnames-list {
display: block;
padding: 0 0 0 10px;
}

#conditionBox .carline-list:after  { content:""; display:block; clear:both; }
* html #conditionBox .carline-list { display:inline-block;}
*+html #conditionBox .carline-list { display:inline-block;}

#conditionBox .color-list:after  { content:""; display:block; clear:both; }
* html #conditionBox .color-list { display:inline-block;}
*+html #conditionBox .color-list { display:inline-block;}

#conditionBox .carnames-list:after  { content:""; display:block; clear:both; }
* html #conditionBox .carnames-list { display:inline-block;}
*+html #conditionBox .carnames-list { display:inline-block;}

#conditionBox .carline-list li,
#conditionBox .color-list li,
#conditionBox .carnames-list li {
display: block;
float: left;
}

#conditionBox .carline-list .color-chip,
#conditionBox .color-list .color-chip,
#conditionBox .carnames-list .color-chip {
display: block;
float: left;
line-height: 0;
text-align: center;
color: #fff;
cursor: pointer;
}

#conditionBox .color-chip:hover {
background: #c71444;
}

#conditionBox .carline-list .color-chip.checked,
#conditionBox .color-list .color-chip.checked,
#conditionBox .carnames-list .color-chip.checked {
background: #c71444;
}

/*  Slider  */
#conditionBox .sliderWrap {
position: relative;
width: 259px;
height: 50px;//35px;
padding: 16px 0 0 0;
margin-left: 10px;
background: url(../IMAGES/slider_bg.gif) no-repeat center 8px; 
}

* html #conditionBox .sliderWrap { left: 0px; line-height: 0; font-size: 0; }
*+html #conditionBox .sliderWrap { left: 0px; }

#conditionBox .sliderWrap .slide-border{
position: absolute;
z-index: 2;
width: 268px;
height: 35px;
top: -8px;
left: -5px;
background: no-repeat;
background-position: top center;
}

#conditionBox .sliderWrap .ui-widget-content {
background: none;
border: none;
}

#conditionBox .sliderWrap .ui-widget-header{
background: #c81346;
height: 10px;
}

#conditionBox .sliderWrap .ui-slider .ui-slider-handle{
width: 14px;
height: 15px;
margin-top: -12px;
margin-left: -7px!important;
background: url(../IMAGES/slider_-knob_bg.gif) no-repeat;
border: none!important;
border-radius: 0;
cursor: pointer;
}

/*  車種分類  */
#conditionBox .carline-list li,
#conditionBox .carline-list li .color-chip {
width: 129px;
}

#conditionBox .carline-list li {
margin: 0 1px 8px 0;
}

/*150727dd*/
#conditionBox .carline-list .lv-btn{
	height: 30px;
	overflow: hidden;
}
#conditionBox .carline-list .lv-btn a{
	background-color: #C1C1C1;
}
#conditionBox .carline-list .lv-btn a:hover{
	background-color: #c81346;
}
#conditionBox .carline-list .lv-btn a:hover img{
	position: relative;
	top: -30px;	
}

/*  カテゴリー  */
#conditionBox #bodyType .checkbox-list li {
width: 80px;
height: 76px;
margin: 0 9px 8px 0;
float: left;
}

#conditionBox #bodyType .checkbox-list li .thmb {
width: 78px;
height: 45px;
margin-bottom: 4px;
border: solid 1px #d9d9d9;
background-color: #c1c1c1;
cursor: pointer;
}

#conditionBox #bodyType .checkbox-list li .thmb:hover,
#conditionBox #bodyType .checkbox-list li .thmb.checked {
border: solid 1px #c71444;
background-color: #c71444;
}

* html #conditionBox #bodyType .checkbox-list li {
height: 82px;
}
* html #conditionBox #bodyType .checkbox-list li .thmb {
background-image: none;
}
* html #conditionBox #bodyType .checkbox-list li label.cb-checkbox.checked {
background-color: transparent;
border: none;
}

#conditionBox #bodyType .bissiness-car {
display: none;
}

/*  エコカー  */
#conditionBox #ecocarLine .box-inner {
width: 100%;
}

#conditionBox #ecocarLine .box-inner:after  { content:""; display:block; clear:both; }
* html #conditionBox #ecocarLine .box-inner { display:inline-block;}
*+html #conditionBox #ecocarLine .box-inner { display:inline-block;}

#conditionBox #ecocarLine .checkbox-list {
float: left;
}

#conditionBox #ecocarLine .checkbox-list li {
margin-bottom: 8px;
}

#conditionBox #ecocarLine .box-left {
width: 128px;
border-right: solid 1px #d9d9d9;
}

#conditionBox #ecocarLine .box-right {
width: 108px;
}

/*  価格帯  */
#conditionBox #priceSlider .slide-border{
background-image: url(../IMAGES/priceslider_bar_bg.gif); 
}

/*  燃費  */
#conditionBox #fuelSlider .slide-border{
background-image: url(../IMAGES/fuelslider_bar_bg.gif); 
}

/*  排気量  */
#conditionBox #displacementSlider .slide-border{
background-image: url(../IMAGES/displacementslider_bar_bg.gif); 
}

/*  乗車定員  */
#conditionBox #complementSlider .slide-border{
background-image: url(../IMAGES/complementslider_bar_bg.gif); 
}

/*  カラー  */
#conditionBox #colorList .color-list li {
width: 82px;
height: 34px; 
margin: 0 6px 8px 0;
}
* html #conditionBox #colorList .color-list li { margin: 0 5px 6px 0; }

#conditionBox #colorList .color-list li .color-chip {
width: 80px;
height: 32px; 
border: solid 1px #d9d9d9;
}

#conditionBox #colorList .color-list li .color-chip:hover,
#conditionBox #colorList .color-list li .color-chip.checked {
border: solid 1px #c71444;
}

/*  駆動方式  */
#conditionBox #driveTypeList .checkbox-list li {
width: 128px;
float: left;
margin-bottom: 8px;
}

#conditionBox #driveTypeList .checkbox-list li.box-left {
width: 107px;
margin-right: 10px;
padding-right: 10px;
border-right: solid 1px #d9d9d9;
}

/*  車種名  */
#conditionBox .carnames-list li {
margin: 0 10px 8px 0;
}
* html #conditionBox .carnames-list li { margin: 0 7px 6px 0; }

/*==================================================
	Search Condition
==================================================*/

#searchCondition {
position: relative;
width: 650px;
z-index: 400;
background: url(../IMAGES/bg-white.png);
padding: 0 0 24px 0;
display: none;
}

* html #searchCondition {
background: #fff;
}

#searchCondition .box-inner {
position: relative;
padding: 10px 10px 10px 86px;
background: #f9f9f9;
border: solid 1px #d9d9d9;
}

#searchCondition .result-num-box {
position: absolute;
width: 66px;
left: 10px;
bottom: 10px;
}

#searchCondition .result-num-box #cnt-summary {
text-align: center;
font-size: 16px;
font-weight: bolder;
}

#searchCondition .box-right {
border-left: solid 1px #d9d9d9;
padding-left: 12px
}
#searchCondition .box-right:after { content:""; display:block; clear:both; }
* html #searchCondition .box-right { display:inline-block;}
*+html #searchCondition .box-right { display:inline-block;}

#searchCondition .box-right h3 {
margin-bottom: 5px;
}

#searchCondition .box-right dl {
display: inline-block;
float: left;
padding-right: 4px;
}
#searchCondition .box-right dl:after { content:""; display:block; clear:both; }
* html #searchCondition .box-right dl { display:inline-block;}
*+html #searchCondition .box-right dl { display:inline-block;}

#searchCondition .box-right dl dt,
#searchCondition .box-right dl dd {
display: inline-block;
float: left;
padding-right: 6px;
vertical-align: middle; 
}

#searchCondition .box-right dl dt {
font-weight: bold; 
}

#searchCondition .box-right dl .reslt_btn {
display: inline-block;
width: 13px;
height: 13px;
margin: 0 0 -2px 2px;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(../IMAGES/resultBox_list_btn_bg.gif);
cursor: pointer; 
}

#searchCondition .box-right dl .reslt_btn:hover {
background-position: -13px 0;
}


/*==================================================
	resultDisplayArea
==================================================*/

#resultDisplayArea {
width: 650px;
overflow-x: hidden;
}

/*==================================================
	TAB
==================================================*/

#mainContents .select-tab {
height: 40px;
padding-left: 28px;
background: #4c4c4c;
border-bottom: solid 3px #c71444;
}
#mainContents .select-tab:after { content:""; display:block; clear:both; }
* html #mainContents .select-tab { display:inline-block;}
*+html #mainContents .select-tab { display:inline-block;}

#mainContents .select-tab li {
float: left;
display: inline-block;
height: 40px;
margin-right: 28px;
cursor: pointer;
}

* html #mainContents .select-tab li { font-size: 0; }

#mainContents .select-tab li.current {
cursor: default;
}

/*==================================================
	Selecter
==================================================*/

#mainContents #sub-select {
width: 197px;
position: relative;
padding-top: 20px;
margin-bottom: 24px;
z-index: 300;
}

#sort-select {
display: block;
width: 177px;
padding: 10px 0 10px 20px;
background-color: #8a8a8a;
background-image: url(../IMAGES/ico_arrow_down_w17.png);
background-position: 164px center;
background-repeat: no-repeat;
font-size:12px;
color:#fff;
}

#sort-select:hover {
background-color: #757575;
}

#sort-select.opend {
background-color: #8a8a8a;
background-image: url(../IMAGES/ico_arrow_up_w17.png);
}

#sort-select-sub {
display: none;
position: absolute;
left: 0;
top: auto;
width: 195px;
border-top: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9;
border-left: solid 1px #d9d9d9;
}

#sort-select-sub li,
#sort-select-sub li a {
display: block;
}

#sort-select-sub li {
border-bottom: solid 1px #d9d9d9;
}

#sort-select-sub li a {
padding: 10px 20px;
background-color: #f9f9f9;
font-size: 12px;
}

#sort-select-sub li a,
#sort-select-sub li a:link,
#sort-select-sub li a:hover,
#sort-select-sub li a:visited {
color: #4c4c4c;
}

#sort-select-sub li a.current
, #sort-select-sub li a:hover {
background: #eee;
}

/*==================================================
	simpleView
==================================================*/

#resultDisplayArea #simpleViewContainer {
width: 665px;
padding-bottom: 16px;
}
#resultDisplayArea #simpleViewContainer:after { content:""; display:block; clear:both; }
* html #resultDisplayArea #simpleViewContainer { display:inline-block;}
*+html #resultDisplayArea #simpleViewContainer { display:inline-block;}

#resultDisplayArea #simpleViewContainer li {
position: relative;
width: 152px;
float: left;
margin: 0 14px 14px 0;
height: 219px;
}

#resultDisplayArea #simpleViewContainer .car-ph {
position: relative;
width: 152px;
height: 106px;
overflow: hidden;
}

#resultDisplayArea #simpleViewContainer .car-ph .car-image {
display: none;
position: absolute;
left: 4px;
top: 0;
}

#resultDisplayArea #simpleViewContainer .car-ph .ico-loader {
position: absolute;
left: 61px;
top: 38px;
}


#resultDisplayArea #simpleViewContainer .car-ph .ico-new {
position: absolute;
display: block;
width: 42px;
height: 17px;
left: 1px;
top: 1px;
background: url(../IMAGES/ico_new.gif) no-repeat 0 0;
}

#resultDisplayArea #simpleViewContainer .car-txt {
padding: 0 8px 8px 8px;
}

#resultDisplayArea #simpleViewContainer .car-txt h3 {
height: 46px;
padding-bottom: 1px;
background: url(../IMAGES/dotline_01.gif) repeat-x bottom left;
}

#resultDisplayArea #simpleViewContainer .car-txt p.price {
margin-top: 5px;
font-weight: bold;
}

#resultDisplayArea #simpleViewContainer .car-txt p.category {
margin-top: 3px;
font-size: 11px;
}

#resultDisplayArea #simpleViewContainer li a.decorator {
position: absolute;
left: 0;
top: 0;
width: 143px;
height: 219px;
background: url(../IMAGES/spacer.gif) repeat 0 0;
border: solid 1px #fff;
}

* html #resultDisplayArea #simpleViewContainer li a.decorator { font-size: 0; }
*+html #resultDisplayArea #simpleViewContainer li a.decorator { font-size: 0; }

#resultDisplayArea #simpleViewContainer li a.decorator:hover {
border: solid 1px #c71444;
}


/*==================================================
	defaultView
==================================================*/

#resultDisplayArea #defaultView ul
, #resultDisplayArea #defaultBizView ul
, #resultDisplayArea #defaultNismoView ul
{
width: 665px;
padding-bottom: 16px;
}
#resultDisplayArea #defaultView:after
, #resultDisplayArea #defaultBizView:after
, #resultDisplayArea #defaultNismoView:after
    { content:""; display:block; clear:both; }

* html #resultDisplayArea #defaultView
, * html #resultDisplayArea #defaultBizView
, * html #resultDisplayArea #defaultNismoView
    { display:inline-block;}
*+html #resultDisplayArea #defaultView
, *+html #resultDisplayArea #defaultBizView
, *+html #resultDisplayArea #defaultNismoView
    { display:inline-block;}

#resultDisplayArea #defaultView li
, #resultDisplayArea #defaultBizView li
, #resultDisplayArea #defaultNismoView li
{
position: relative;
width: 152px;
float: left;
margin: 0 14px 14px 0;
height: 219px;
}

#resultDisplayArea #defaultView .car-ph
, #resultDisplayArea #defaultBizView .car-ph
, #resultDisplayArea #defaultNismoView .car-ph
{
position: relative;
width: 152px;
height: 106px;
overflow: hidden;
}

#resultDisplayArea #defaultView .car-ph .car-image
, #resultDisplayArea #defaultBizView .car-ph .car-image
, #resultDisplayArea #defaultNismoView .car-ph .car-image
{
display: none;
position: absolute;
left: 4px;
top: 0;
}

#resultDisplayArea #defaultView .car-ph .ico-loader
, #resultDisplayArea #defaultBizView .car-ph .ico-loader
, #resultDisplayArea #defaultNismoView .car-ph .ico-loader
{
position: absolute;
left: 61px;
top: 38px;
}


#resultDisplayArea #defaultView .car-ph .ico-new
, #resultDisplayArea #defaultBizView .car-ph .ico-new
, #resultDisplayArea #defaultNismoView .car-ph .ico-new {
position: absolute;
display: block;
width: 42px;
height: 17px;
left: 1px;
top: 1px;
background: url(../IMAGES/ico_new.gif) no-repeat 0 0;
}

#resultDisplayArea #defaultView .car-txt
, #resultDisplayArea #defaultBizView .car-txt
, #resultDisplayArea #defaultNismoView .car-txt
{
padding: 0 8px 8px 8px;
}

#resultDisplayArea #defaultView .car-txt h3
, #resultDisplayArea #defaultBizView .car-txt h3
, #resultDisplayArea #defaultNismoView .car-txt h3
{
height: 46px;
padding-bottom: 1px;
background: url(../IMAGES/dotline_01.gif) repeat-x bottom left;
}

#resultDisplayArea #defaultView .car-txt p.price
, #resultDisplayArea #defaultBizView .car-txt p.price
, #resultDisplayArea #defaultNismoView .car-txt p.price
{
margin-top: 5px;
font-weight: bold;
}

#resultDisplayArea #defaultView .car-txt p.category
, #resultDisplayArea #defaultBizView .car-txt p.category
, #resultDisplayArea #defaultNismoView .car-txt p.category {
margin-top: 3px;
font-size: 11px;
}

#resultDisplayArea #defaultView li a.decorator
, #resultDisplayArea #defaultBizView li a.decorator
, #resultDisplayArea #defaultNismoView li a.decorator
{
position: absolute;
left: 0;
top: 0;
width: 143px;
height: 219px;
background: url(../IMAGES/spacer.gif) repeat 0 0;
border: solid 1px #fff;
}

* html #resultDisplayArea #defaultView li a.decorator
, * html #resultDisplayArea #defaultBizView li a.decorator
, * html #resultDisplayArea #defaultNismoView li a.decorator
    { font-size: 0; }
*+html #resultDisplayArea #defaultView li a.decorator
, *+html #resultDisplayArea #defaultBizView li a.decorator
, *+html #resultDisplayArea #defaultNismoView li a.decorator
    { font-size: 0; }

#resultDisplayArea #defaultView li a.decorator:hover
, #resultDisplayArea #defaultBizView li a.decorator:hover
, #resultDisplayArea #defaultNismoView li a.decorator:hover
    { border: solid 1px #c71444; }

/*==================================================
	detailView
==================================================*/

#resultDisplayArea #detailView .car-detail {
position: relative;
width: 648px;
padding: 0;
margin: 0 0 30px 1px;
}

#resultDisplayArea #detailView .car-detail th,
#resultDisplayArea #detailView .car-detail td {
padding: 0;
margin: 0;
text-align: left;
vertical-align: top;
}

#resultDisplayArea #detailView .car-detail td {
border: solid 1px #d9d9d9;
}

#resultDisplayArea #detailView .car-detail th h3 {
margin-bottom: 4px;
font-size: 16px;
font-weight: bolder;
}

#resultDisplayArea #detailView .car-detail th .category {
position: absolute;
right: 0;
top: 4px;
font-size: 11px;
}

#resultDisplayArea #detailView .car-detail td.car-logo {
width: 166px;
border-bottom: solid 1px #fff;
}

#resultDisplayArea #detailView .car-detail td.catch-copy {
width: 481px;
padding: 0 12px;
vertical-align: middle;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area {
background: #f9f9f9;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area .car-ph {
width: 166px;
height: 115px;
border-bottom: solid 1px #d9d9d9;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area .car-ph {
position: relative;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area .car-ph a {
position: absolute;
display: block;
width: 164px;
height: 113px;
left: 0;
top: 0;
border: solid 1px #fff;
overflow: hidden;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area .car-ph a:hover {
border: solid 1px #c71444;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area .car-ph a img {
position: absolute;
left: 10px;
top: 4px;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area ul {
padding: 10px 10px 5px 10px;
}

#resultDisplayArea #detailView .car-detail td.car-ph-area ul li {
display: block;
line-height: 0;
padding-bottom: 8px;
}

#resultDisplayArea #detailView .car-detail td.button-area {
border: none;
}

#resultDisplayArea #detailView .car-detail td.button-area ul {
margin-top: 10px;
}
#resultDisplayArea #detailView .car-detail td.button-area ul:after { content:""; display:block; clear:both; }
* html #resultDisplayArea #detailView .car-detail td.button-area ul { display:inline-block;}
*+html #resultDisplayArea #detailView .car-detail td.button-area ul { display:inline-block;}

#resultDisplayArea #detailView .car-detail td.button-area ul a {
display: block;
width: 320px;
height: 37px;
}

#resultDisplayArea #detailView .car-detail td.button-area ul .left a {
background: #8a8a8a;
}

#resultDisplayArea #detailView .car-detail td.button-area ul .left a:hover {
background: #757575;
}

#resultDisplayArea #detailView .car-detail td.button-area ul .right a {
background: #c71444;
}

#resultDisplayArea #detailView .car-detail td.button-area ul .right a:hover {
background: #a8163c;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area {
padding: 0 12px;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec {
width: 100%;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td {
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec th,
#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td {
padding: 7px 0;
background: url(../IMAGES/dotline_01.gif) repeat-x left bottom;
font-size: 11px;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec th {
font-weight: bold;
white-space: nowrap;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec th.none-bg,
#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td.color-list {
background: none;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td.color-list ul {
height: 11px;
background-position: 0 0;
background-repeat: no-repeat;
}
/* 2列の場合(ノート、ノート メダリスト、デイズ ルークス、デイズ) */
#resultDisplayArea #detailView .SV_NOTE td.car-spec-area .car-spec td.color-list ul,
#resultDisplayArea #detailView .SV_NOTE_MEDALIST td.car-spec-area .car-spec td.color-list ul,
#resultDisplayArea #detailView .SV_DAYZROOX td.car-spec-area .car-spec td.color-list ul,
#resultDisplayArea #detailView .SV_DAYZ td.car-spec-area .car-spec td.color-list ul {
height: 24px;
background-position: 0 0;
background-repeat: no-repeat;
}
#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td.color-list ul:after { content:""; display:block; clear:both; }
* html #resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td.color-list ul { display:inline-block;}
*+html#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td.color-list ul { display:inline-block;}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td.color-list ul li {
display: block;
float: left;
width: 23px;
height: 9px;
margin-right: 3px;
margin-bottom: 2px;
border: solid 1px #989898;
overflow: hidden;
text-indent: 125%;
white-space: nowrap;
cursor: pointer;
}

#resultDisplayArea #detailView .car-detail td.car-spec-area .car-spec td.color-list ul li:hover {
border: solid 1px #c71444;
}

#colorChipTip {
position: absolute;
padding: 3px;
background: #ffc;
border: solid 1px #666;
color: #333;
font-size: 10px;
line-height: 1;
white-space: nowrap;
}

/*==================================================
	listView
==================================================*/

#resultDisplayArea #listView table {
position: relative;
width: 648px;
padding: 0;
margin: 0 0 30px 1px;
}

#resultDisplayArea #listView table th,
#resultDisplayArea #listView table td {
border: solid 1px #d9d9d9;
vertical-align: middle;
}

#resultDisplayArea #listView table th {
padding: 0;
margin: 0;
background: #666666;
text-align: center;
}

#resultDisplayArea #listView table td {
font-size: 11px;
padding: 0 10px;
}

#resultDisplayArea #listView table td h3 {
font-size: 12px;
font-weight: bold;
}

#resultDisplayArea #listView table td.car-ph {
width: 97px;
padding: 0;
}

#resultDisplayArea #listView table td.car-ph a {
position: relative;
display: block;
width: 95px;
height: 57px;
border: solid 1px #fff;
overflow: hidden;
}

#resultDisplayArea #listView table td.car-ph a.hover {
border: solid 1px #c71444;
}

#resultDisplayArea #listView table td.car-ph a img {
position: absolute;
width: 74px;
left: 11px;
top: 1px;
}

#resultDisplayArea #listView table td.price {
font-size: 12px;
white-space: nowrap;
}

#resultDisplayArea #listView table td.hover {
background: #e9e9e9 !important;
}

#resultDisplayArea #listView tr.clickable {
cursor: pointer;
}

/*==================================================
	result-notes
==================================================*/

#resultBox #result-notes {
margin-bottom: 30px;
}

#resultBox #result-notes ul {
margin: 0;
padding: 0;
}

#resultBox #result-notes ul li {
color: #666;
font-size: 11px;
}

/*==================================================
	toTop
==================================================*/

#resultBox .toTop_wrap:after { content:""; display:block; clear:both; }
* html #resultBox .toTop_wrap { display:inline-block;}
*+html #resultBox .toTop_wrap { display:inline-block;}

#resultBox .toTop_wrap .toTop-btn,
#resultBox .toTop_wrap .toTop-btn a {
width: 98px;
height: 13px;
}

#resultBox .toTop_wrap .toTop-btn {
float: right;
}

#resultBox .toTop_wrap .toTop-btn a {
display: block;
background-image: url(../IMAGES/toTop_btn.gif);
background-repeat: no-repeat;
background-positiuon: 0 0;
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
}

#resultBox .toTop_wrap .toTop-btn a:hover {
background-position: -98px 0;
}

/*==================================================
	shopSearch
==================================================*/

#shopSearchArea {
margin-top: 20px;
padding-top: 20px;
border-top: dashed 1px #c1c1c1;
}

#shopSearchArea h3 {
margin-bottom: 14px;
}

#shopSearch{
position: relative;
width: 649px;
height: 80px;
background: url(../IMAGES/bunnerArea_shopsearch_bg.gif) no-repeat;	
}
#shopSearch:after { content:""; display:block; clear:both; }
* html #shopSearch { display:inline-block;}
*+html #shopSearch { display:inline-block;}

#shopSearch .left-box{position: relative; float: left; width:324px; height: 80px;}
#shopSearch .right-box{position: relative; float: right; width:324px; height: 80px;}

#shopSearch .left-box h4{
position: absolute;
}
#shopSearch .left-box .hanbai_boxbtn{
position: absolute;
top: 43px;
right: 63px;	
margin: 0;
}

#shopSearch .left-box #kami3{
position: absolute;
border: none;
border-width:0px;border-style:none;
width: 26px;
height: 13px;
margin: 0;
padding: 3px;
bottom: 17px;
left: 87px;
}

#shopSearch .left-box #shimo4{
position: absolute;
border: none;
border-width:0px;border-style:none;
width: 54px;
height: 13px;
margin: 0;
padding: 3px;
bottom: 17px;
left: 135px;
}

#shopSearch .left-box  h4{
position: absolute;
top: 14px;
left: 112px;	
}
#shopSearch .right-box  h4{
position: absolute;
top: 14px;
left: 129px;	
}
#shopSearch .right-box .map-btn{
position: absolute;	
top: 34px;
left: 84px;
}

* html #shopSearch .left-box #kami3 {
left: 58px;
bottom: 16px;
}

* html #shopSearch .left-box #shimo4 {
left: 129px;
bottom: 16px;
}

*+html #shopSearch .left-box #kami3 {
left: 60px;
bottom: 16px;
}

*+html #shopSearch .left-box #shimo4 {
left: 131px;
bottom: 16px;
}

* html #shopSearch .left-box .hanbai_boxbtn {
right: 63px;
top: 14px;
}

/*==================================================
	bannerArea
==================================================*/

#bunnerArea {
margin-top: 20px;
padding-top: 20px;
border-top: dashed 1px #c1c1c1;
height: 300px;
}

#bunnerArea ul.bunner-list {
width: 660px;
padding-top: 10px;
}
#bunnerArea ul.bunner-list:after { content:""; display:block; clear:both; }
* html #bunnerArea ul.bunner-list { display:inline-block;}
*+html #bunnerArea ul.bunner-list { display:inline-block;}

#bunnerArea ul.bunner-list li {
display: block;
width: 320px;
height: 70px;
float: left;
margin: 10px 10px 0 0;
}

#bunnerArea ul.bunner-list li a {
display: block;
width: 318px;
height: 70px;
border: solid 1px #d9d9d9;
}

#bunnerArea ul.bunner-list li a:hover {
border: solid 1px #c71444;
}

#searchCondition div.box-right dl
, #searchCondition div.box-right dl dd
{
    display: none;
}

p.none-txt
{
    text-align      : center;
    padding-top     : 80px;
    padding-bottom  : 80px;
}

#sub-select div.title {
    margin: 0 0 6px 0;
    padding: 0;
}

.lazy-hidden {
    background: url('../IMAGES/loader.gif') no-repeat 50% 50% #fff;
}


/* FixMe: Naming is not matches situation. */
#defaultView li a.decorator,
#defaultBizView li a.decorator,
#defaultNismoView li a.decorator,
#defaultView li,
#defaultBizView li,
#defaultNismoView li{
    height: 190px !important;
}


/*--151221add--*/

#considerArea {
    border-top: 1px dashed #c1c1c1;
    margin-top: 20px;
    padding-top: 20px;
}

#shopSearchArea h3 {
    margin-bottom: 14px;
}

#considerArea .bnr-list {
    width: 660px;
}

#considerArea .bnr-list li{
    float: left;
    height: 70px;
    margin: 10px 10px 0 0;
    width: 320px;
}


#considerArea .bnr-list li a {
    border: 1px solid #d9d9d9;
    display: block;
    height: 68px;
    width: 318px;
}

#considerArea .bnr-list li a:hover {
	border: solid 1px #c71444;
}

#considerArea .other-support-btn {
    float: right;
    margin-top: 20px;
    background-image: url("/CARLINEUP/IMAGES/simpleView_link_arrow.gif");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 7px auto;
    display: inline-block;
    padding: 0 10px 0 8px;
}

#considerArea .other-support-btn a {
    display: block;
}

#considerArea .other-support-btn a:hover {
    color: #c71444;
}