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

	mainimage slide

----------------------------------------*/
#mainimage {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background-color: #FFF;
	text-align: center;
}
#mainimage #mainimage_loading {
	position: absolute;
	background-color: #F4F3F1;
	background-image: url(/car/commons/img/loading1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 350px;
	top: 0;
	left: 0;
	z-index: 10;
}
#mainimage ul li {
	display: block;
	float: left;
	background-color: #FFFFFF;
}
#images {
	width: 100%;
	height: 400px;
	opacity: 0;
	filter: alpha(opacity=0);
}
#images ul {
	overflow: visible;
}
#images li {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
#slideControls {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url(/car/home/img/mainimage_thumb_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 15;
}
#thumbs {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
}
#thumbs ul {
	top: 0;
	left: 0;
	position: absolute;
}
#thumbs li {
	width: 188px;
	height: 38px;
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#thumbs #selected {
	position: absolute;
	left: 50%;
	top: -6px;
	margin-left: -94px;
	height: 50px;
}
#slide_prev {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	top: -205px;
	background-color: transparent;
	background-image: url(/car/commons/img/slide_prev.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	left: -30px;
	z-index: 5;
}
#slide_next {
	width: 60px;
	height: 60px;
	display: block;
	background-color: transparent;
	background-image: url(/car/commons/img/slide_next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: -205px;
	right: -30px;
	z-index: 5;
}
#slide_prev:hover {
	background-image: url(/car/commons/img/slide_prev_on.png);
}
#slide_next:hover {
	background-image: url(/car/commons/img/slide_next_on.png);
}
/*========================================

	specialMeasure

========================================*/
#specialMeasure {
	width: 100%;
	border-top: 1px solid #cbcbcb;
	padding-top: 17px;
	padding-bottom: 17px;
	text-align: right;
}
#specialMeasure .contents {
	background-image: url(/commons/img/oshirase.gif);
	background-repeat: no-repeat;
	background-position: 30px center;
	width: 650px;
}
#specialMeasure img {
	width: 82%;
	height: auto;
	margin-top: 3px;
	margin-bottom: 3px;
}
#specialMeasure a:hover {
	opacity: 0.7;
}
/*----------------------------------------

	conversion

----------------------------------------*/
#conversion {
	background-image: url(/car/home/img/conversion_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F4F3F1;
	height: 74px;
}
#conversion ul {
	height: 66px;
}
#conversion li {
	display: inline;
}
#conversion a {
	display: inline;
	float: left;
}
/*----------------------------------------

	dealer search

----------------------------------------*/
#dealer {
	background-color: #F4F3F1;
	clear: both;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 42px;
}
#dealer .contents {
	background-image: url(/car/commons/img/head_conversion_bg.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	height: 42px;
	color: #F00;
}
#dealer .left {
	position: relative;
	width: 495px;
}
#dealer #search1 {
	float: left;
	width: 180px;
}
#dealer #search1 img {
	display: inline-block;
	margin-right: 10px;
}
#dealer #dealer_name {
	float: right;
	width: 312px;
}
#dealer #dealer_name li {
	position: relative;
	float: left;
	width: 312px;
	height: 42px;
}
#dealer #dealer_name li a {
	display: block;
	line-height: 42px;
	padding-left: 10px;
	width: 294px;
	color: #E50012;
	font-size: 0.9em;
}
#dealer #dealer_name li a:hover {
	text-decoration: none;
}
#dealer #dealer_area_list {
	display: none;
	padding-top: 0;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(/car/commons/img/dealer_list_bg_b.png);
	z-index: 99;
	position: absolute;
	clear: both;
}
#dealer #dealer_area_list li {
	width: 312px;
	height: 30px;
	float: none;
	display: block;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(/car/commons/img/dealer_list_bg.png) !important;
}
#dealer #dealer_area_list li a {
	width: 294px;
	margin-left: 4px;
	line-height: 30px;
	display: block;
	margin-top: 0px;
}
/*#dealer #dealer_area_list li a:hover {
	background-color: #CCCCCC;
}
#dealer #dealer_area_list li:first-of-type a {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6C5C3;
}*/
#dealer .right {
	width: 476px;
	font-size: 0.9em;
	position: relative;
}
#dealer #search2 {
	width: 72px;
	float: left;
}
#dealer #dealerSearch {
	width: 196px;
	height: 33px;
	float: left;
	position: relative;
	margin-left: 10px;
}
#dealer #dealerArea {
	position: absolute;
	width: 150px;
	height: 30px;
	left: 0px;
	top: 6px;
	background-image: url(/car/commons/img/search_area.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
	padding: 5px;
	text-indent: .01px;
	text-overflow: "";
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	cursor: pointer;
}
#dealer #dealerArea option {
	padding: 0 10px;
}
#dealer #areaSearch {
	position: absolute;
	top: 6px;
	right: 0px;
}
#dealer #address {
	float: right;
	width: 188px;
	position: relative;
}
#dealer #address img {
	position: absolute;
	left: 0px;
	top: 15px;
}
#dealer #zipcode_zipcode {
	position: absolute;
	width: 106px;
	height: 16px;
	top: 6px;
	right: 51px;
	background-image: url(/car/commons/img/search_post.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px;
	font-size: 1em;
	color: #333;
}
#dealer #postSearch {
	position: absolute;
	width: 40px;
	top: 6px;
	right: 6px;
}
#mainContents {
	background-image: url(/car/home/img/main_contents_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:-8px;
}
/*----------------------------------------

	nav

----------------------------------------*/
#nav {
	padding-top: 1px;
}
#nav li {
	float: left;
	/* width: 196px; */
    width: 245px;
}
#nav li li {
	float: none;
}
#mainbox {
	padding-bottom: 60px;
}
#mainbox h2 {
	padding-top: 40px;
}
/*----------------------------------------

	mainbox

----------------------------------------*/
#mainbox .left {
	width: 260px;
}
#mainbox .riht {
	width: 680px;
}
/*========================================

	specialInstallation

========================================*/
#specialInstallation {
	padding-top: 32px;
	width: 680px;
}
#specialInstallation p {
	padding-top: 5px;
}
#specialInstallation #pickup_recall a {
	display: block;
	color: #333;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
