@charset "UTF-8";

/* ****************************************************
Title: top.css
Created: 2009/02/09
Last Modified: 2009/02/09
Editor(s): iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------
#00 internal css
#01 css sprite
#02 header
#03 primary
#04 sideBar
#05 secondary

----------------------------------------*/

.title_searchjapanese { background-position: 0 -240px; } 
.title_used_stock { background-position: 0 -1453px; } 

/* #01 internal css
---------------------------------------------------------------------------- */

div#content dl.block dd form.christmas {
	background: #FAD6D6;
	border: 1px solid #FFF;
	height: 140px;
	width: 370px;
}

div#content dl.block dd form.christmas table {
	margin: 0 0 0 5px;
	width: 354px;
	height: 140px;
}
dl.news_index3 dt  { font-size:9px; margin-top:5px;}
dl.news_index3 dt em { font-size:9px;}
dl.news_index3 dd.lastList span.indent {font-size:9px}


/* トップページのヘッダーの時計だけtop.cssをよんでいる。CSSスプライトを読むため */
/*
div.pbclock {
float:left;
padding: 7px 0 0 1px;
width:330px;
height:90px;
}

ul.businesshour {
float:left;
width:160px;
height:90px;
background: url(../images/common/businesshour.png) no-repeat top left;
padding-right:2px;
}

ul.clock {
float:left;
width:120px;
height:90px;
background: url(../images/common/clock.png) no-repeat top left;
}

li.mail {
float:left;
width:120px;
font-size:9px;
padding:50px 0 0 32px;
font-weight:bold;
}

li.phone {
float:left;
width:128px;
height:15px;
font-size:9px;
padding:3px 0 0 32px;
line-height:15px;
font-weight:bold;
}


li.time {
float:left;
width:90px;
height:18px;
font-size:16px;
line-height:95%;
padding: 25px 0 0 30px;
font-weight:bold;
}

li.open {
float:left;
width:30px;
height:16px;
font-size:14px;
color:#FFFFFF;
padding: 0 0 0 75px;
line-height:140%;
font-weight:bold;
color:#FA2405;
}

li.closed {
font-size:12px;
color:#000000;
}
*/

/* #01 css sprite
---------------------------------------------------------------------------- */

li dl dd.bnr_toyotastock {
	width:170px;
	height:80px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 -375px;
		
}

li dl dd.bnr_manualtransmission {
	width:170px;
	height:80px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 -120px;
		
}

li dl dd.bnr_newarrivals {
	width:170px;
	height:80px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 -205px;
		
}

li dl dd.bnr_rugged4wd {
	width:170px;
	height:80px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 -290px;
		
}

li dl dd.bnr_year2001up {
	width:170px;
	height:80px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 -599px;
		
}

li dl dd.bnr_dieselengine {
	width:170px;
	height:80px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 -35px;
		
}

li dl dd.advertisedcars {
	width:170px;
	height:30px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 0;
		
}

li dl dd.fullstocklist {
	width:170px;
	height:30px;
	cursor:pointer;
	background: url(../images/top/css_middle.png) no-repeat top left;
	background-position: 0 -965px;
		
}



div.bnr p.under1500		{
		width:170px;
		height:79px;
		cursor:pointer;
		background: url(../images/top/css_middle.png) no-repeat top left;
		background-position: 0 -460px;
		margin-top:20px;
		
}


div.bnr p.wallpaper		{
		width:170px;
		height:50px;
		cursor:pointer;
		background: url(../images/top/css_middle.png) no-repeat top left;
		background-position: 0 -544px;
		margin-top:10px;
		margin-bottom:20px;
}


p.img_best_sell07	{ 
	width:68px;	
	height:53px;
	background: url(../images/top/css_car_ranking.jpg) no-repeat top left;
	background-position: 0 -322px;
	float:left;
	margin:6px 0 0 0;
	cursor:pointer;

} 

p.img_best_sell06	{ 
	width:68px;	
	height:53px;
	background: url(../images/top/css_car_ranking.jpg) no-repeat top left;
	background-position: 0 -267px;
	float:left;
	margin:6px 0 0 0;
	cursor:pointer;
} 

p.img_best_sell05	{ 

	width:68px;	
	height:53px;
	background: url(../images/top/css_car_ranking.jpg) no-repeat top left;
	background-position: 0 -212px;
	float:left;
	margin:6px 0 0 0;
	cursor:pointer;
} 

