@charset "utf-8";
/*-----------------------------------------------
 tradecarview
 content
 概要:popularcarRankingページ
 制作日時 :2010.05.06
 制作者 sayoko.tanaka

 更新日 :2010.05.06
-------------------------------------------------
目次--------------------------------------

1：国検索前のページ
2：国検索語のページ


/*------------------------------
1.国検索前のページ
------------------------------*/

/*css/1/common.css より移植*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

.container {
	font-size: 13px;
}

.main_area{
	background:url(../images/popularranking/main_bg.jpg);
	background-repeat:no-repeat;
	width:560px;
	height:255px;
}

div.main_area  h2{
	color:#2851A2;
	font-size:217%;
	font-weight:700;
	position:relative;
	left:20px;
	top:20px;
	}
	
div.main_area  h4{
	color:#ff6600;
	font-size:160%;
	font-weight:700;
	position:relative;
	left:20px;
	top:60px;
	}

.search_area {
	background: url(../images/popularranking/search_bg.gif);
	width: 460px;
	height: 60px;
	margin: 0;
	padding-left: 100px;
	padding-top: 10px;
	box-sizing: content-box;
}

.search_area p{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.search_area select {
	height: auto;
	border: 1px solid #DFDFD7;
	appearance: auto;
	border-width: 1px;
	border-style: solid;
	border-image: initial;
	border-radius: 0px;
}


/*------------------------------
1.国検索後のページ
------------------------------*/
.targetcountry {
	width:560px;
	font-size:160%;
	font-weight:700;
	text-align:center;
	margin-top:20px;
}

.targetcountry .coutry_txt{
	color:#ff6600;
	font-size:130%;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
}

.no01 ul
.no02 ul
.no03 ul{
	width:560px;
	height:50px;
}

.rank ul{
	width:560px;
	height:90px;
}

ul li.make{
	margin-left:60px;
	_margin-left:30px;
	margin-top:11px;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	float:left;
}

ul li.model{
	margin-left:15px;
	margin-top:11px;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	float:left;
}

ul li.more{
	margin-right:20px;
	margin-top:17px;
	_margin-top:0px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	float:right;
	margin-left:5px;
}

ul li.more a img {
	vertical-align: baseline;
}

.rank {
	margin-bottom: 20px;
}


.rank ul li.car_first{
	width:120px;
	height:90px;
	margin-left:20px;
	margin-right:10px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

.rank ul li.car{
	width:120px;
	height:90px;
	margin-right:10px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}



.no01{
	background:url(../images/popularranking/no01_bg.jpg) no-repeat;
	width:560px;
	height:53px;
	float:left;
}


.no02{
	background:url(../images/popularranking/no02_bg.jpg) no-repeat;
	width:560px;
	height:53px;
	float:left;
}


.no03{
	background:url(../images/popularranking/no03_bg.jpg) no-repeat;
	width:560px;
	height:53px;
	float:left;
}


.other{
	margin-left:20px;
	margin-right:auto;
	float:left;
}

.other table{
	border : 1px solid #cccccc ; 
	width:510px;
	}
.other table th{
	border : 1px solid #cccccc ; 
	color:#2851A2;
	font-size:150%;
	font-weight:700;
	text-align:center;
	height:20px;

	}	

.other table td{
	padding: 6px 6px 6px 12px;
	border : 1px solid #cccccc ; 
	height:20px;

	}
	

.attention {
		color:#2851A2;
		font-size:120%;
		font-weight:700;
		margin-top:20px;
		float:left;
		margin-left:20px;
}


	
/*共通
------------------------------*/
.ranking_area a:link span{	
	color:#000000;
	text-decoration:underline;
}

.ranking_area a:link{	
	color:#000000;
	text-decoration:none;
}
.ranking_area a:visited{	
	color:#0000ff;
}
.ranking_area a:hover{	
	color:#0000ff;

}



/*margin_SET
------------------------------*/
.mgn_10t {margin-top:10px;}
.mgn_20t {margin-top:20px;}
.mgn_30t {margin-top:30px;}
.mgn_40t {margin-top:40px;}
.mgn_50t {margin-top:50px;}

.mgn_10b {margin-bottom:10px;}
.mgn_20b {margin-bottom:20px;}
.mgn_30b {margin-bottom:30px;}
.mgn_40b {margin-bottom:40px;}
.mgn_50b {margin-bottom:50px;}