@charset "utf-8";
/* Campaign CSS */

a.arrow, a.arrow:link, a.arrow:visited, a.arrow:hover, a.arrow:active { background:transparent url("../../img/campaign/arrows.png") no-repeat;
background-position: 0 center;
padding-left:11px;
cursor: pointer !important;
color:#000;
vertical-align:top;

}

p.arrow, p.arrow:link, p.arrow:visited, p.arrow:hover, p.arrow:active { background:transparent url("../../img/campaign/arrows.png") no-repeat;
background-position: 0 center;
padding-left:11px;
cursor: pointer !important;
color:#000;
vertical-align:top;

}

.sp_table {
	width: 100%;
}

img.spImg {
	max-width: 100%;
	width: 100%;
	height: auto;
}
td.nowrap { white-space:normal !important;}

.special_loan_cost.mb30 .money_right_gray .color_audi_red {
	color: #cc0033 !important;
}

/**	  a1 start	**/


.sp_main { width:100%; }

/**
.left_title { 
	width:100%;
	padding: 7px 8px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	float:left;
	margin-bottom: 10px;
	text-align:center;
	
	}
.section03 .left_title h2.f_l { float:left; padding-left:40px;}

.section03 .left_title h3.f_l {  float:left; padding-top:10px; padding-left:10px; }

.section03 .right_title { width:100%; background-color:#000; color:#fff; padding: 9px 8px; text-align:center; clear:both; }
.section03 .right_title h2 { font-size:12px; margin-bottom:16px; }

**/

.special_loan_cost .left_title { 
	width:100%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align:center;
	margin-bottom:10px;
	
	}