p.img_best_sell04	{ 

	width:68px;	
	height:51px;
	background: url(../images/top/css_car_ranking.jpg) no-repeat top left;
	background-position: 0 -159px;
	float:left;
	margin:6px 0 0 0;
	cursor:pointer;
} 

p.img_best_sell03	{ 
	width:68px;	
	height:51px;
	background: url(../images/top/css_car_ranking.jpg) no-repeat top left;
	background-position: 0 -106px;
	float:left;
	margin:6px 0 0 0;
	cursor:pointer;
} 

p.img_best_sell02	{ 
	width:68px;	
	height:51px;
	background: url(../images/top/css_car_ranking.jpg) no-repeat top left;
	background-position: 0 -53px;
	float:left;
	margin:6px 0 0 0;
	cursor:pointer;
} 

p.img_best_sell01	{ 
	width:68px;	
	height:51px;
	background: url(../images/top/css_car_ranking.jpg) no-repeat top left;
	background-position: 0 0;
	float:left;
	margin:3px 0 0 0;
	cursor:pointer;
} 

dt#title_for_customer  { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1248px; 
} 

dt#title_featuredcars  { 
	background: url(../images/top/css_big.png) no-repeat top left;
	width:374px;	
	height:29px;
	background-position: 0 0;
} 

dt#title_categories  { 
	background: url(../images/top/css_big.png) no-repeat top left;
	width:374px;	
	height:29px;
	background-position: 0 -138px;
} 

dt#title_catalog  { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1146px;
	float:left;
} 

dt#title_used_stock  { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1453px;
} 

dt#title_media  { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1282px;
} 

dt#title_map { 
	background: url(../images/top/css_big.png) no-repeat top left;
	width:374px;	
	height:29px;
	background-position: 0 -172px; 
} 

dt#title_request { 
	background: url(../images/top/css_big.png) no-repeat top left;
	width:374px;	
	height:29px;
	background-position: 0 -206px; 
}

dt#title_alert { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1078px; 
} 

dt#title_new { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;
	height:29px;
	background-position: 0 -1316px;
} 

dt#title_country  { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1180px;  
} 

p.img_support {
	background: url(../images/top/css_big.png) no-repeat top left;
	float:left;
	margin-top:10px;
	margin-left:5px;
	width:353px;
	height:54px;
	background-position: 0 -34px;
}

*p.img_support {
	background: url(../images/top/css_big.png) no-repeat top left;
	float:left;
	margin-top:10px;
	margin-left:2px;
	width:353px;
	height:54px;
	background-position: 0 -34px;
}

dt#title_support { 
	background: url(../images/top/css_big.png) no-repeat top left;
	width:374px;	
	height:29px;
	background-position: 0 -425px;
} 



div#content dl.block dd.whyChoose ul li dl dd p.img_why_choose04 {
	background: url(../images/top/css_ico.png) no-repeat top left;
	float: right;
	margin: 0;
	padding: 0 13px 0 0;
	width: 56px;
	height:53px;
	background-position: 0 -423px;
	cursor:pointer;
}

div#content dl.block dd.whyChoose ul li dl dd p.img_why_choose03 {
	background: url(../images/top/css_ico.png) no-repeat top left;
	float: right;
	margin: 0;
	padding: 0 13px 0 0;
	width: 56px;
	height:53px;
	background-position: 0 -365px;
	cursor:pointer;
}

div#content dl.block dd.whyChoose ul li dl dd p.img_why_choose02 {
	background: url(../images/top/css_ico.png) no-repeat top left;
	float: right;
	margin: 0;
	padding: 0 13px 0 0;
	width: 56px;
	height:53px;
	background-position: 0 -307px;
	cursor:pointer;
}

div#content dl.block dd.whyChoose ul li dl dd p.img_why_choose01 {
	background: url(../images/top/css_ico.png) no-repeat top left;
	float: right;
	margin: 0;
	padding: 0 13px 0 0;
	width: 56px;
	height:53px;
	background-position: 0 -249px;
	cursor:pointer;
}

dt#title_why { 
	background: url(../images/top/css_big.png) no-repeat top left;
	width:374px;	
	height:29px;
	background-position: 0 -459px;
} 

