@charset "utf-8";

#header_container div.title {
	margin:83px auto 0 auto;
	width:271px;
	height:63px;
	background: url(../../newcar/images/hd_newcar.png) no-repeat left top;
	text-indent: -10000em;
}

main {
	background:#F6FCFC;
	padding:0 0 52px 0;
}

main article {
	padding: 40px 50px 0 50px;
}

@media screen and (max-width: 640px){

main article {
	padding: 20px;
}

}

main section {
	padding: 50px;
	border-radius: 5px;
}

@media screen and (max-width: 640px){

main section {
	padding: 20px;
	border-radius: 5px;
}

}

main ul.links {
	margin-bottom: 30px;
	padding: 30px 0;
	border-top: solid 5px #EEF2F2;
	border-bottom: solid 5px #EEF2F2;
}

@media screen and (min-width: 641px){

main ul.links li {
	margin-right: 20px;
	float: left;
	box-shadow: 0 0 5px #ccc;
}

main ul.links li:last-child {
	margin-right: 0;
}

main ul.links li a {
	display: block;
	width: 432px;
	height: 90px;
	background-image: url(../../newcar/images/links.jpg);
	text-indent: -10000em;
}

}

main ul.links li.link01 a { background-position: 0 0; }
main ul.links li.link02 a { background-position: 0 -90px; }

@media screen and (max-width: 640px){

main ul.links li {
	margin-bottom: 10px;
	box-shadow: 0 0 5px #ccc;
}

main ul.links li a {
	display: block;
	width: 580px;
	height: 90px;
	background-image: url(../../newcar/images/links_sp.jpg);
	text-indent: -10000em;
}

}

main section ul.banners {
	margin-top: 30px;
}

main section ul.banners li {
	margin-right: 20px;
	float: left;
	box-shadow: 0 0 5px #ccc;
}

main section ul.banners li:last-child {
	margin-right: 0;
}

main section ul.banners li a {
	display: block;
	width: 382px;
	height: 90px;
	text-indent: -10000em;
}


@media screen and (max-width: 640px){

main section ul.banners li {
	margin: 0 0 10px 0;
	float: none;
	box-shadow: 0 0 5px #ccc;
}

main section ul.banners li a {
	display: block;
	width: 540px;
	height: 90px;
	text-indent: -10000em;
}

}

main section ul.banners li.banner01 a { background-position: 0 0; }
main section ul.banners li.banner02 a { background-position: 0 -90px; }

main #cover {
	margin-bottom: 30px;
	padding: 0;
}

@media screen and (min-width: 641px){

main #cover img {
	float: left;
}

main #cover ul {
	float: right;
}

}

main #cover ul li {
	margin-bottom: 10px;
}

main #cover ul li:last-child {
	margin-bottom: 0;
}

main #cover ul li a {
	display: block;
	width: 288px;
	height: 110px;
	text-indent: -10000em;
}

main #cover ul li.localNav01 a { background-image: url(../../newcar/images/cover_link_report.png); }

main #newcar_solio #cover ul li.localNav02 a { background-image: url(../../newcar/images/solio/cover_link_present.png); }
main #newcar_solio #cover ul li.localNav03 a { background-image: url(../../newcar/images/solio/cover_link_points.png); }

@media screen and (max-width: 640px){

main #cover img {
	margin-bottom: 10px;
	width: 100%;
}

main #cover ul li a {
	display: block;
	width: 580px;
	height: 100px;
	text-indent: -10000em;
}

main #cover ul li.localNav01 a { background-image: url(../../newcar/images/cover_link_report_sp.png); }

main #newcar_solio #cover ul li.localNav02 a { background-image: url(../../newcar/images/solio/cover_link_present_sp.png); }
main #newcar_solio #cover ul li.localNav03 a { background-image: url(../../newcar/images/solio/cover_link_points_sp.png); }

}

main #report {
	margin-bottom: 50px;
	background-image: url(../../newcar/images/report_bg.png);
}

main #report h2 {
	margin: -80px 0 -40px -15px;
	height: 118px;
	background-image: url(../../newcar/images/report_hl.png);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

main #report p.catch {
	margin-top: -60px;
	margin-bottom: 30px;
	height: 112px;
	background-image: url(../../newcar/images/solio/report_catch.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

main #report h3 {
	margin-bottom: 15px;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.1em;
}

main #report ul.gallery {
	margin-bottom: 15px;
}

main #report ul.gallery li {
	margin-right: 20px;
	float: left;
	width: 248px;
}

