@charset "utf-8";

/** top [carview] */
#contents { }
#contents .top { margin-bottom: 5px; *zoom: 1; margin-top:0px; border:none; }
#contents .top:after { content: ""; display: block; clear: both; }
#contents .new { margin-bottom: 30px; background-color:#FFF; }
#contents .new .header { margin: 10px 0 5px;}
#contents .ranking { margin-bottom: 15px; }

/* headline tab
/*---------------------------------------*/
.headline_tab {
	clear: both;
	margin-top: 20px;
	margin-bottom: 3px;
	position: relative;
	width: 640px;
}
.headline_tab ul {
	display: table;
}
.headline_tab li {
	background: #697c8c;
    display: table-cell;
    line-height: 1.2;
    vertical-align: middle;
    text-align: center;
    border-right: 3px solid #fff;
    color: #fff;
    width: 105px;
    height: 40px;
}
*:first-child+html li {
	display:inline;
	zoom:1;
}
.headline_tab li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.headline_tab li a:hover {
	cursor: pointer;
}
.headline_tab li:hover {
	background: #1b4e77;
	text-decoration: none;
}
.headline_tab li.hl_active {
	background: #2f4354;
}
.headline_tab li.hl_news {
	background: #fff;
    border: 1px solid #697c8c;
    margin-left: 5px;
    width: 80px;
    height: 25px;
    position: absolute;
    right: 0;
    padding: 6px 6px 5px;
}
.headline_tab li.hl_news a {
	display: inline;
	padding: 0;
	position: relative;
	text-decoration: none;
	color: #06c;
	background: 0;
	font-size: 85%;
	color:#697c9c;
}
.headline_tab li.hl_news:hover {
	background: #1b4e77;
	color:#fff;
	text-decoration: none;
	cursor: pointer;
}
.headline_tab li.hl_news a:hover {
	color:#fff;
}

/* newarticle tab
/*---------------------------------------*/
.newarticle_tab {
	clear: both;
	position: relative;
	width: 640px;
	margin-bottom:-10px;
}
.newarticle_tab ul {
	display: table;
}
.newarticle_tab li {
	background: #697c8c;
    display: table-cell;
    line-height: 1.2;
    vertical-align: middle;
    text-align: center;
    border-right: 3px solid #fff;
    color: #fff;
    width: 125px;
    height: 40px;
}
*:first-child+html li {
	display:inline;
	zoom:1;
}
.newarticle_tab li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.newarticle_tab li a:hover {
	cursor: pointer;
}
.newarticle_tab li:hover {
	background: #1b4e77;
	text-decoration: none;
}
.newarticle_tab li.hl_active {
	background: #2f4354;
}
.newarticle_tab li.hl_article {
	background: #fff;
    border: 1px solid #697c8c;
    margin-left: 5px;
    width: 80px;
    height: 25px;
    position: absolute;
    right: 0;
    padding: 6px 7px 5px 3px;
}
.newarticle_tab li.hl_article a {
	display: inline;
	padding: 0;
	position: relative;
	text-decoration: none;
	color: #06c;
	background: 0;
	font-size: 85%;
	color: #697c9c;
}
.newarticle_tab li.hl_article:hover {
	background: #1b4e77;
	color:#fff;
	text-decoration: none;
	cursor: pointer;
}
.newarticle_tab li.hl_article a:hover {
	color:#fff;
}



div.area-special-top-new{
	position:relative;
	}

div.area-special-top-new ul{
	display:block;
	position:relative;
	width:640px;
	height:352px;
	margin-bottom:0px;
	}

div.area-special-top-new ul li.num01{
	display:block;
	width:426px;
	height:234px;
	background-size:426px auto;
	background-repeat:no-repeat;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	}

div.area-special-top-new ul li.num01 a{
	width:426px;
	height:234px;
	margin:0;
	padding:0;
}
div.area-special-top-new ul li.num01 a span.text{ font-size:1.4em;}
div.area-special-top-new ul li.num01 a span.image img{ width:426px; margin-top: -10px; position:absolute;}



div.area-special-top-new ul li.num02{
	display:block;
	width:213px;
	height:117px;
	background-color:#222;
	position:absolute;
	top:0;
	left:427px;
	overflow:hidden;
	}
div.area-special-top-new ul li.num02 a span.image img{ width:213px; margin-top: 0px; position:absolute;}