div#bnr_blog { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:50px;
	background-position: 0 -1000px;
	margin: 0px 0px 20px 0;
	cursor:pointer;
} 

dt#title_best_selling { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1112px;
} 

dt#title_search_model { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1419px;
} 

dt#title_search_maker { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1385px; 
} 

dt#daily_ranking { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -826px;
} 


dt#title_customer_voice { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height:29px;
	background-position: 0 -1214px;
} 

div.bnr_kurumaerabi { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:150px;	
	height:45px;
	margin-bottom:10px;
	background-position: 0 -160px; 
	cursor:pointer;
} 

div.bnr_export-japancom { 
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:100px;	
	height:100px;
	background-position: 0 -860px;
	cursor:pointer;
} 

dt#txt_welcome { 
	background: url(../images/top/css_big.png) no-repeat top left;
	float:right;
	margin:16px 0 0 10px;
	width:318px;	
	height:27px;
	background-position: 0 -493px;
} 

dt#title_search_by_type {
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:170px;	
	height: 30px;
	background-position: 0 -1350px;
}



/* #02 header
---------------------------------------------------------------------------- */

div#layout {
	position: relative;
}

dl#gNavi {
	padding: 7px 0 0 0;
}

div.topSection p.leadText {
	clear: both;
	font-size: 10px;
	line-height: 1.2;
	position: absolute;
	left: 14px;
	top: 80px;
	width: 562px;
}

div.topSection dl.languages {
	position: absolute;
	right: 13px;
	top: 72px;
}

div.topSection dl.languages dt img {
	padding: 6px 0 2px 0;
}

div.topSection dl.languages dd {
	clear: both;
}

div.topSection dl.languages dd ul li {
	border: 1px solid #DFDFDF;
	font-size: 9px;
	float:left;
	padding: 0 0 0 16px;
	width: 41px;
}

div.topSection dl.languages dd ul li.english {
	background: url(../images/common/ico_language_english.gif) no-repeat 1px 1px;
}

div.topSection dl.languages dd ul li.francals {
	background: url(../images/common/ico_language_francals.gif) no-repeat 1px 1px;
}

div.topSection dl.languages dd ul li.potugues {
	background: url(../images/common/ico_language_portugues.gif) no-repeat 1px 1px;
}



div.topSection dl.languages dd ul li.englishcss {
	background: url(../images/top/css_ico.png) no-repeat top left;
	width:41px;
	height:10px;
	background-position: 0 -85px;
}

div.topSection dl.languages dd ul li.francalscss {
	background: url(../images/top/css_ico.png) no-repeat top left;
	width:41px;
	height:10px;
	background-position: 0 -100px;

}

div.topSection dl.languages dd ul li.potuguescss {
	background: url(../images/top/css_ico.png) no-repeat top left;
	width:41px;
	height:10px;
	background-position: 0 -115px;
}


/* #03 primary
---------------------------------------------------------------------------- */
div.bnr_ranking		{
		background-image:url(../images/top/bnr_ranking.gif);
		background-repeat:no-repeat;
		height:140px;
		width:170px;
		cursor:pointer;
}

div.bnr_ranking	div.ranking_box	{
		width:170px;
		height:85px;
		font-size:10px;
		color:#000000;
		line-height:12px;
}


div.bnr_ranking	div.ranking_text	{
		width:150px;
		margin:0 10px 0 10px;
		font-size:10px;
		color:#000000;
		line-height:12px;
}

div.bnr_ranking	div.ranking_text span.red	{
		font-size:10px;
		color:#ff0000;
}

div.bnr_column		{
		background-image:url(../images/top/bnr_column.gif);
		background-repeat:no-repeat;
		height:210px;
		width:170px;
		margin-bottom:20px;
}

div.bnr_column	div.column_box	{
		width:170px;
		height:88px;
		font-size:10px;
		color:#000000;
		line-height:12px;
}

div.bnr_column	ul li.column_text_bold	{
		width:150px;
		margin:2px 10px 0 10px;
		font-size:12px;
		color:#000000;
		line-height:10px;
		font-weight:bold;
}

div.bnr_column	ul li.column_text_bold_02	{
		width:150px;
		margin:3px 10px 0 10px;
		font-size:12px;
		color:#000000;
		line-height:10px;
		font-weight:bold;
}


div.bnr_column	ul li.column_text	{
		width:150px;
		margin:0 10px 0 10px;
		font-size:10px;
		color:#000000;
		line-height:12px;
}