main #report ul.gallery.column_02 li {
	width: 382px;
}

main #report ul.gallery li:last-child {
	margin-right: 0;
}

main #report ul.gallery li img {
	border: solid 5px #fff;
	width: 100%;
	box-sizing: border-box;
}

main #report p {
	margin-bottom: 1.5em;
}

@media screen and (max-width: 640px){

main #report h2 {
	margin: -50px auto 30px auto;
	height: 220px;
	background-image: url(../../newcar/images/report_hl_sp.png);
	background-position: center top;
}

main #report p.catch {
	margin-top: -30px;
	margin-bottom: 30px;
	height: 120px;
	background-image: url(../../newcar/images/solio/report_catch_sp.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

main #report h3 {
	margin-bottom: 15px;
	font-size: 1.2em;
	font-weight: 700;
}

main #report ul.gallery {
	margin-bottom: 20px;
}

main #report ul.gallery li {
	margin-bottom: 15px;
	float: none;
	width: 540px;
}

main #report ul.gallery li img {
	border: solid 10px #fff;
}

main #report p {
	margin-bottom: 30px;
}

}

main #testdrive {
	margin-bottom: 50px;
	background-image: url(../../newcar/images/testdrive_bg.png);
}

main #testdrive h2 {
	margin-bottom: 30px;
	height: 110px;
	background-image: url(../../newcar/images/testdrive_hl.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

main #testdrive ol li {
	margin-right: 20px;
	float: left;
	width: 248px;
}

main #testdrive ol li:last-child {
	margin-right: 0;
}

main #testdrive ol li dl {
	padding-top: 185px;
	position: relative;
}

main #testdrive ol li dl dt {
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
}

main #testdrive ol li dl dd.image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

main #testdrive ol li dl dd.image img {
	border: solid 5px #fff;
	width: 100%;
	box-sizing: border-box;
}

main #testdrive ul.banners li a { background-image: url(../../newcar/images/testdrive_links.jpg); }

@media screen and (max-width: 640px){

main #testdrive h2 {
	margin: 0 auto 30px auto;
	height: 163px;
	background-image: url(../../newcar/images/testdrive_hl_sp.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

main #testdrive ol li {
	margin: 0 0 20px 0;
	float: none;
	width: 100%;
}

main #testdrive ol li dl {
	margin-bottom: 30px;
	padding-top: 387px;
	position: relative;
}

main #testdrive ol li dl dt {
	margin-bottom: 0.5em;
}

main #testdrive ol li dl dd.image img {
	border: solid 10px #fff;
}

main #testdrive ul.banners li a { background-image: url(../../newcar/images/testdrive_links_sp.jpg); }

}

main #present {
	padding-top: 30px;
	background-image: url(../../newcar/images/present_bg.png);
}

main #present h2 {
	margin-bottom: 30px;
	height: 120px;
	background-image: url(../../newcar/images/solio/present_hl.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

main #present img {
	width: 100%;
}

@media screen and (max-width: 640px){

main #present h2 {
	margin: -50px auto 30px auto;
	height: 161px;
	background-image: url(../../newcar/images/solio/present_hl_sp.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

}

main #points {
	margin-bottom: 30px;
	background-image: url(../../newcar/images/points_bg.png);
}

main #points ol li {
	margin-bottom: 30px;
	padding: 25px;
	border: solid 5px #F28C8C;
	position: relative;
	background-color: #fff;
	border-radius: 5px;
}

main #points ol li h3 {
	margin-top: -40px;
	margin-bottom: 20px;
	width: 727px;
	height: 60px;
	text-indent: -10000em;
}

main #points ol li p {
	margin-top: 20px;
}



main article#newcar_solio #points h2 {
	margin-bottom: 30px;
	height: 44px;
	background-image: url(../../newcar/images/solio/points_hl.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

main article#newcar_solio #points h3 {
	background-image: url(../../newcar/images/solio/points_hls.png);
}

main article#newcar_solio #points li.point01 h3 { background-position: 0 0; }
main article#newcar_solio #points li.point02 h3 { background-position: 0 -60px; }
main article#newcar_solio #points li.point03 h3 { background-position: 0 -120px; }
main article#newcar_solio #points li.point04 h3 { background-position: 0 -180px; }
main article#newcar_solio #points li.point05 h3 { background-position: 0 -240px; }
main article#newcar_solio #points li.point06 h3 { background-position: 0 -300px; }

main #points ul.banners li a { background-image: url(../../newcar/images/solio/points_links.jpg); }