div.area-special-top-new ul li.num03{
	display:block;
	width:213px;
	height:116px;
	background-color:#444;
	position:absolute;
	top:118px;
	left:427px;
	overflow:hidden;
	}
div.area-special-top-new ul li.num03 a span.image img{ width:213px; margin-top: 0px; position:absolute;}


div.area-special-top-new ul li.num04{
	display:block;
	width:213px;
	height:117px;
	background-color:#666;
	position:absolute;
	top:235px;
	left:0px;
	overflow:hidden;
	}
div.area-special-top-new ul li.num04 a span.image img{ width:213px; margin-top: 0px; position:absolute;}

div.area-special-top-new ul li.num05{
	display:block;
	width:212px;
	height:117px;
	background-color:#888;
	position:absolute;
	top:235px;
	left:214px;
	overflow:hidden;
	}
div.area-special-top-new ul li.num05 a span.image img{ width:212px; margin-top: 0px; position:absolute;}

div.area-special-top-new ul li.num06{
	display:block;
	width:213px;
	height:117px;
	background-color:#aaa;
	position:absolute;
	top:235px;
	left:427px;
	overflow:hidden;
	}
div.area-special-top-new ul li.num06 a span.image img{ width:213px; margin-top: 0px; position:absolute;}


div.area-special-top-new ul li a{ display:block;}
div.area-special-top-new ul li a:visited{ color:#FFF;}
div.area-special-top-new ul li a:hover{ text-decoration:none;}
div.area-special-top-new ul li a span.text { z-index:2; display:inherit; position:absolute; bottom:0; color:#FFF; background-color:#000; text-align:left; width:100%; font-size:0.9em; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; zoom:1; cursor:pointer;}
div.area-special-top-new ul li a span{ display: block; position:relative;}
div.area-special-top-new ul li a span.text span { display:block; margin:5px; padding:0; }
div.area-special-top-new ul li a span.image{ z-index:1; display:block; vertical-align:middle;}


.headline .hl_r li img {
	margin-bottom: 3px;
}
.headline .hl_r li em {
	display: block;
	font-size: 12px;
	text-align: center;
}
.headline .hl_fix {
	background: #eee;
	padding: 5px;
}
.headline .hl_fix ul {
}
.headline .hl_fix li {
	display: block;
	min-height: 53px;
	/height: 58px;
}
.headline .hl_fix li:first-child {
	margin-bottom: 5px;
}


/* ucar
/*----------------------------*/
.sub_ttl {
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	padding: 10px 0;
	min-height: 16px;
	height: auto !important;
    height: 16px;
}

.sub_ttl h3 {
	font-size: 120%;
	font-weight: bold;
	float: left;
}
.sub_ttl p {
	float: right;
}
.maker_list {
	clear: both;
	margin: 0 0 15px;
}
.maker_list .maker_l {
	width: 265px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}
.maker_list .maker_l li {
	width: 124px;
	/width: 122px;
}
.maker_list .maker_r {
	width: 365px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-bottom: 5px;
	vertical-align: top;
}
.maker_list .maker_r li {
	width: 175px;
}

.maker_list dt {
	font-size: 120%;
	font-weight: bold;
}
.maker_list ul {
	overflow: hidden;
}
*html .maker_list ul {
	zoom: 1;
}
.maker_list ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	border-top: 1px dotted #ccc;
	font-size: 13px;
	padding: 5px 0;
	float: left;
	margin-top: -1px;
}
.maker_list ul li a {
	font-weight: bold;
	display: block;
}
.maker_list ul li img {
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
	top: 8px;
}
.maker_list ul li span {
	font-size: 69%;
	font-weight: normal;
	display: block;
	color: #666;
	margin-left: 33px;
}
.search_ucar {
	background: #eee;
	padding: 18px 10px 5px;
	margin-bottom: 15px;
}
.search_kwbox {
	margin-bottom: 15px;
	text-align: center;
}
.search_ucar input.txt {
	padding: 5px;
	margin-right: 7px;
	width: 400px;
	height:26px;
	font-size:130%;
}
.search_ucar input.btn {
	padding: 7px 26px;
	font-size:1.3em;
	background-color:#f8984b;
	color:#fff;
	border-style:none;
	-webkit-appearance:none;
	cursor: pointer;
}
.search_ucar input.btn:hover {
	background: #d36d1d;
}
.area_bodytype {
	width: 640px;
	overflow: hidden
}
.area_bodytype ul {
	width: 650px;
	margin-right: -10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e7e7;
}
.area_bodytype li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 90%;
	margin-right: 9px;
}
.area_bodytype li.current a {
	font-weight: bold;
	color: #1a1a1a;
}
#contents .area_bodytype .ranking img {
	width:80px;
}
#contents .area_bodytype .ranking .rank-1 .symbol,
#contents .area_bodytype .ranking .rank-2 .symbol,
#contents .area_bodytype .ranking .rank-3 .symbol,
#contents .area_bodytype .ranking .rank-4 .symbol,
#contents .area_bodytype .ranking .rank-5 .symbol {
	position: absolute;
	margin-top: -8px;
	margin-left: 5px;
	z-index: 99;
}
#contents .area_bodytype .ranking .rank-1,
#contents .area_bodytype .ranking .rank-2,
#contents .area_bodytype .ranking .rank-3,
#contents .area_bodytype .ranking .rank-4,
#contents .area_bodytype .ranking .rank-5 {
	float: left;
	margin-right: 20px;
	*margin-right: 19px;
	padding-top: 25px;
	width: 112px;
	text-align: center;
	font-size: 0.91667em;
	line-height: 1.5;
}
#contents .area_bodytype .ranking .rank-1 img,
#contents .area_bodytype .ranking .rank-2 img,
#contents .area_bodytype .ranking .rank-3 img,
#contents .area_bodytype .ranking .rank-4 img,
#contents .area_bodytype .ranking .rank-5 img {
	padding-bottom: 1em;
}
#contents .area_bodytype .ranking .rank-1 .symbol,
#contents .area_bodytype .ranking .rank-2 .symbol,
#contents .area_bodytype .ranking .rank-3 .symbol,
#contents .area_bodytype .ranking .rank-4 .symbol,
#contents .area_bodytype .ranking .rank-5 .symbol {
	background: url('../images/cmn/symbol.png') no-repeat;
}
#contents .area_bodytype .ranking .rank-1 .symbol { background-position: 0 -108px; width: 17px; height: 17px; display: block; _background: url('../images/cmn/_symbol.png') 0 -17px; }
#contents .area_bodytype .ranking .rank-2 .symbol { background-position: 0 -37px; width: 17px; height: 17px; display: block; _background: url('../images/cmn/_symbol.png') 0 -94px; }
#contents .area_bodytype .ranking .rank-3 .symbol { background-position: 0 0; width: 17px; height: 17px; display: block; _background: url('../images/cmn/_symbol.png') 0 0; }
#contents .area_bodytype .ranking .rank-4 .symbol { background-position: 0 -91px; width: 17px; height: 17px; display: block; _background: url('../images/cmn/_symbol.png') 0 -111px; }
#contents .area_bodytype .ranking .rank-5 .symbol { background-position: 0 -54px; width: 17px; height: 17px; display: block; _background: url('../images/cmn/_symbol.png') 0 -128px; }

