@charset "UTF-8";

/* ****************************************************
Title: new_vis.css
Created: 2010/01/26
Last Modified: 2010/01/26
Editor(s): Yonekura
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 pankuzu
#02 vis_main_box
#03 left_box
#04 right_box
#05 search


/* #01 pankuzu
---------------------------------------------------------------------------- */

div.pankuzu	{
	width:900px;
	padding:0 10px 0 10px;
	height:20px;
	float:left;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-position: 0 -134px;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
}

div.pankuzu ul li	{
	float:left;
	line-height:20px;
	padding:0 10px 0 0;
	font-size: 12px;
}


/* #02 vis_main_box
---------------------------------------------------------------------------- */
div#vis_box	{
	width:920px;
	float:left;
}



/* #03 left_box
---------------------------------------------------------------------------- */
div#left_box	{
	width:640px;
	padding-right:10px;
	float:left;
}



div.blue_920_top	{
	width:920px;
	height:10px;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-position: 0 -40px;
	background-repeat:no-repeat;
	float:left;
	font-size:0;
}

div.white_920_middle	{
	width:900px;
	background-color:#FFFFFF;
	padding:10px 10px 0 10px;
	float:left;
}

div.white_920_bottom	{
	width:920px;
	height:10px;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -1163px;
	clear:both;
	font-size:0;
	margin-bottom:10px;
}

ul#car_title	{
	background-color:#D8ECE9;
	width:900px;
	padding:0 10px 5px 10px;
	float:left;
	border-bottom:2px solid #999999;
}

ul#car_title li	{
	line-height:24px;
	float:left;
}

ul#car_title li.ref h2	{
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

ul#car_title li.ref h2 span.ref	{
	font-size:16px;
}

ul#car_title li.after_fob	{
	font-size:20px;
	font-weight:bold;
	color:#cf1717;
	width:300px;
	text-align:right;
}

li.price span.before_fob	{
	font-size:16px;
	color:#999999;
	text-decoration:line-through;
}


div.gray_640_top_search	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -309px;
	width:640px;
	height:12px;
	font-size:0;
	float:left;
}



div.gray_640_middle_search	{
	background-image:url(../images/vis_new/gray_640_middle_search.gif);
	background-repeat:repeat-y;
	width:612px;
	padding:0 14px 0 14px;
	float:left;
}

div.gray_640_bottom_search	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -265px;
	width:640px;
	height:12px;
	font-size:0;
	float:left;
	margin-bottom:10px;
}



div.gray_640_top	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -287px;
	width:640px;
	height:12px;
	font-size:0;
	float:left;
}



div.gray_640_middle {
	background-image:url(../images/vis_new/gray_640_middle.gif);
	background-repeat:repeat-y;
	width:612px;
	padding:5px 14px 10px 14px;
	float:left;
}

div.gray_640_bottom	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -243px;
	width:640px;
	height:12px;
	font-size:0;
	float:left;
	margin-bottom:40px;
}



div.gray_640_middle h3 {
	font-size:18px;
	font-weight:bold;
}

div.gray_640_middle h3.top_space {
	margin-top:10px;
}

div.gray_640_middle hr {
	border-bottom:1px solid #000000;
	clear:both;
	padding:0;
	margin:0 0 5px 0;
	font-size:0;
}


div.gray_640_middle hr {
	border-bottom:1px solid #000000;
	clear:both;
	padding:0;
	margin:0 0 5px 0;
	font-size:0;
}



div.gray_640_middle ul li.right {
	float:left;
	line-height:12px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	width:412px;
}

div.gray_640_middle ul li.right ul li {
	float:right;
	line-height:16px;
	padding-right:3px;
}

div.gray_640_middle ul li.right ul li.grade {
	font-weight:bold;
	font-size:14px;
}


div.gray_640_middle ul li.right a {
	font-size:10px;
}

div.gray_640_middle ul li.left {
	float:left;
	line-height:18px;
	width:200px;
}

table.car_info	{
	width:612px;
	clear:both;
	margin:6px 0 10px 0;;
}

table.car_info th	{
	width:109px;
	font-weight:bold;
	text-align:left;
	background-color:#E6E6E6;
	padding:0 0 0 5px;
	vertical-align:middle;
	border:1px solid #D2D2D2;
	height:20px;
}

table.car_info td	{
	width:95px;
	text-align:left;
	padding:0 0 0 5px;
	vertical-align:middle;
	border:1px solid #D2D2D2;
	height:20px;
}

table.car_info td.chassis	{
	width:306px;
}


div#photo	{
	float:left;
	padding:0 20px 0 0;
	width:356px;
	position:relative;
}

a.photo:hover	{
	opacity:0.8;
}


div#spec	{
	float:left;
	width:232px;
}

img.sold_out	{
	position:absolute;
	top:0;
	left:0;
}

img.photo_01	{
	padding:2px;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
	border-width:2px;
	border-style:solid;
}

