@charset "euc-jp";
/* CSS Document */

.comparison_list .comparison_list_top{
	background-color: #f2f2f2;
	margin-bottom: 0;
}

.comparison_list .comparison_list_top #titleArea{
	background: url(https://img.goo-net.com/common_v2/img/iphone/newcar/icon_gry_comparison_list.png) no-repeat 10px center #858585;
	background-size: 28px 19px;
	padding-left: 50px;
	margin-bottom: 15px;
}

.comparison_list .comparison_list_top #titleArea h1{
	color: #fff;
	text-shadow: none;
	font-weight: normal;
}

.comparison_list .comparison_list_top .selectArea{
	padding: 0 10px;
}


.comparison_list .comparison_list_top .selectArea p.select_btn{
	margin-top: 25px;
	padding: 0 10px 350px 10px;
}

.comparison_list .comparison_list_top .selectArea p a{
	display: block;
	padding: 13px 0 11px;
	background-color: #fff;
	border: 1px solid #ccc;
    border-radius: 3px; /* CSS3Áð°Æ */
    -webkit-border-radius: 3px; /* Safari,Google ChromeÍÑ */
    -moz-border-radius: 3px; /* FirefoxÍÑ */
	font-weight: bold;
	text-align: center;
}

.comparison_list .comparison_list_top .selectArea p a span{
	display: inline-block;
	background: url(https://img.goo-net.com/common_v2/img/iphone/newcar/icon_linkmark02.png) no-repeat right center;
	background-size: 8px 12px;
	padding-right: 17px;
}

.comparison_list{
	font-size: 110%;
}

.comparison_list #contents{
	margin-bottom: 0;
}

.comparison_list .topTxtArea{
	background-color: #f2f2f2;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 6px 10px;
}

.comparison_list .topTxtArea p span{
	color: #ff0000;
}

.comparison_list .listArea{
	padding-bottom: 10px;
}

.comparison_list .listArea img{
	width: 100%;
}

.comparison_list .listArea table{
	width: 100%;
}

.comparison_list .listArea table td{
	padding: 0 10px;
	width: 33%;
	word-break: break-all;
}

.comparison_list .listArea table td{
	border-left: 1px solid #ccc;
}

.comparison_list .listArea table td:first-child{
	border-left: none;
}

.comparison_list .listArea h2{
	background-color: #eaeaea;
	padding: 9px 0 9px 10px;
	margin-top: 15px;
}

.comparison_list .listArea h3{
	color: #ff0000;
	border-left: 5px solid #ff0000;
	padding-left: 5px;
	margin: 10px 0;
	font-weight: normal;
}

.comparison_list .fixArea{
	margin-bottom: 10px;
	width: 100%;
}

.comparison_list .fixArea.on{
	position: fixed;
	top: 0;
	background-color: #fff;
	padding: 10px 0 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
}

.comparison_list .fixArea table .carImg td{
	width: 33px;
	border-color: #fff;
	padding-bottom: 10px;
}

.comparison_list .fixArea table .carImg td .close_btn{
	display: none;
}

.comparison_list .fixArea table .carImg td.img{
	padding: 30px 10px 20px;
	position: relative;
}
.comparison_list .fixArea table .carImg td.img a.close_btn{
	width: 20px;
	position: absolute;
	right: 10px;
	top: 0;
	display: block;
}

.comparison_list table .none_height{
	height: 16px;
}

.comparison_list table .basic td span{
	font-weight: bold;
}

.comparison_list table .discount td span{
	font-weight: bold;
	color: #f1050f;
}

.comparison_list .dealer_search{
	margin-top: 15px;
}

.comparison_list .dealer_search table td a{
	display: block;
	background-color: #ff0000;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

@media screen and (max-width: 320px) {
.comparison_list .dealer_search table td a{
	font-size: 80%;
}
}

.comparison_list .display_switch{
	padding: 0px 20px;
	margin-top: 15px;
}

.comparison_list .display_switch a{
	display: block;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #ccc;
    border-radius: 3px; /* CSS3Áð°Æ */
    -webkit-border-radius: 3px; /* Safari,Google ChromeÍÑ */
    -moz-border-radius: 3px; /* FirefoxÍÑ */
}

.comparison_list .display_switch a span{
	background: url(https://img.goo-net.com/common_v2/img/iphone/newcar/img_down_arrow.png) no-repeat left center;
	background-size: 15px;
	padding-left: 22px;
}

.comparison_list .display_switch a span.all{
	display: none;
}

.comparison_list .display_switch.off a{
	background-color: #e4e4e4;
	color: #bdbdbd;
}

.comparison_list .display_switch.off a span{
	background-image: none;
	padding-left: 0;
}

.comparison_list #contents .pageup{
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
}

.comparison_list #contents .pageup a{
	width: 54px;
	display: block;
}

@media screen and (max-width: 320px) {
.comparison_list #contents .pageup a{
	width: 44px;
	display: block;
}
}

.comparison_list #contents .pageup a img{
	width: 100%;
}

.comparison_list #contents .none_style{
	display: none;
}