div#primary {
	width: 557px;
}

div#content {
	float: left;
	width: 374px;
}

div#content p.visual img {
	margin: 0 0 18px 0;
}

div#content dl.block {
	clear: both;
	padding: 0 0 20px 0;
}

div#content dl.block dt {
	clear: both;
}

div#content dl.block dd {
	border: 1px solid #CECECE;
	clear: both;
}

div#content dl.block dd form {
	background: #FAD6D6;
	border: 1px solid #FFF;
	height: 83px;
	width: 370px;
}

div#content dl.block dd form table {
	margin: 0 0 0 5px;
	width: 354px;
}

div#content dl.block dd form table th,
div#content dl.block dd form table td {
	color: #333333;
	padding: 0 0 0 8px;
	width: 163px;
}

div#content dl.block dd form table td select {
	vertical-align: middle;
}

div#content dl.block dd form table td select.sizeL {
	width: 165px;
}

div#content dl.block dd form table td select.sizeM {
	width: 72px;
}

div#content dl.block dd form table td.alignRight {
	text-align: right;
}

div#content p.bnr img {
	margin: 0 0 15px 0;
}

div#content dl.block dd p.map {
	padding: 8px 0 4px 3px;
}

div#content dl.block dd.whyChoose {
	clear: both;
	padding: 9px 0 4px 5px;
	width: 366px;
}

div#content dl.block dd.whyChoose ul {
	clear: both;
}

div#content dl.block dd.whyChoose ul li {
	background:url(../images/top/bg_why_choose.gif) no-repeat 0 0;
	float: left;
	height: 80px;
	padding: 0 2px 8px 5px;
	width: 172px;
}

div#content dl.block dd.whyChoose ul li dl {
	clear: both;
	margin: 0;
	padding: 0 0 0 4px;
	width: 172px;
}

div#content dl.block dd.whyChoose ul li dl dt {
	clear: both;
	font-size: 11px;
	padding: 4px 0 0 5px;
}

div#content dl.block dd.whyChoose ul li dl dd {
	border: none;
	clear: both;
	padding: 0;
}

div#content dl.block dd.whyChoose ul li dl dd p.text {
	float: left;
	font-size: 11px;
	line-height: 1.1;
	padding: 4px 0 0 5px;
	width: 95px;
}

div#content dl.block dd.whyChoose ul li dl dd p.images {
	float: right;
	margin: 0;
	padding: 0 13px 0 0;
	width: 56px;
}

div#content dl.block dd.whyChoose ul li dl dd p.images img {
	margin: 0;
	padding: 0;
}

div#content dl.block dd p.images img {
	padding: 15px 0 15px 10px;
}

div#content dl.block dd p.text {
	line-height: 1.2;
	padding: 0 0 21px 9px;
}

div#content dl.block dd dl.news {
	line-height: 1.2;
	padding: 5px 9px;
}

div#content dl.block dd dl.news dt {
	padding: 7px 0 0 0;
}

div#content dl.block dd dl.news dd {
	border: none;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #A7A7A7;
}

div#content dl.block dd p.more {
	margin: 0 0 0 9px;
	padding: 0 0 10px 0;
	text-align: right;
	width: 355px;
}

div#content dl.block dd p.more a {
	margin: 0 12px 0 0;
}

div#content dl.block dd p.receiveMail {
	padding:5px 0 5px 9px;
}


*div#content dl.block dd p.setup {
	background: url(../images/top/css_middle.png) no-repeat top left;
	margin-left:135px;
	width:83px;
	height:23px;
	background-position: 0 -1055px; 
	cursor:pointer;
}

div#content dl.block dd p.setup {
	background: url(../images/top/css_middle.png) no-repeat top left;
	margin-left:270px;
	width:83px;
	height:23px;
	background-position: 0 -1055px; 
	cursor:pointer;
}


div#content dl.welcome {
	border: 1px solid #CECECE;
}

div#content dl.welcome dt {
	text-align: center;
}

div#content dl.welcome dd {
	line-height: 1.2;
	padding: 0 0 0 10px;
}

div#content dl.welcome dd p {
	padding: 10px 0 15px 0;
}

div#content p.address {
	font-size: 9px;
	padding: 8px 0 0 14px;
}