img.photo_02	{
	padding:1px;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
	border-width:1px;
	border-style:solid;
	margin:0 4px 2px 0;
	float:left;
	display: inline;
}

ul.remarkable li	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -460px;
	height:16px;
	width:200px;
	padding-left:22px;
	line-height:18px;
}

.ico_crown{  width: 20px; height: 16px; } 

table.option	{
	width:232px;
	clear:both;
}

table.option th	{
	background-color:#E6E6E6;
	border:1px solid #D2D2D2;
	width:20px;
	height:20px;
	vertical-align:middle;
	text-align:center;
}

table.option td	{
	border:1px solid #D2D2D2;
	text-align:left;
	padding:0 0 0 5px;
	height:20px;
	vertical-align:middle;
}

ul.note	{
	clear:both;
	width:232px;
}

ul.note li	{
	clear:both;
	text-align:left;
}

p.ico_check	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-position: 0 -401px;
	background-repeat:no-repeat;
	margin:0 auto;
	width: 14px;
	height: 14px;
}

p.ico_grade	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-position: 0 -591px;
	background-repeat:no-repeat;
	width: 15px;
	height: 15px;
	float:left;
}

a.ico_question	{
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-position: 0 -858px;
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	width: 12px;
	height: 15px;
	float:left;
}

p.left	{
	float:left;
	font-weight:bold;
}

/* #04 right_box
---------------------------------------------------------------------------- */

li.id_beitbridge	{display: none;}
li.id_d2d_1		{display: none;}
li.id_d2d_2		{display: none;}

p.extra_option	{
	background-color:#FB895F;
	float:left;
	width:212px;
	border:solid 1px #666666;
	padding:3px 5px 3px 5px;
	margin:10px 0 0 0;
	line-height:14px; 
}

div#right_box	{
	width:250px;
	float:left;
}

div.gray_250_top	{
	width:250px;
	height:12px;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	font-size:0;
	background-position: 0 -221px;
	float:left;
}


div.gray_250_middle	{
	width:226px;
	background-image:url(../images/vis_new/gray_250_middle.gif);
	background-repeat:repeat-y;
	float:left;
	padding:0 12px 0 12px;
}

div.gray_250_bottom	{
	width:250px;
	height:12px;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	font-size:0;
	background-position: 0 -199px;
	float:left;
	margin-bottom:10px;
}


div.red_250_top	{
	width:250px;
	height:41px;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	font-size:0;
	background-position: 0 -1103px;
	float:left;
	text-align:center;
	padding:9px 0 0 0;
}




div.red_250_top h4	{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
}

div.gray_250_middle ul li.total	{
	text-align:left;
	font-size:20px;
	font-weight:bold;
	color: #ffffff;
	clear:both;
	border-bottom:2px solid #b52322;
}

div.gray_250_middle ul li.total span	{
	background-color:#B52322;
	padding:2px 7px 2px 5px;
}


div.gray_250_middle ul li.price	{
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color: #cf1717;
	padding-left:5px;
}





li.button a	{
	width:195px;
	height:27px;
	margin:20px auto;
	display:block;
	cursor:pointer;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -60px;
}

li.button a:link{
background-position: 0 -60px;
} 

li.button a:active{
background-position: 0 -60px;
} 

li.button a:hover{
	background-position:0 -97px;
}

ul.calculate	{
	width:226px;
}


ul.calculate li.discount	{
	color:#cf1717;
	font-size:14px;
	float:left;
	width:171px;
	line-height:14px;
}


ul.calculate li.left	{
	width:171px;
	float:left;
	line-height:14px;
	font-size:14px;
}


ul.calculate li.right	{
	width:55px;
	float:left;
	text-align:right;
	font-weight:bold;
	line-height:14px;
	font-size:14px;
}


ul.calculate li.right_discount	{
	width:55px;
	float:left;
	text-align:right;
	font-weight:bold;
	line-height:14px;
	font-size:14px;
	color:#cf1717;
}

ul.calculate li ul	{
	width:226px;
}


ul.calculate li ul li.left	{
	width:176px;
	float:left;
	line-height:14px;
}


ul.calculate li ul li.right	{
	width:50px;
	float:left;
	text-align:right;
	font-weight:bold;
	line-height:14px;
}


ul.calculate li.text	{
	clear:both;
	font-size:10px;
	line-height:10px;
}

ul.calculate li.text_deal	{
	clear:both;
	font-size:10px;
	line-height:10px;
	padding:6px 0 0 17px;
}

html*ul.calculate li.text_deal	{
	clear:both;
	font-size:10px;
	line-height:10px;
	padding:6px 0 0 25px;
}

ul.calculate li.blank	{
	clear:both;
	height:3px;
	font-size:0;
}


input.middle	{
	vertical-align:middle;
	margin:0;
	padding:0;
	
}

*input.middle	{
	vertical-align:middle;
	margin:0;
	padding:0;
	height:12px;
}

img.middle	{
	vertical-align:middle;
	margin:0;
	padding:0;
}