.special_loan_cost .left_title h2.f_l { font-size:12px; padding: 9px 0; }
.special_loan_cost .left_title h3.f_l { font-size:12px; padding-bottom:9px; }
.special_loan_cost .right_title { width:100%; background-color:#000; color:#fff; text-align:center; }
.special_loan_cost .right_title h2 { font-size:12px; padding: 9px 0;}
.special_loan_cost .right_title h3 { font-size:12px; padding-bottom:9px; }
.special_loan_cost .right_title h3 span.money { font-size:24px; }
.special_loan_cost .loan { width:100%; padding: 5px 0;}
.special_loan_cost .money_left { width:100%; text-align:right; padding: 5px 0; }
.special_loan_cost .money_left h3 { font-weight:normal; padding: 5px 0; }
.special_loan_cost .money_right { width:100%; text-align:right; padding: 5px 0; font-weight:normal; font-size:12px; }
.special_loan_cost .money_right h3 { font-weight:normal; padding: 5px 0; }
.special_loan_cost .money_left_gray { width:100%; text-align:right; padding: 5px 0; background:#e6e6e6; font-size:10px; }
.special_loan_cost .money_left_gray h3 { font-weight:normal; padding: 5px 0; }
.special_loan_cost .money_right_gray { width:100%; text-align:right; padding: 5px 0; font-weight:normal; background:#e6e6e6; font-size:12px; }
.special_loan_cost .money_right_gray h3 { font-weight:normal; padding: 5px 0; }
.shousai { width:100%; clear:both; }
.shousai p { font-weight:normal; padding: 5px 0; font-size:10.5px;}
.s_border { border-bottom:solid 1px; #000;}


/******* The new Audi A1 *******/


/******* cost *******/

.cost dl.recent dt {
  clear: left;
  padding: 15px 0.5em;
}

.cost dl.recent dt.gray_bc {
  padding: 15px 0.5em;
  background-color:#E6E6E6;
}

.cost dl.recent dd {
  padding: 15px 0.5em;

}

.cost dl.recent dd.gray_bc {
  padding: 15px 0.5em;
  background-color:#E6E6E6;
}


/******* cost  *******/

/******* border  *******/

.sp_line_top { border-top:solid 1px #b7b7b7; }
.sp_line_bottom { border-bottom:solid 1px #b7b7b7; }



/******* border  *******/

/******* The new Audi A1 *******/


/******* tryaudi *******/

/******* section01 *******/

.youtube { width:100%; height: auto; margin-bottom:30px; }
.youtube h1 { font-size:14px; margin-bottom:5px; }

.tryaudi_content .section01 h2.arrow_bg { 
	background:url(../../img/campaign/tryaudi/images/sp_section01_bg.gif) no-repeat;
	color:#FFF;
	padding:6px 0 5px 10px;
	font-size:9px;
	}
	
.tryaudi_content .section01 h2.arrow_bg span { 
	}
	
.tryaudi_content .section01 .box {
	background-color:#C7CBCD;
	}

.tryaudi_content .section01 .box { padding:10px; background:#c7cbcd; }
.tryaudi_content .section01 .box .left_box { padding:6px; margin-bottom:10px; background:#000; color:#FFF; }
.tryaudi_content .section01 .box .left_box p { padding-left: 10px;}
.tryaudi_content .section01 .box .right_box { }
.tryaudi_content .section01 .box .right_box p { padding-left:10px; font-size:11px; }

/******* section02 *******/

.tryaudi_content .section02 h2 { padding:10px; background:#000; color:#FFF; }


/******* section02 *******/

/******* tryaudi *******/

/******* navi_present_campaign *******/

.navi_present_campaign { }
.navi_present_campaign .campaign_navi { background-color:#f2f4f3; padding:5px; }

.navi_present_campaign .campaign_navi .left_box h2 { padding:5px 7px 5px 7px; background:#000; color:#fff; width:80px; }
.navi_present_campaign .campaign_navi .left_box p { font-size:12px !important; margin-bottom: 7px; }
.navi_present_campaign .campaign_navi .right_box { }
.navi_present_campaign .campaign_navi .right_box h2 { padding:5px 7px 5px 7px; background:#000; color:#fff; margin-bottom: 7px; width: 80px; }
.navi_present_campaign .campaign_navi .right_box p { font-size:12px !important; margin-bottom: 20px; }
.navi_present_campaign .campaign_navi .navi_cost { margin-bottom:35px; }
.navi_present_campaign .campaign_navi .navi_cost p { font-size:14px !important; }
.navi_present_campaign .campaign_navi .shosai {   }

.navi_present_campaign .model .a3 { }
.navi_present_campaign .model .a3 h2 { margin-bottom:20px; }
.navi_present_campaign .model .a3 h3 { margin-bottom:15px; }
.navi_present_campaign .model .a3 p { margin-bottom:30px; }
.navi_present_campaign .model .q3 { }
.navi_present_campaign .model .q3 h2 { margin-bottom:20px; }
.navi_present_campaign .model .q3 h3 { margin-bottom:15px; }
.navi_present_campaign .model .q3 p { }

/******* navi_present_campaign *******/

/******* drive_lesson *******/
.drive_lesson {}
.drive_lesson a.arrow, a.arrow:link, a.arrow:visited,  a.arrow:active { background:transparent url("../../img/campaign/arrows.png") no-repeat;
background-position: 0 center;
padding-left:11px;
cursor: pointer !important;
color:#000;
vertical-align:inherit;

}

.drive_lesson a:hover { background:transparent url("../../img/campaign/arrows.png") no-repeat;
background-position: 0 center;
padding-left:11px;
cursor: pointer !important;
color:#cc0033;
vertical-align:inherit;

}
.drive_lesson .intro_text { margin-bottom:30px; }
.drive_lesson .section01 { margin-bottom:20px;}
.drive_lesson .section01 .ada { margin-bottom:10px;}
.drive_lesson .section01 .ada .image { margin-right:30px; } 
.drive_lesson .section01 .ada .image p img { margin-bottom:10px; }
.drive_lesson .section01 .ada .image_text { } 
.drive_lesson .showroom_area { width:100%;display:table;table-layout:fixed;background-color:#fff;border-top:2px solid black;border-bottom:2px solid black; margin-bottom: 20px; }
.drive_lesson .showroom_area .white_box { width:100%; display:table; table-layout:fixed; background-color:#fff; }
.drive_lesson .showroom_area .border { border-bottom:2px solid black; }
.drive_lesson .showroom_area .white_box .box { display:table-cell; margin:1px; padding:4px; }
.drive_lesson .showroom_area .gray_box { width:100%;display:table;table-layout:fixed;background-color:#ddd }
.drive_lesson .showroom_area .gray_box .box { display:table-cell; margin:1px; padding:4px;}
.drive_lesson .reserve { }
.drive_lesson .reserve h3 { font-size:18px; width: 150px; background-color:#000; color:#fff; padding: 6px 0 6px 15px; margin-bottom: 5px;  }


/******* drive_lesson *******/