@media screen and (max-width: 640px){

main #points ol li h3 {
	margin-top: -40px;
	margin-bottom: 30px;
	width: 480px;
	height: 90px;
	text-indent: -10000em;
}

main article#newcar_solio #points h3 {
	background-image: url(../../newcar/images/solio/points_hls_sp.png);
}

main article#newcar_solio #points li.point01 h3 { background-position: 0 0; }
main article#newcar_solio #points li.point02 h3 { height: 60px; background-position: 0 -90px; }
main article#newcar_solio #points li.point03 h3 { background-position: 0 -180px; }
main article#newcar_solio #points li.point04 h3 { background-position: 0 -270px; }
main article#newcar_solio #points li.point05 h3 { background-position: 0 -360px; }
main article#newcar_solio #points li.point06 h3 { background-position: 0 -450px; }

main #points ol li img {
	width: 100%;
}

main #points ul.banners li a { background-image: url(../../newcar/images/solio/points_links_sp.jpg); }

}




section.lineup {
	margin: 0 auto 30px auto;
	padding: 0;
	width: 884px;
}

section.lineup h2 {
	margin-bottom: 30px;
	width: 884px;
	height: 50px;
	line-height: 1.3;
	background-image: url(../../newcar/images/hls.jpg);
	text-indent: -10000em;
}

section.lineup ul li {
	margin: 0 22px 20px 0;
	padding: 10px 25px 20px 25px;
	float: left;
	width: 220px;
	background-color: #fff;
}

section.lineup ul li dl {
	padding-top: 160px;
	position: relative;
}

section.lineup ul li dl dt {
	margin-bottom: 15px;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
}

section.lineup ul li dl dt span { font-size: 0.8em; }

section.lineup ul li dl dd.photo {
	position: absolute;
	left: 0;
	top: 0;
}

section.lineup ul li dl dd.photo img { width: 100%; }

section.lineup ul li dl dd.photo a {
	width: auto;
	height: auto;
	text-indent: inherit;
}

section.lineup ul li dl dd a {
	display: block;
	width: 220px;
	height: 36px;
	text-indent: -10000em;
}

section.lineup ul li dl dd a:hover { opacity: 0.7; }

section#recocar ul li { border: solid 5px #FFE8A6; }
section#recocar h2 { background-position: 0 0; }
section#recocar dl dd.reason { margin-bottom: 10px; }
section#recocar dl dd.reason a { height: 50px; background-image: url(../../newcar/images/reco_btn_reason.jpg); }
section#recocar dl dd.test a { height: 50px; background-image: url(../../newcar/images/reco_btn_test.jpg); }

section#keicar ul li { border: solid 5px #FFCCCC; }
section#keicar h2 { background-position: 0 -50px; }
section#keicar dl dd.catalog a { background-image: url(../../newcar/images/kei_btn_catalog.jpg); }

section#regularcar ul li { border: solid 5px #E1F3B2; }
section#regularcar h2 { background-position: 0 -100px; }
section#regularcar dl dd.catalog a { background-image: url(../../newcar/images/reg_btn_catalog.jpg); }

section#businesscar ul li { border: solid 5px #DEEFFE; min-height: 270px; }
section#businesscar h2 { background-position: 0 -150px; }
section#businesscar dl dd.catalog a { background-image: url(../../newcar/images/business_btn_catalog.jpg); }

.onlyoneplan { margin-bottom: 30px; }

@media screen and (min-width: 641px){

section.lineup ul li:nth-child(3n) {
	margin-right: 0;
}

.onlyoneplan a {
	display: block;
	width: 884px;
	height: 156px;
	background-image: url(../../newcar/images/ban_onlyoneplan.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

}

@media screen and (max-width: 640px){

section.lineup h2 {
	width: 100%;
	border-radius: 5px;
}

section.lineup {
	margin: 0 auto 30px auto;
	width: 580px;
}

section.lineup ul li {
	margin-right: 20px;
	min-height: 300px;
}

section.lineup ul li:nth-child(2n) {
	margin-right: 0;
}

section.lineup ul li dl dt {
	line-height: 1.2;
	font-size: 1.1em;
}

section#recocar h2 { background-position: center 0; }
section#keicar h2 { background-position: center -50px; }
section#regularcar h2 { background-position: center -100px; }
section#businesscar h2 { background-position: center -150px; }

.onlyoneplan a {
	display: block;
	width: 580px;
	height: 175px;
	background-image: url(../../newcar/images/ban_onlyoneplan_sp.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

}