#contents .area_bodytype .ranking { *zoom: 1; margin-right: -20px; *margin-right: -24px; }
#contents .area_bodytype .ranking:after { content: ""; display: block; clear: both; }

/* catalog
/*----------------------------*/
.new_catalog {
	margin-bottom: 15px;
}
.new_catalog a:hover {
	text-decoration: none;
	color: #0ebdf4;
}
.new_catalog ul {
	overflow: hidden;
}
* html .new_catalog ul {
	zoom: 1;
}
.new_catalog li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	min-height: 90px;
	width: 310px;
	/height: 95px;
	vertical-align: top;
}
.new_catalog li:first-child {
	margin-bottom: 10px;
}
.new_catalog li img {
	margin-right: 10px;
	vertical-align: middle;
}
.new_catalog li a {
	display: table-row;
}
.new_catalog li strong {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	/cursor: pointer;
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	width: 180px;
}
/* bike
/*----------------------------*/
.bike_mod {
}
.bike_mod .mbike_l, .bike_mod .mbike_r {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}
.bike_mod .mbike_l {
	width: 300px;
	margin-right: 5px;
	/display: inline;
}
.bike_mod .mbike_r {
	width: 330px;
}

.bike_mod .mbike_l ul {
	margin-bottom: 5px;
}
.bike_mod .mbike_l ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 145px;
	line-height: 2em;
	font-size: 110%;
	font-weight: bold;
}
.bike_mod .mbike_l p {
	text-align: right;
}
.bike_mod .mbike_r ul {
	overflow: hidden;
}
* html .bike_mod .mbike_r ul {
	zoom: 1;
}
.bike_mod .mbike_r li {
	margin-top: -1px;
	padding: 5px;
	border-top: 1px dotted #ccc;
}
.bike_mod .mbike_r li img {
	margin-right: 10px;
	vertical-align: middle;
	width:80px;
}
.bike_mod .mbike_r li a {
	display: table-row;
}
.bike_mod .mbike_r li strong {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	/cursor: pointer;
	vertical-align: middle;
	width: 230px;
}
/* recomend ucar
/*----------------------------*/
#yjSub .recmnd_ucar {
	background: #fff;
	border: 1px solid #f70;
	margin-bottom: 10px;
}
#yjSub .recmnd_ucar h2 {
	background: #f70;
	color: #fff;
	overflow: hidden;
	padding: 6px 10px 7px;
	font-weight: bold;
}
#yjSub .recmnd_ucar ul {
	padding: 10px 0;
}
#yjSub .recmnd_ucar li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 89%;
	margin: 0 3px;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 90px;
}
#yjSub .recmnd_ucar li img {
	margin-bottom: 2px;
}
#yjSub .recmnd_ucar li a {
	color: #1a1a1a;
	text-decoration: none;
}
#yjSub .recmnd_ucar li em {
	display: block;
}
#yjSub .recmnd_ucar li span {
	color: #c00;
	font-size: 130%;
	font-weight: bold;
}
#yjSub .recmnd_ucar li strong {
	color: #06c;
	display: block;
}
#yjSub .recmnd_ucar p {
	text-align: center;
	background: #f8984b;
	cursor: pointer;
	margin: 0 10px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding: 8px 0;
}
#yjSub .recmnd_ucar p a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#yjSub .recmnd_ucar p:hover {
	background: #d36d1d;
}

