@charset "utf-8";

/* --------------------------------------------------------- */
/* ランキング - ucar_ranking.css
------------------------------------------------------------ */

#main {
	overflow: visible;
}
#main .border {
	position: relative;
}
#main .date {
	text-align: right;
	padding: 10px;
}

/* ナビメニュー
------------------------------------------------------------ */
.subNav {
	padding-bottom: 10px;
}
.subNav li {
	float: left;
	padding-bottom: 6px;
}
.subNav li.active {
	color: #FFF;
	background: url(../img/ucar/ranking/ico_active.png) no-repeat center bottom;
}

/* 共通項目
------------------------------------------------------------ */
/* 写真 */
.border .photo img {
	width: 130px;
}

/* 車名 */
.border .name {
	font-size: 14px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* 価格 */
.priceSet dt, .priceSet dd {
	line-height: 18px;
	display: inline;
}
.priceSet dd {
	padding-right: 10px;
}
.priceSet dd span {
	font-size: 18px;
	font-weight: bold;
	color: #DE1206;
}
.priceSet dd span.contact {
	font-size: 14px;
}

/* スペック */
.spec {
	font-size: 11px;
	color: #999;
}
.spec li {
	display: inline-block;
	*display: inline;
	word-break: keep-all;
	padding-right: 10px;
	*zoom: 1;
}



/* --------------------------------------------------------- */
/* 今週のランキング
------------------------------------------------------------ */
#week {
	position: relative;
	padding-top: 67px;
}
#week .borderBox {
	float: left;
	width: 204px;
	margin-right: 15px;
}
#week .border {
	padding: 10px 20px;
}

/* ナビメニュー */
#week .subNav {
	font-size: 11px;
	line-height: 11px;
	background: url(../img/ucar/ranking/bac_subnavi.png) no-repeat 0 0;
	position: absolute;
	width: 670px;
	top: 0;
}
#week .subNav li a {
	text-decoration: none;
	color: #333;
	border-right: dotted 1px #DDD;
	display: block;
	padding: 13px 8px 12px 8px;
}
#week .subNav li:last-child a {
	border-right: none;
}
#week .subNav li a:hover {
	color: #FFF;
	background-color: #585858;
}
#week .subNav li.active span {
	background-color: #585858;
	display: block;
	padding: 13px 8px 12px 8px;
}

/* ランク */
#week .rank {
	font-size: 14px;
	font-weight: bold;
	float: left;
}

/* 遷移アイコン */
#week .shift {
	font-size: 11px;
	text-align: right;
	float: right;
	padding-right: 18px;
}
#week .up {
	color: #DE1209;
	background: url(../img/ucar/ranking/ico_up.png) no-repeat right center;
}
#week .stay {
	color: #A0A0A0;
	background: url(../img/ucar/ranking/ico_stay.png) no-repeat right center;
}
#week .down {
	color: #0059B2;
	background: url(../img/ucar/ranking/ico_down.png) no-repeat right center;
}

/* 写真 */
#week .photo {
	text-align: center;
	clear: both;
	padding: 10px 15px;
}

/* アクセス数 */
#week .viewer {
	font-size: 11px;
	color: #FFA54C;
	border-bottom: dotted 1px #DADADA;
	padding-bottom: 10px;
}

/* 検索リンク */
#week .glassIco {
	font-size: 11px;
	text-align: right;
	padding-top: 7px;
}
#week .glassIco a:link, #week .glassIco a:visited {
	color: #333;
}

/* レイアウト */
.top3Box, .top6Box, .top10Box {
	width: 675px;
	padding-bottom: 30px;
}
.top6Box .borderBox, .top10Box .borderBox {
	background-color: #FFF;
	border-right: solid 1px #E3E3E3;
}
.top6Box .border, .top10Box .border {
	border: none;
}
.top6Box .none, .top10Box .none {
	border-right: none;
}

/* 1位から3位 */
.top3Box .border .rank {
	position: absolute;
	top: -16px;
	left: -14px;
}
#week .rank1         { background-color: #FDE2A4; }
#week .rank1 .border { border: solid 1px #FBC74F; }
#week .rank2         { background-color: #D9D9D9; }
#week .rank2 .border { border: solid 1px #BFBFBF; }
#week .rank3         { background-color: #EFD0C0; }
#week .rank3 .border { border: solid 1px #E2B194; }

/* 4位から6位 */
.top6Box .borderBox {
	padding-right: 10px;
	margin-right: 7px !important;
}

/* 7位から10位 */
.top10Box .borderBox {
	width: 151px !important;
	padding-right: 6px !important;
	margin-right: 6px !important;
}
.top10Box .border {
	padding: 6px 8px 6px 6px !important;
}
.top10Box .border .rank {
	font-size: 12px !important;
}
.top10Box .border .photo {
	padding: 7px !important;
}
.top10Box .border .photo img {
	width: 105px;
}
.top10Box .border .name {
	font-size: 12px;
}



/* --------------------------------------------------------- */
/* 昨日のランキング
------------------------------------------------------------ */
#yesterday {
	padding-bottom: 25px;
}

/* ランク */
#yesterday .rank {
	background-color: #EEE;
	border: solid 1px #FFF;
	float: left;
	display: block;
	position: relative;
	width: 24px;
	height: 126px;
}
#yesterday .rank img {
	position: absolute;
	top: 38px;
	left: -12px;
	z-index: 10;
}
#yesterday .top3 {
	background: url(../img/ucar/ranking/bac_top3.png) no-repeat 0 0;
}

/* 写真 */
#yesterday .photo {
	border-left: solid 1px #DADADA;
	float: left;
	padding: 15px;
}

/* 詳細 */
#yesterday .dataSet {
	float: left;
	width: 300px;
	padding: 15px 0;
}
#yesterday .viewer {
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-align: center;
	color: #FFF;
	background-color: #7D9E3A;
	width: 110px;
	padding: 5px 5px 4px 5px;
	margin-bottom: 5px;
}
#yesterday .spec {
	border-top: dotted 1px #C3C3C3;
	padding-top: 5px;
	margin-top: 5px;
}

/* ボタン */
#yesterday .considerBtn02 {
	position: absolute;
	right: 15px;
	bottom: 15px;
}


#yesterday .deleteBtn01 {
    bottom: 15px;
    position: absolute;
    right: 15px;
}

/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */

/* clearfix
------------------------------------------------------------ */
.subNav:after,
.top3Box:after,
.top6Box:after,
.top10Box:after,
.border:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .subNav,
* html .top3Box,
* html .top6Box,
* html .top10Box,
* html .border { zoom: 1; } /* IE6 */

*:first-child+html .subNav,
*:first-child+html .top3Box,
*:first-child+html .top6Box,
*:first-child+html .top10Box,
*:first-child+html .border { zoom: 1; } /* IE7 */