/* #04 sideBar
---------------------------------------------------------------------------- */

div#sideBar {
	float: right;
	width: 170px;
}

div#sideBar dl.block {
	padding: 0 0 20px 0;
}

div#sideBar dl.block dd {
	border: 1px solid #CECECE;
	clear: both;
	padding: 6px 0 4px 4px;
}

div#sideBar dl.block dd ul li {
	clear: both;
}

div#sideBar dl.block dd ul li img {
	float: left;
	margin: 0 0 7px 0;
	padding: 3px 0 0 0;
}

div#sideBar dl.block dd p {
	font-size: 9px;
	line-height: 1;
}


div#sideBar dl.block dd ul li p.text {
	float: left;
	width: 92px;
	margin-left:5px;
}



div#sideBar dl.block dd ul li p.text a {
	display: block;
}

div#sideBar dl.block dd p.more {
	background: url(../images/common/bg_dotted.gif) repeat-x 0 0;
	clear: both;
	padding: 6px 0 2px 0;
	text-align: right;
	width: 157px;
}

div#sideBar dl.block dd p.media {
	padding: 0 0 12px 4px;
}

div#sideBar dl.block dd ul li dl {
	float: right;
	padding: 0;
	width: 92px;
}

div#sideBar dl.block dd ul li dl dt {
	font-weight: bold;
	padding: 0 0 0 10px;
}

div#sideBar dl.block dd ul li dl dd {
	border: none;
	font-size: 9px;
	padding: 0;
}

div#sideBar dl.block dd ul li dl dd ul li {
	line-height: 1.3;
	padding: 0;
}

*:first-child + html div#sideBar dl.block dd ul li dl dd ul li {
	display: inline;
	line-height: 1.2;
}

* html div#sideBar dl.block dd ul li dl dd ul li {
	display: inline;
	line-height: 1.2;
}

div#sideBar dl.block dd ul li dl dd ul li strong {
	float: left;
	font-size: 9px;
	padding: 0;
	width: 20px;
}

div#sideBar dl.block dd ul li dl dd ul li a {
	float: right;
	font-size: 9px;
	padding: 0;
	width: 70px;
}

div#sideBar dl.block dd ul li.abc {
	clear: both;
	margin: 0 0 5px 0;
}

div#sideBar div.section {
	border: 1px solid #CECECE;
	font-size: 10px;
	margin: 0 0 20px 0;
	padding: 8px 2px 4px 8px;
}

div#sideBar div.section dl.aboutStock {
	line-height: 1.2;
}

div#sideBar div.section dl.aboutStock dt {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 4px 1px;
}

div#sideBar div.section dl.aboutStock dd {
		font-size:9px;
		width:150px;
		height:130px;
}

div#sideBar div.section dl.aboutStock dd li{
	background: url(../images/top/css_middle.png) no-repeat top left;
	width:91px;
	height:48px;
	background-position: 0 -1021px;
	float:right;
}

div#sideBar div.section dl.aboutStock dd a {
	display: block;
}

div#sideBar div.section p.images {
	padding: 6px 0 5px 4px;
}

div#sideBar div.section dl.subscribeNewsletter dt {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 1px 4px;
}

div#sideBar div.section dl.subscribeNewsletter dd {
	background: #ECECEC;
	line-height: 1.2;
	padding: 7px 0 0 3px;
	width: 149px;
}

div#sideBar div.section dl.subscribeNewsletter dd p.text {
	font-size: 10px;
	padding: 0 0 11px 0;
}

div#sideBar div.section dl.subscribeNewsletter dd p.text_bold	{
	font-weight:bold;
	font-size:11px;
	padding: 0 0 4px 5px;
}


div#sideBar div.section dl.subscribeNewsletter dd input.emailText {
	border: 1px solid #A5ACB2;
	height: 15px;
	margin: 0 0 0 3px;
	width: 139px;
}

div#sideBar div.section dl.subscribeNewsletter dd input.go {
	margin: 3px 0 1px 32px;
}

div#sideBar dl.block dd.content {
	font-size: 10px;
	line-height: 1.2;
	padding: 6px 0 9px 8px;
}


/* #05 secondary
---------------------------------------------------------------------------- */

div#secondary div.searchForm {
	border: 1px solid #BDBCB9;
	clear: both;
	margin: 20px 0 20px 0;
	padding: 5px 7px;
}