ul.calculate li h5	{
	font-weight:bold;
	font-size:14px;
	padding:20px 0 0 0;
	color:#ffffff;
	border-bottom:2px solid #b52322;
}

ul.calculate li h5.top	{
	padding-top:10px;
}

ul.calculate li h5 span	{
	background-color:#B52322;
	padding:2px 7px 2px 5px;
}

select.country	{
	width:200px;
	height:22px;
	font-size:14px;
	line-height:22px;
}

ul li.print	{
	clear:both;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -826px;
	padding-left:30px;
	height:25px;
	width:200px;
	line-height:25px;
	font-size:14px;
}


ul li.print a	{
	cursor:pointer;
}

ul li.download	{
	clear:both;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 -521px;
	padding-left:30px;
	height:25px;
	width:200px;
	line-height:25px;
	font-size:14px;
	
}



div.gray_250_middle	hr {
	border:1px solid #B52322;
	clear:both;
	padding:0;
	margin:0 0 2px 0;
	font-size:0;
}

li.error_message	{
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #cf1717;	
	clear:both;
}

/* #05 search
---------------------------------------------------------------------------- */

div.bnr	{ clear:both; margin:0 0 10px 0;}

a.opa:hover	{
	opacity:0.8;
}


table.search	{
	width:612px;
}

table.search td.title	{
	width:40px;
	text-align:right;
	font-weight:bold;
	padding:3px 5px 3px 0;
}

table.search td.button	{
	padding:0 52px 0 0;
	text-align:left;
	height:25px;
	line-height:25px;
	font-size:15px;
}

table.search td.advan	{
	padding:0 0 0 0;
	text-align:left;
	height:15px;
	line-height:15px;
	font-size:14px;
}

table.search td.button input.bottom_15	{
	float:right;
}

table.search th	{
	width:290px;
	vertical-align:top;
}

table.search th.border_bottom	{
	text-align:right;
	font-size:14px;
}



table.search th.space_top	{
	padding:10px 0 0 0;
}


table.search th.right	{
	text-align:right;
	padding:2px 20px 0 0;
	width:20px;
}



table.search td.border	{
	border-left:#000000 solid 1px;
	width:17px;
}

table.search th h6	{
	font-size:16px;
	font-weight:bold;
}


hr.border_bottom	{
	width:612px;
	margin:10px 0 0 0;
}

div.gray_640_middle_search h6	{
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}

div.search	{
	width:270px;
	height:30px;
	background-image:url(../images/vis_new/sprite_vis.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	clear:both;
}



p.free_text	{
	line-height:30x;
	color:#ffffff;
	font-size:13px;
	padding-left:5px;
}

input.search_box	{
	width:267px;
	height:16px;
	font-size:16px;
	line-height:18px;
}

select.all_stock	{
	width:220px;
	height:20px;
}

select.year	{
	width:105px;
	height:20px;
}



table.maker	{
	width:612px;
}

table.maker td	{
	line-height:25px;
}




td.benz{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -331px; width: 200px; height: 25px; display:block; cursor:pointer; float:left; } 
td.bmw{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -366px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.daihatsu{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -486px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.honda{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -616px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.toyota{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -988px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.suzuki{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -953px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.nissan{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -791px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.subaru{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -918px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.mazda{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -721px;  width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.mitsubishi{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -756px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 
td.isuzu{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; background-position: 0 -651px; width: 102px; height: 25px; display:block; cursor:pointer; float:left;} 

td.benz a { padding:0 0 0 28px; } 
td.bmw a { padding:0 0 0 28px; } 
td.daihatsu a { padding:0 0 0 28px; } 
td.honda a { padding:0 0 0 28px; } 
td.toyota a { padding:0 0 0 28px; } 
td.suzuki a { padding:0 0 0 28px; } 
td.nissan a { padding:0 0 0 28px; }  
td.subaru a { padding:0 0 0 28px; }  
td.mazda a { padding:0 0 0 28px; }  
td.mitsubishi a { padding:0 0 0 28px; } 
td.isuzu a { padding:0 0 0 28px; } 


table.type	{
	width:612px;
}

table.type td	{
	text-align:center;
	width:102px;
}

table.type th	{
	text-align:center;
	width:105px;
	font-size:12px;
	vertical-align:top;
}


a.compact{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -425px; width: 60px; height: 25px; margin:0 auto; } 
a.truck{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -1023px; width: 60px; height: 30px; margin:0 auto; } 
a.family{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -556px; width: 60px; height: 25px; margin:0 auto; } 
a.van{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -1063px; width: 60px; height: 30px; margin:0 auto; } 
a.pickup{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -436px; width: 65px; height: 30px; margin:0 auto; } 
a.sedan{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -883px; width: 60px; height: 25px; margin:0 auto; } 
a.sporty{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -501px; width: 60px; height: 25px; margin:0 auto; } 
a.jeep{ background-image:url(../images/vis_new/sprite_vis.gif); background-repeat:no-repeat; display:block; cursor:pointer; background-position: 0 -686px; width: 60px; height: 25px; margin:0 auto; }