#yjSub .recmnd_ucar .moreLink {
	text-align: center;
	font-weight: bold;
	margin: 5px auto;
}
/* recomend ucar02
/*----------------------------*/
#yjSub .recmnd_ucar02 {
	background: #fff;
	border: 1px solid #f70;
	margin-bottom: 10px;
}
#yjSub .recmnd_ucar02 h2 {
	background: #f70;
	color: #fff;
	overflow: hidden;
	padding: 6px 10px 7px;
	font-weight: bold;
}
#yjSub .recmnd_ucar02 h2 .u_more {
	margin-left:50px;
}
#yjSub .recmnd_ucar02 h2 .u_more a {
	color:#fff;
	text-decoration:underline;
}

#yjSub .recmnd_ucar02 ul {
	padding: 2px 5px;
}
#yjSub .recmnd_ucar02 li {
	list-style: none;
}

#yjSub .recmnd_ucar02 .moreLink {
	text-align: center;
	font-weight: bold;
	margin: 5px auto;
}

#yjSub .recmnd_ucar02 .box {
    padding: 7px;
    border-bottom: dotted 1px #b4794a;
}
#yjSub .recmnd_ucar02 .ph {
    float: left;
    margin-right: 5px;
}
#yjSub .recmnd_ucar02.txt a {
    font-weight: bold;
}
#yjSub .recmnd_ucar02 .ucPriceNum {
    font-weight: bold;
    color: #cc0000;
	display: inline-block;
    margin: 0 2px;
	font-size:115%;
}

/* minkara module
/*----------------------------*/
#yjSub .rank_minkara {
	background: #fff;
	border: 1px solid #1091e1;
	margin-bottom: 10px;
}
#yjSub .rank_minkara h2 {
	background: #1091e1;
	color: #fff;
	overflow: hidden;
	padding: 2px 0;
	text-align: center;
}
#yjSub .rank_minkara ul {
	padding: 10px 2px 3px;
}
#yjSub .rank_minkara li {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	font-size: 89%;
	padding: 0 4px;
	text-align: center;
	vertical-align: top;
	width: 90px;
}
#yjSub .rank_minkara li a {
	color: #1a1a1a;
	text-decoration: none;
}
#yjSub .rank_minkara li strong {
	color: #06c;
	display: block;
	margin-bottom: 3px;
	text-align: left;
}
#yjSub .rank_minkara li em {
	display: block;
	text-align: right;
}
#yjSub .rank_minkara p {
	border-top: 1px dashed #ccc;
	text-align: center;
	padding: 5px;
}
#yjSub .rank_minkara p a {
	display: block;
	text-decoration: none;
}
/* newarticle_button
/*----------------------------*/
.newarticle_button {
	margin-top: 10px;
}
.newarticle_button p {
	border-radius: 10px;
  margin: 0 30px;
}
.newarticle_button p a {
	color: #fff;
	border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
	display: block;
	background: #697c8c;
	text-align: center;
	padding: 10px;
	font-size: 110%;
	text-decoration: none;
	cursor: pointer;
}
.newarticle_button p a:hover {
	background: #1b4e77;
}