#specialInstallation #pickup_recall a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#specialInstallation #pickup_recall .important {
	color: #F00;
	font-size: 1.406em; /* 18px/12.8px */
	line-height: 1.556em;/* 28/18 */
	background-image: url(/commons/img/linkIconGR.svg);
	background-repeat: no-repeat;
	background-position: left 14px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	padding-left: 17px;
}
#specialInstallation #pickup_recall .annotation {
	font-size: 14px;
	line-height: 1.500em;
}
#specialInstallation #fuel a {
	color: #09C;
	font-size: 1.094em;
	background-image: url(/commons/img/linkIconGR.svg);
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	padding-left: 17px;
}
#specialInstallation #fuel2 a {
	color: #09C;
	font-size: 1.094em;
	background-image: url(/commons/img/linkIconGR.svg);
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	padding-left: 17px;
}
#specialInstallation #owabi {
	/*padding: 0 10px 10px;*/
	padding: 20px 25px;
	margin: 10px 0 10px;
	border: 1px solid #000;
}
#specialInstallation #owabi a {
	display: block;
	color: #09C;

}
#specialInstallation #owabi p {
	font-size: 1.1em;
	text-align: center;
	line-height: 1.7em;
}
#specialInstallation #owabi p.alignR {
	font-size: 1em;
}
#specialInstallation #owabi .fontL {
	font-size: 1.2em;
	line-height: 1.6em;
}
#specialInstallation #owabi .fontM {
	font-size: 1.3em;
	line-height: 1.6em;
}
#specialInstallation #owabi p em {
	font-weight: bold;
}
#specialInstallation #owabi a.red {
	color: #FF0000;
}