@media screen and (orientation: landscape) {
.comparison_list .fixArea td{
	text-align: center;
}

.comparison_list .fixArea table .carImg td.img{
	padding: 15px 10px 10px;
}

.comparison_list .fixArea td img{
	width: 60%;
}

.comparison_list .fixArea table .basic td{
	text-align: left;
}

.comparison_list .fixArea table .basic td span.car_name:before{
	content: " ";
}

.comparison_list .fixArea table .basic td span br{
	display: none;
}

.comparison_list .fixArea table .carImg td .close_btn img{
	width: 100%;
}
}

.areaSearchback{
	margin: 0px 10px 0px;
}

.areaSearchback a span {
	background: url(https://img.goo-net.com/common_v2/img/iphone/newcar/icon_btnArrow_l.png) no-repeat left 50% #fff; 
	background-size: 8px 12px;
	padding-left: 1.2em;
}

.naviArea{
	overflow: hidden;
}

.leftbox{
	float: left;
}

.rightbox{
	float: right;
	overflow: hidden;
	margin: 0 7px 10px;
}

.rightbox li{
	float: left;
	background: url(https://img.goo-net.com/common_v2/img/iphone/newcar/img_flow.png) no-repeat; 
	background-size: 172px;
	height: 20px;
	text-indent: -9999px;
}

/* ANG_PRJ-2459 161018¹¹¿· */
.rightbox li.maker{background-position: 0 0; width: 70px;}
.rightbox li.maker.on{background-position: 0 -20px;}
.rightbox li.cartype{background-position: -70px 0; width: 49px;}
.rightbox li.cartype.on{background-position: -70px -20px;}
.rightbox li.model{background-position: -120px 0; width: 55px;}
.rightbox li.model.on{background-position: -120px -20px;}
.rightbox li.grade{background-position: -175px 0; width: 52px;}
.rightbox li.grade.on{background-position: -175px -20px;}


.comparison_list .new_grade.tab_grade_area .linkList li{
	border-bottom: 1px solid #ccc;
}

.comparison_list .new_grade.tab_grade_area .linkList li a{
	padding: 10px 25px 10px 6px;
	background-position: 98% center;
}

.comparison_list .new_grade.tab_grade_area .linkList li .gradeName{
	display: inline-block;
	width: 65%;
}

.comparison_list .new_grade.tab_grade_area .linkList li .priceTxt{
	display: inline-block;
	width: 35%;
	margin-left: 0;
}

.comparison_list .new_grade.tab_grade_area .linkList li span.spec{
	margin-left: 0;
	color: #7f7f7f;
	font-size: 13px;
	font-weight: normal;
}

.comparison_list .new_grade h2.h2ltBd02 span{
	border-left: none;
	padding: 5px 0px 5px 9px;
}

@media screen and (orientation: landscape) {
.comparison_list .tab_grade_area .linkList li a{
	width: 94%;
}
}

.comparison_list #gHeadBtn p,
.comparison_list_top #gHeadBtn p{
	float: right;
	width: 34%;
}

.comparison_list .slideBox .areaSearchback{
	margin: 0px 10px 10px;
}

.comparison_list .newcar_list_area ul li dl dt{
	width: auto;
}

.comparison_list .fix_scroll{
	position:fixed;
	top: 0;
}

.comparison_list #titleArea{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 8px 10px 8px;
}

.comparison_list #titleArea h1{
	text-shadow: none;
	font-size: 15px;
}

.comparison_list #popular_car h2{
	background: #aaaaaa;
}

.comparison_list #popular_car .car_list h3{
	background: #777777;
	color: #fff;
}

.comparison_list #popular_car .car_list ul{
	border-top: none;
	margin-top: 0;
}

li.selected{
	position: relative;
}

li div.offgrade{
	background-color:#000;
	width:100%;
	position: absolute;
	top:0;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	padding: 0;
	margin: 0;
}

.pt15{
	padding-top: 15px;
}

.comparisonList02{
	width: 16%;
	float: right;
	margin: 6px 3% 2% 0;
}

.comparisonList02 img{
	width: 100%;
}

.clipListHdr #gLogo{
	width: 45%;
}

/* ANG_PRJ-2459 161018 */
.rightbox li{
	background: url(https://img.goo-net.com/common_v2/img/iphone/newcar/img_flow02.png) no-repeat;
	background-size: 227px;
}

.comparison_list .new_grade.tab_model_area .linkList li{
	border-bottom: 1px solid #ccc;
}

.comparison_list .new_grade.tab_model_area .linkList li a{
	padding: 10px 25px 10px 6px;
	background-position: 98% center;
}

@media screen and (orientation: landscape) {
.comparison_list .tab_model_area .linkList li a{
	width: 94%;
}
}

.tab_model_area .linkList li a span.modelName{
	background: none;
	padding: 0;
	color: #000000;
	font-size: 108%;
	margin-left: 5px;
}

.tab_model_area .linkList li a span.yearTxt{
	color: #666666;
	font-weight: normal;
	padding: 0;
	margin-left: 5px;
}

.comparison_list .fixArea table .head td{
	border: none;
	padding-bottom: 5px;
}

.comparison_list .fixArea table .head td.newcar_add{
	font-weight: bold;
}