@charset "utf-8";
/*--------------------------------------------
*
*	in Contents	
*
*	01. Common
*	02. line up
*	03. car detail
*	04. guarantee
*	05. flow
*	06. maintenance
*
*--------------------------------------------*/

/*-------------------------------------
	01. Common
---------------------------------------*/

.boxOut { background:#fff url(../image/box_bg_top.gif) left top no-repeat; margin-bottom:20px; }
*html body .boxOut { height:1%; }
.boxIn { background: url(../image/box_bg_bottom.gif) left bottom no-repeat; padding:10px 10px 10px 10px; }
/*.boxIn { background: url(../image/box_bg_bottom.gif) left bottom no-repeat; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; }*/

/*-------------------------------------
	02. line up
---------------------------------------*/
.makerName { margin-bottom:10px;}
#GM .makerName { margin-bottom:5px; margin-top:-5px; margin-left:15px;}
#DODGE .makerName { margin-bottom:5px; margin-top:-5px; margin-left:15px;}

.lineup .boxIn {padding-left:15px; padding-right:15px; padding-bottom:0px;}
.lineup #GM .makerName { margin-left:10px;}
.lineup #DODGE .makerName { margin-left:10px;}
.lineupTable {}
.lineupTable td { padding-bottom:20px; padding-right:15px; vertical-align:top; text-align:center;}
.lineupTable .pict { margin-bottom:5px; }
.lineupTable .name {
	line-height:1.2; font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#eee url(../image/lineup_name_bg_top.gif) left top no-repeat;
	padding-top:5px; width:160px;
}
.lineupTable .name .nameIn {
	background: url(../image/lineup_name_bg_bottom.gif) left bottom no-repeat;
	padding-bottom:6px; padding-left:5px; padding-right:5px; min-height:2.4em; height:auto !important; height:2.8em;}
.lineupTable .jumpDetail { margin-top:10px;}


/*-------------------------------------
	03. car detail
---------------------------------------*/
.carBoxMain { width:460px; float:left; background:url(../../lineup/image/arrow_show_picture.gif) right 105px no-repeat;}

/* Name */
.carName {
	background:#eee url(../../lineup/image/bg_name_top.gif) left top no-repeat;
	padding-top:5px; margin-bottom:10px; margin-left:5px; display:inline;
	width:440px; float:left; color:#ec6100;
}
.carName h1,
.carName h3 {
	background: url(../../lineup/image/bg_name_bottom.gif) left bottom no-repeat;
	font-size:150%; line-height:1.2; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;
	padding-top:3px; padding-bottom:9px; padding-left:10px; padding-right:10px;
}

.carYear {}
.carYear table { float:right; margin-bottom:10px; margin-top:-5px;}
.carYear th {
	background:#999 url(../../lineup/image/bg_th_110_top.gif) left top no-repeat;
	padding-top:5px; width:110px;
	text-align:center; color:#fff;
}
.carYear th div {
	background: url(../../lineup/image/bg_th_110_bottom.gif) left bottom no-repeat;
	padding-top:6px; padding-bottom:10px;
}
.carYear td {
	background:#eee url(../../lineup/image/bg_td_110_top.gif) left top no-repeat;
	padding-top:6px; width:110px;
	text-align:center;
}
.carYear td div {
	background:#eee url(../../lineup/image/bg_td_110_bottom.gif) left bottom no-repeat;
	padding-top:5px; padding-bottom:10px;
}


/* Main Picture */
.carMainImage { width:350px; text-align:center; background:#eee url(../../lineup/image/bg_car_top.gif) left top no-repeat; padding-top:5px; margin-left:45px; margin-bottom:10px; }
.carMainImage div {text-align:center; background:#eee url(../../lineup/image/bg_car_bottom.gif) left bottom no-repeat; padding-bottom:5px; }


/* Price */
.carPrice { width:450px; }
.carPriceA { background:#eee url(../../lineup/image/bg_price_table_bottom_arrow.gif) left bottom no-repeat; padding-bottom:18px; }
.carPriceB { background:#eee url(../../lineup/image/bg_price_table_bottom.gif) left bottom no-repeat; padding-bottom:0px; margin-top:3px; }
.carPrice table { background:url(../../lineup/image/bg_price_table_top.gif) left top no-repeat;}
.carPrice th {
	background:#ec6100 url(../../lineup/image/bg_price_th_bottom.gif) left bottom no-repeat;
	width:110px;
	padding-top:0px;
	text-align:center; color:#fff;
	vertical-align:top;
	padding-bottom:13px;
}
.carPrice th div {
	background: url(../../lineup/image/bg_price_th_top.gif) left top no-repeat;
	padding-top:14px; margin-top:0px;
}
.carPrice td {
	background:#fff url(../../lineup/image/bg_price_td_rate_bottom.gif) left bottom no-repeat;
	width:110px;
	padding-top:0px;
	text-align:center;
	vertical-align:top;
	padding-bottom:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.carPrice td div {
	background:#fff url(../../lineup/image/bg_price_td_rate_top.gif) left top no-repeat;
	padding-top:9px; margin-top:0px;
	text-align:center; line-height:1.2;
}
.carPrice td.carPrice2 {
	background:#fff url(../../lineup/image/bg_price_td_bottom.gif) left bottom no-repeat;
	width:210px;
	padding-top:0px;
	padding-bottom:5px;
	vertical-align:top;
	color:#ec6100;
}
.carPrice td.carPrice2 div {
	background:url(../../lineup/image/bg_price_td_top.gif) left top no-repeat;
	padding-top:6px; margin-top:0px; text-indent:-15px;
	text-align:center;
}

.carPrice span.priceTxt1 { color:#ec6100; }
.carPrice span.priceTxt2 { color:#ec6100; font-size:150%; }
.carPrice span.priceTxt3 { color:#ec6100; font-size:200%; }

.carPrice td.carPriceContact { padding-bottom:0px;}

/* Pictures */
.carBoxPictures { width:235px; float:right; background:#eee url(../../lineup/image/bg_car_thum_top.gif) left top no-repeat; }
*html body .carBoxPictures { width:235px; overflow:hidden; }
.carBoxPictures div.carBoxPicturesIn { padding-left:5px; padding-top:5px; min-height:0.1%; height:auto !important; height:0.1%; background:url(../../lineup/image/bg_car_thum_bottom.gif) left bottom no-repeat; margin:0px;}
.carBoxPictures ul { margin-bottom:0px; padding-bottom:0px; margin-right:0px; margin-left:0px; padding-left:0px; padding-right:0px; background:none;}
.carBoxPictures ul li { float:left; width:110px; height:75px; overflow:hidden; margin-bottom:5px; margin-right:5px; }

/* Spec */
.carSpec caption { text-align:left; padding-left:5px; padding-top:0px; padding-bottom:0px; height:20px; line-height:1.2; }
.carSpec th {
	background:#999 url(../../lineup/image/bg_th_110_bottom.gif) left bottom no-repeat;
	padding-top:0px; padding-bottom:8px; width:110px;
	text-align:center; color:#fff;
	vertical-align:top;
}
.carSpec th div {
	background: url(../../lineup/image/bg_th_110_top.gif) left top no-repeat;
	padding-top:8px; padding-bottom:0px;
}
.carSpec td {
	background:#eee url(../../lineup/image/bg_td_225_bottom.gif) left bottom no-repeat;
	padding-top:0px; padding-bottom:8px; width:225px;
	vertical-align:top;
}
.carSpec td div {
	background:#eee url(../../lineup/image/bg_td_225_top.gif) left top no-repeat;
	padding-top:8px; padding-bottom:0px; padding-left:10px; padding-right:5px;
}


/*-------------------------------------
	04. guarantee
---------------------------------------*/
.guarantee .boxOut { margin-bottom:20px; padding-top:5px; }
.guarantee .boxIn {padding-left:15px; padding-right:15px;}
.guarantee h2 { margin-bottom:5px; clear:both; }

.guaranteeBoxN { margin-bottom:20px; margin-left:15px; margin-right:15px;}
.guaranteeBoxL { width:315px; float:left; clear:left; margin-left:15px; display:inline; margin-bottom:20px; }
.guaranteeBoxR { width:315px; float:right; clear:right; margin-right:15px; display:inline; margin-bottom:20px; }

.guarantee ul { margin-top:0.8em;}
.guarantee ul li { padding-left:1em; text-indent:-1em; margin-bottom:0.4em;}
.guarantee ul li blockquote { margin-top:0.3em; margin-left:0px; margin-bottom:0px; margin-right:0px; margin-bottom:0px; text-indent:0em; }

.jampMaintenance { text-align:center; margin-bottom:10px;}


/*-------------------------------------
	05. flow
---------------------------------------*/
.flow { margin-bottom:25px; }




/*-------------------------------------
	06. maintenance
---------------------------------------*/
.maintenance .boxIn { padding:15px 15px 15px 15px;}
.maintenanceMap { width:440px; float:left;}
.areaDetail { width:225px; float:right; margin-top:24px;}
#hokkaido { display:none;}
#tohoku {display:none;}
#hokuriku {display:none;}
#kanto {display:none;}
#kanto {display:none;}
#tokai {display:none;}
#kansai {display:none;}
#chugoku {display:none;}
#shikoku {display:none;}
#kyushu {display:none;}
#okinawa {display:none;}


.areaDetail .scroll { height:410px; overflow:auto; margin-top:10px;}


.maintenance h1 { margin-top:25px; margin-bottom:-45px; }
dl.areaList {}
dl.areaList dt { color:#763000; font-weight:bold;}
dl.areaList dd { margin-bottom:15px;word-break: break-all;}