/*----------------------------------------

	left menu area

----------------------------------------*/
#recommend ul {
	padding-top: 3px;
}
#recommend li {
	margin-top: 6px;
}
#afterservice .borderBox {
	padding-top: 10px;
	padding-right: 9px;
}
#afterservice p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8D7D4;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#afterservice li {
	background-image: url(/car/home/img/link_icon.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 18px;
	line-height: 1.7em;
}
.borderBox {
	padding-left: 9px;
	padding-bottom: 9px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D8D7D4;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D8D7D4;
	border-left-color: #D8D7D4;
}
/*----------------------------------------

	pick up

----------------------------------------*/
#pickup {
	width: 680px;
	height: 478px;
	overflow: auto;
	margin-top: 20px;
}
#pickup .pickupBox {
	margin-bottom: 10px;
	clear: both;
}

	
#pickup .pickupBox:last-child {
	margin-bottom: 0px;
}
#pickup .left {
	width: 200px;
}
#pickup .right {
	width: 450px;
	float: left;
	padding-left: 10px;
}
#pickup .right p:nth-child(1) {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}
#pickup .news {
	background-image: url(/car/home/img/pup_news.gif);
}
#pickup .event {
	background-image: url(/car/home/img/pup_event.gif);
}
#pickup .tvcm {
	background-image: url(/car/home/img/pup_tvcm.gif);
}
#pickup .right p:nth-child(1) ~ p {
 font-size: 1.2em;
}
#pickup a {
	display: block;
	min-height:112px;
}
#pickup a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*----------------------------------------

	what's new

----------------------------------------*/
#whatsnew {
	position: relative;
}
#whatsnew #rss {
	position: absolute;
	width: 50px;
	top: 55px;
	right: 0px;
}
#whatsnewCtt {
	width: 680px;
	height: 150px;
	overflow: auto;
	margin-top: 20px;
}
#whatsnewCtt ul {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2E2E2;
	width: 660px;
}
#whatsnewCtt li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	text-indent: -7em;
	padding: 5px 10px 5px 9em;
	display: block;
	background-image: url(/car/home/img/link_icon.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
#whatsnewCtt li:nth-child(odd) {
	background-color: #F3F3F3;
}
#whatsnewCtt a {
}
#whatsnewCtt .date {
	display: inline-block;
	width: 7em;
	text-indent:0;
}
/*----------------------------------------

	designBg

----------------------------------------*/
.designBg {
	background-image: url(/car/commons/img/design_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	padding: 0 6px 6px;
}
.designBox {
	background-color: #FFF;
}
/*----------------------------------------

	ranking

----------------------------------------*/
#ranking {
	width: 668px;
}
#ranking li {
	display: inline;
}
#ranking li a {
	float: left;
	margin-right: 4px;
	position: relative;
	padding-left: 1px;
}
#ranking a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#ranking #ranking1st a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 0px;
	width: 668px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#ranking #ranking2nd a {
	clear: both;
	margin-left: 20px;
}
#ranking .crown {
	position: absolute;
	top: 0;
	left: 0;
}
/*----------------------------------------

	SNS

----------------------------------------*/
#sns_link.designBg {
	margin-top: 40px;
	padding: 6px 0 6px 6px;
}
#sns_link li {
	display: inline;
	background-color: #FFF;
}
#sns_link li a {
	background-color: #FFF;
	float: left;
	display: inline;
	margin-right: 6px;
}
#sns_link li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*----------------------------------------

	tax

#mainbox {
	padding-bottom: 40px;
}
#tax {
	margin-bottom: 60px;
}
----------------------------------------*/

/*
---------- 購入ご検討の方 ----------
*/
.considerationArea{
}
.considerationArea:after {
    content: "";
    display: block;
    clear: both;
}
.considerationArea p {
    float: left;
    margin-top: 10px;
}
.considerationArea p.first {
    margin-right: 53px;
}
.considerationArea a:hover {
    opacity: 0.7;
}
.considerationArea img {
    max-width: 100%;
    height: auto;
}