/* ucarmore_button
/*----------------------------*/
.ucarmore_button {
	margin-bottom: 20px;
}
.ucarmore_button p {
	border-radius: 10px;
	margin: 0 30px;
}
.ucarmore_button p a {
	color: #fff;
	border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
	display: block;
	background: #ff7101;
	text-align: center;
	padding: 10px;
	font-size: 110%;
	text-decoration: none;
	cursor: pointer;
}
.ucarmore_button p a:hover {
	background: #d36d1d;
}
/* ucartop_link
/*----------------------------*/
.ucartop_link {
	background:url(https://s.yimg.jp/images/autos/lrec/used/spt_ico01.png) no-repeat;
	background-position:0px -182px;
	margin:5px 0 0 5px;
}

.ucartop_link a {
	padding:0 0 0 15px;
	min-height:13px;
}

.ucartop_link span {
	font-size:108%;
	font-weight:bold;
	padding:0 7px 0 5px;
}

/* Lrec adjust */
#yjLrec {
	margin-top: 20px;
}

#yjSub .sub-area li a img { margin:0 11px 0 0;vertical-align: middle; }

*+html #yjSub .sub-area li{width:272px;}
*+html #yjSub .sub-area LI A .text{ width:160px;}/*ie7*/

/* yaut-md404：ボディタイプから選ぶ（旧バージョン）
--------------------------------------------*/
.body_type {
	margin:10px 0 20px;
}

/* yaut-bodytype：ボディタイプから選ぶ
--------------------------------------------*/
.body_type {
	margin:10px 0 20px;
}
.yaut-bodytype {
	padding:5px 0 4px 0;
	width:640px;
}
.ucar_btype_btn {
    display: inline-block;
    margin: 0 0 10px;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
	font-weight:bold;
	cursor: pointer;
}
.ucar_btype_btn span {
    display: block;
    margin: 0 auto 0;
}
.yaut-bodytype .st01{ background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:0 0;width: 123px;height:85px;}
.yaut-bodytype .st02{ background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-129px 0;width: 123px;height:85px;}
.yaut-bodytype .st03{ background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-258px 0;width: 123px;height:85px;}
.yaut-bodytype .st04{ 
	background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-387px 0;
	border-right:none;
	width: 123px;
    height:85px;}
.yaut-bodytype .st05{ background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-516px 0;width: 123px;height:85px;}
.yaut-bodytype .st06{ background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-645px 0;width: 123px;height:85px;}
.yaut-bodytype .st07{ background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-774px 0;width: 123px;height:85px;}
.yaut-bodytype .st08{ background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-903px 0;width: 123px;height:85px;}
.yaut-bodytype .st09 {background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-1032px 0;width: 123px;height:85px;}
.yaut-bodytype .st10 {
	background:url(../images/cmn/spt_ucar_bodytype.png) no-repeat; background-position:-1161px 0;
	border-right:none;
	width: 123px;
    height:85px;
}

.yaut-bodytype a:hover {
	background-color:#eee;
}

/* ucar ライト検索モジュール
/*----------------------------*/
.ucar_lsearch {
	margin-bottom: 15px;
}
.ucar_lsearch a:hover {
	text-decoration: none;
	color: #0ebdf4;
}
.ucar_lsearch ul {
	overflow: hidden;
}
* html .ucar_lsearch ul {
	zoom: 1;
}
.ucar_lsearch li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	min-height: 70px;
	width: 310px;
	/height: 75px;
	vertical-align: top;
}
.ucar_lsearch li:first-child {
	margin-bottom: 10px;
}
.ucar_lsearch li img {
	margin-right: 10px;
	vertical-align: middle;
	width:80px;
	height:60px;
}
.ucar_lsearch li a {
	display: table-row;
}
.ucar_lsearch li strong {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	/cursor: pointer;
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	width: 210px;
}