@charset "UTF-8";
#wrap {
	margin: 0px auto;
	text-align: center;
	position: relative;
	overflow:visible;
	width:100%;
	min-width:980px;
}
#wrap h1 {
	margin: 500px 0px;
}
.h {
	position:absolute;
	top:150px;
	left:730px;
	display:block;
	z-index:10;
}
#head_wrap{
	width:100%;
	/*height:450px;*/
	height:574px;
	text-align:center;
	margin-bottom:0;/*--  グロナビ高さ--*/
	background:url(../images/main_back.jpg) repeat-x;
}
#header {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:left;
	/*height:450px;*/

}
#head_lbox {
	width:755px;
	float:left;
	position:relative;
}
#head_rbox {
	padding:0;
	margin:0;
	width:210px;
	float:right;
}
#main_img{
	height:450px;
	position:relative;
	
}

#main_img p {
	position:relative;
	z-index:5;
	
}
#main_img p {
	position:absolute;
	top:0;
	left:0;
	display:none;
	
}
/*-- 

--*/
#main_img p.first {
	display:block;
	
}
/*-- ヘッダ左 --*/


#bc_h{
	float:left;
	padding:2px 0;
}
#color_changer{
	position:absolute;
	top:381px;
	left:0px;
	width:730px;
	z-index:10;
}
#color_changer ul{
	margin-left:72px;
}
#color_changer ul li{;
	float:left;
	margin-left:1px;
	cursor:pointer;
}
#box_01 {
	height:550px;
	border:solid 0px #ccc;
	position:relative;
	overflow:hidden;
}
#bar {
	position:absolute;
	top:-12px;
	left:0px;
	z-index:10;
}
#car{
	position:absolute;
	top:-220px;
	left:-270px;
	display:none;
}
#numberone{
	position:absolute;
	top:255px;
	left:3px;
	z-index:10;
}
#head_kno1 a:hover img{
	filter:alpha(opacity=60) !important;
	-moz-opacity: 0.6;
	opacity: 0.6;
	background:#fff;
}
#head_kno1_caution{
	position:absolute;
	bottom:4px;
	line-height:100%;
	left:0px;
	font-size:9px;
	z-index:10000;
}
#head_kno1_caution span{
	color:#f00;
	display:inline-block;
	margin-left:1em;
}
/*-- ヘッダ右 --*/

#top_main_box {
	text-align:left;
	padding-top:20px;
}
#head_logo{
	margin:23px 70px 12px;
}

#top_main_box .type_h {
	margin-bottom:5px;
}
#top_main_box .nenpi_h {
	margin-bottom:7px;
}
#top_main_box .selection_h {
	margin-left:266px;
}
#top_main_box #h_price_g{
	border-bottom:solid 1px #B5B5B5;
	padding:0 0 10px;
	margin:0 0 5px;
}

#top_main_box .btn {
	margin-bottom:10px;
	display:block;
	overflow: hidden;
	float:left;
	width:67px;
	height:67px;
	position:relative;
	margin-right:4px;
}
#top_main_box .btn3{
	margin-right:0px;
}


#top_main_box #socialbtn {
margin-top:5px;
overflow:hidden;
clear:both;
}

#twitter-share-button {
	float:left;
		width:100px;
}
#fb_iine{
	float:right;
	width:110px;
	height:20px;
}


#top_main_box p.btn a.d_rollover:hover img{
	position:relative;
	top:-67px;
}
#top_main_box p.btn1{
	width:72px;
	height:74px;
	margin-top:-7px;
	margin-left:-5px;
}
#top_main_box p.btn1 img{
	position:absolute;
	right:0;
	bottom:0;
	
}

#rec_nbox_1{
	clear:both;
}

#header #top_main_box #rt-personalize-area-a {
margin: 9px 0 0;
padding: 0 0 0 18px;
background:url(../images/main_rec_arw.png) no-repeat left center;
font-size: 14px;
}

#header #top_main_box #rt-personalize-area-a a {
	color:#000;
}




#b_00 {
	position: absolute;
	display: block;
	z-index: 1;
}
.box {
	position: relative;
	display: block;
	width: 980px;
	margin: 0 auto;
}
h2 {
	margin: 10px 0 15px;
}
.h2 {
	text-align: left;
}
.slides p {
	position: absolute;
	top: 0;
	left: 0;
}
/*-- スライダー--*/



.btn_prv {
	position: absolute;
	top: 200px;
	left: 0px;
	cursor: pointer;
}
.btn_fwd {
	position: absolute;
	top: 200px;
	right: 0px;
	cursor: pointer;
}
.indicator {
	position: absolute;
	top: 0;
	left: 0;
}
.indicator img {
	cursor: pointer;
}
/*-- スライド初期設定 --*/



.slides {
	position: relative;
}
.slides p {
	/*-- 



	display:none;



	--*/



	position: absolute;
	top: 0;
	left: 0;
}
.slide_navi, .indicator {
	display: none;
}
/*--b1 --*/



#box_01 {
	height: 570px;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#box_01 .slide {
	position: relative;
	height: 470px;
	width: 980px;
}
#box_01 .slides {
	height: 425px;
	width: 980px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#box_01 .slides p {
	width: 980px;
	height: 425px;
	display: none;
}
#box_01 .indicator {
	top: 430px;
	left: 400px;
	cursor: pointer;
}
#box_01 .h2 p a img{
	vertical-align:middle;
}
/*--b2 --*/	



#box_02_wrap {
	background: url(../images/divider01.jpg) no-repeat center top;
	height: 620px;
	width: 100%;
	margin: 28px auto 0px;
	overflow: hidden;
}
#box_02 {
	position: relative;
	height: 620px;
	overflow: hidden;
}
#box_02 .h2 {
	width: 260px;
	position: absolute;
	top: 10px;
	right: 0px;
	margin-top: 110px;
	font-size: 90%;
}
#box_02 h2 {
	margin-bottom: 20px;
}
#car_p {
	position: absolute;
	top: 0;
	left: -210px;
	width: 506px;
	height: 610px;
	z-index: -1;
}
#box_02 #car_p #car {
	width:1327px;
	height:1078px;
	top:-190px;
	left:-165px;
}
#zcar2 {
	position: absolute;
	top: 0px;
	left: 150px;
	display: none;
	z-index: 2;
}
/*-- b4 --*/
#box_04_wrap {
	background: url(../images/divider01.jpg) no-repeat center top;
	width: 100%;
	position: relative;
	z-index: 0;
	margin: 0px auto 0;
	height:690px;
}
#box_04 {
	height:100%;
	padding:0;
	width:980px;
	overflow: hidden;
}
#box_04 .h2 {
	margin:45px 0 30px;
	overflow:hidden;
}
#box_04 h2{
	float:left;
}
#box_04 .btn{
	margin:60px 0 0 590px;
}
#box_04 .btn a img{
	vertical-align:middle;
}
#ctba_anime{
	margin:20px 0 50px;
	height:300px;
	clear:both;
	background: url(../images/ctba/ctba_01.jpg) 0px top no-repeat;
	position:relative;
}
#runcar {
	position: absolute;
	top: 0px;
	left: 980px;
}
#ctba_wave{
	position:absolute;
	top:50px;
	left:220px;
	z-index:1;
	display:none;
	
}
#ctba_caution{
	background:#F2F2F2;
	padding:20px 20px;
}
#ctba_caution h3{
	color:#CF3353;
	font-weight:bold;
	font-size:110%;
	margin:0 0 5px;
}
#ctba_caution p{
	font-size:95%;
}
/*--ms --*/
#ms_banner {
	width:100%;
	}
	.ms_main{
		width:100%;
		min-width:980px;
		background:url(../images/ms_main.jpg) center top no-repeat;
		height:756px;
	}
.ms_sub {
	margin-top:15px;
	padding-bottom:18px;
	}
/*--ms --*/
/*--b5tone --*/
.divider01{
	height:10px;
	margin:0 auto 0;
	background: url(../images/divider01.jpg) no-repeat center top;
}
#box_05_wrap{
	overflow: hidden;
	width: 100%;
	background: url(../images/2tone.jpg) no-repeat center 30px;
	min-width:980px;
}
#box_05_img{
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-450px;
	width:auto;
}
#box_05 {
	padding:40px 0 0;
	height:448px;
	overflow:visible;
}
#h_2tone{
	float:left;
	margin-top:-5px;
}
#box_05 .h2 {
	position: absolute;
	top: 80px;
	left: 706px;
	text-align:left;
}
#box_05 .h2 a.btn_search {
	margin-top:5px;
	margin-left:32px;
	display:inline-block;
}
#box_05 .h2 p a img{
	vertical-align:middle;
}
#box5_slide {
	position:relative;
}
#img_2tone{
	margin:20px auto;
	clear:both;
}
/*--b6 カスタム --*/



#box_06_wrap {
	position: relative;
	width: 100%;
	background-color: #000;
	overflow: hidden;
	background: url(../images/nbox_custom.jpg) no-repeat center 0px;
	min-width:980px;
}
#box_06 {
	height: 496px;
}
#box_06 .h2 {
	padding: 0px 0 0;
	position: absolute;
	text-align: center;
	top: 81px;
	left: 144px;
}
#box_06 .h2 .btn_search{
	position:relative;
	top:-6px;
	left:2px;
}
/*--b7 modulo X --*/



#box_07_wrap {
	position: relative;
	width: 100%;
	background-color: #000;
	overflow: hidden;
	background: url(../images/modulox.jpg) no-repeat center 0px;
	min-width:980px;
}
#box_07 {
	height: 494px;
}
#box_07 .h2 {
	padding: 0px 0 0;
	position: absolute;
	top: 40px;
	left: 5px;
}
#box_07 .h2 h2{
	margin-bottom:23px;
}
#box_07 .h2 p.mb10{
	margin-bottom:5px;
}

/*--b9 --*/

#box_09_wrap {
	background: url(../images/divider02.jpg) center top no-repeat;
	width:100%;
}
#box_09_wrap .box_no{
	margin:0 auto;
	width:980px;
	
}
#box_09 {
	padding: 0px 0 0px;
	text-align: left;
}
/*-- credit_camp --*/

#credit_camp_wrap{
	width:920px;
	border: solid 1px #cdcdcd;
	padding:45px;
	margin:40px auto;
	
	}
#credit_camp_wrap .txt01 {
	float:left;
	margin-top:25px;
	}
#credit_camp_wrap .credit_camp_btn {
	float:left;
	margin-top:22px;
	margin-left:15px;
	padding-left:15px;
	padding-top:2px;
	background: url(../images/credit_camp_arrow.gif) left center no-repeat;
	
	}
#credit_camp_wrap .credit_camp_btn a{	
	text-decoration: underline;
	}
#credit_camp_wrap .credit_camp_btn a:hover{	
	text-decoration: none;
	}
#credit_camp_wrap .credit_camp_btn01 {
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	}
#credit_camp_wrap .credit_camp_btn02 {
	text-align:right;
	margin-top:20px;
	}	

/*-- credit_camp --*/

#cautions {
	text-align: left;
	padding: 15px 30px 0px 0px;
	font-size: 80%;
}
#cautions p.indent {
	text-indent: -25px;
	padding-left: 25px;
}

#hondastore_wrap{
	border-top:dotted 1px #cccccc;
	padding:36px 0px 40px 10px;
	margin:30px 0 0;
	
}
#navicamp {
	position:relative;
	padding-top:20px;
	
	}

#navicamp .area {
	background:url(../images/camp_area_frame.gif) no-repeat;
	width:170px;
	height:48px;
	position:absolute;
	top:21px;
	left:82px;
	text-align:center;
	padding:0;
	display:table;
	}
#navicamp .area .area48 {
	display:table-cell;
    text-align:center;
    vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	line-height:52px;
	}
#navicamp .area .area48_01 {
	font-size:24px;	
	}	
#navicamp .title {
	margin-left:177px;
	}
#navicamp p.photo {padding:40px 0 0;}
#navicamp p.caution {
					padding:15px 0 50px;
					text-align:left;
					}
#navicamp .btn_navicamp{
	position:absolute;
	bottom: 65px;
    left: 650px;
	

}
/*    ▼ボタン無し     */

#navicamp02 p {
				margin:0 ; text-align:center;
				}
#navicamp02 p.photo {
					padding:40px 0 0;
					}
#navicamp02 p.caution {
						padding:15px 0 50px;
						}
						
/*    ボタン無し▲     */

/*    ボタン有り▼     */

#navicamp03 p {
				margin:0 ; text-align:center;
				}
#navicamp03 p.photo {
					padding:40px 0 0;
					}
#navicamp03 p.caution {
						padding:15px 0 50px;
						float:left;
						margin-left: 15px;
						}
#navicamp03 p.navi_btn  {
		color:#FFF;
		font-weight:bold;
		background-image: url(../images/navi_btn.gif);
		background-position: bottom;
		width:225px;
		height:25px;
		line-height:25px;
		position:relative;
		text-decoration:none;
		float:left;
		margin-top: 25px;
		margin-left: 45px;
	}
#navicamp03 p.navi_btn:hover {
	background-position: top;
	text-decoration:none;
	}
#navicamp03 p.navi_btn a {
	color:#FFF;
	width:225px;
	height:25px;
	display:block;
	}
#navicamp03 p.navi_btn a:hover {
	text-decoration:none !important;
	background-position: top;
	
	}

/*    ボタン有り▲     */

#hondastore{
	position:relative;
	height:198px;
	margin-bottom:33px;
}

#btn_searchshop{
	position:absolute;
	top:178px;
	left:715px;
}


#smallstore{
	position:relative;
}
#btn_smallstore{
	position:absolute;
	top:185px;
	left:491px;
}
#btn_searchss{
	position:absolute;
	top:220px;
	left:476px;
}
/*--  --*/

#box_caution_wrap{
	width:100%;
	margin:0 auto;
}
#box_caution{
	width:900px;
	margin:0 auto;
}

/*-- b10 --*/


.divider1 {
	width: 900px;
	border: solid 0px #f00;
	height: 10px;
	width: 100%;
	background: url(../images/divider01.jpg) center 0 no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -636px;
	z-index: 30px;
	display: none;
	z-index: 0;
}
#box_10_wrap {
	background: url(../images/divider01.jpg) no-repeat center 1px;
	width: 100%;
	position: relative;
}
#box_10 {
	padding: 20px 0;
	height: 330px;
	width: 900px;
}
#user {
	margin: 30px 0px 0px;
	padding: 5px 4px;
}
* html #user {
	padding: 5px 0px;
}
div#user {
	font-size: 12px;
	text-align: left;
	line-height: 1.2 !important;
}
#user #user1 {
	float: left;
	padding-right: 40px;
	margin-right: 40px;
	border-right: solid 1px #ccc;
}
#user #user2 {
}
/*-- b11 --*/



#box_11_wrap {
	background: url(../images/divider01.jpg) no-repeat center 1px;
}
#box_11 {
	height: 500px;
	width: 900px;
	margin: 0 auto 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 0px 0px 60px;
}
#box_11 h4 {
	padding: 40px 0px 10px;
}
#movie {
	width: 661px;
	height: 472px;
	background: url(../images/movie_bgr.jpg) no-repeat;
	float: left;
	text-align: left;
	margin-right: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
#side {
	padding-top: 50px;
}
/*-- おすすめタイプ --*/

	
/**/
.btn_estimate {
	padding-bottom: 5px;
}
#type_wrap {
	padding-top: 40px;
}
.type_box {
	width: 980px;
	margin: 0px auto 20px;
	padding: 0 0 30px;
	overflow: hidden;
	position: relative;
	background: url(../images/divider02.jpg) center bottom no-repeat;
}
.lastbox {
	background: none;
	margin-bottom: 0px;
	border-bottom: 0px #ccc solid;
}
.type_photo {
	float: left;
	clear: left;
	margin-left:30px;
}
#type_wrap table {
}
#type_wrap #g_aero table {
	margin: 0;
}
#type_wrap table tr th,
#type_wrap table tr td {
	border-right: 2px #ffffff solid;
	padding:3px 0;
	text-align:center;
	font-size:85%;
	
}
th.engine {
	width: 95px;
}
th.kudou {
	width: 60px;
}
th.trans {
	width: 140px;
}
th.nenpi {
	line-height: 1.3;
}
#type_wrap table tr td {
	background:#F7F7F7;
		font-size:100%;
}
#type_wrap table th {
	background-color:#E7E7E7;
}
#type_wrap .col_right {
	position: absolute;
	right: 10px;
	width: 440px;
	text-align: left;
}
#type_wrap .col_right h3 {
	margin: 10px 0 15px;
}
	#type_wrap #type_box_gl .col_right h3 {
	margin: 5px 0 27px;
	}
	#type_wrap #type_box_gl2 .col_right h3 {
	margin: 23px 0 18px;
	}
#type_wrap .price_box {
	padding: 0px 0px 0px 0px;
}
#type_wrap .price {
	margin: 0px 0px 10px;
	font-size: 85%;
	position: relative;
}
#type_wrap .price_ca {
	font-size: 78%;
	line-height: 1.3;
	margin: 0px 0px 10px;
}
#type_wrap .type_btn {
	padding-top: 20px;
}
#type_wrap .estimate {
	display: inline;
	top: -6px;
	position: relative;
}
#type_wrap .notice {
	font-size: 75%;
	text-align: right;
}
.type_02 .type_photo {
	margin-top:-10px;
}
/*------ ローカルナビ ------*/
#naviWrap {
	position:absolute;
	top:507px;
}
.box a {
	position:relative;
}
#localnav a {
	position: static;
}
#localnav {
	height: 339px;
	width: 171px;
	position: absolute;
	top:607px;
	right: 0;
	overflow: hidden;
	clip: auto;
	z-index: 10;
	background: transparent;
	pointer-events: none;
}
#localnav > div{
	pointer-events: auto;
}
	
#localnav #nav01_on, #localnav #nav02_on, #localnav #nav03_on, #localnav #nav04_on, #localnav #nav05_on, #localnav #nav06_on, #localnav #nav07_on, #localnav #nav08_on, #localnav #nav09_on {
	left: 138px;/*-- 198-33 --*/
	margin-left: 0px;
	position: relative;
}
#nav_prev, #localnav #nav01, #localnav #nav02, #localnav #nav03, #localnav #nav04, #localnav #nav05, #localnav #nav06, #localnav #nav07, #localnav #nav08, #localnav #nav09, #nav_next {
	z-index: 2;
}
/*-- for IE7 --*/
*+html #localnav {
	z-index: 5;
}
#localnav p {
	cursor: pointer;
}
#localnav #nav_prev {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 0px;
	right: 0px;
}
#localnav #nav_prev_on {
	position: absolute;
	top: 0px;
	right: 0px;
}
#localnav #nav01 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 34px;
	right: 0px;
}
#localnav #nav01_on {
	position: absolute;
	top: 34px;
	width: 198px;
}
#localnav #nav02 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 68px;
	right: 0px;
}
#localnav #nav02_on {
	position: absolute;
	top: 68px;
	width: 150px;
}
#localnav #nav03 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 102px;
	right: 0px;
}
#localnav #nav03_on {
	position: absolute;
	top: 102px;
	width: 138px;
}
#localnav #nav04 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 136px;
	right: 0px;
}
#localnav #nav04_on {
	position: absolute;
	top: 136px;
	width: 161px;
}
#localnav #nav05 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 170px;
	right: 0px;
}
#localnav #nav05_on {
	position: absolute;
	top: 170px;
	width: 161px;
}
#localnav #nav06 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 204px;
	right: 0px;
}
#localnav #nav06_on {
	position: absolute;
	top: 204px;
	width: 161px;
}
#localnav #nav07 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 238px;
	right: 0px;
}
#localnav #nav07_on {
	position: absolute;
	top: 238px;
	width: 161px;
}
#localnav #nav08 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 272px;
	right: 0px;
}
#localnav #nav08_on {
	position: absolute;
	top: 272px;
	width: 161px;
}
#localnav #nav_next {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 306px;
	right: 0px;
}
#localnav #nav_next_on {
	position: absolute;
	top: 306px;
	right: 0px;
}
#localnav li img {
	margin: 0;
	padding: 0;
}



/*-- eachheight --*/



.panel li {
	cursor: pointer;
}
.slideshow1 .slidebox {
	height: 535px;
	width: 980px;
}
.slideshow1 .slidebox p {
	position: absolute;
	top: 0;
	left: 0;
}
/*-- mini2 --*/



.slideshowmini2 {
	position: relative;
}
.slideshowmini2 .panel {
	position: absolute;
	width: 200px;
	left: 650px;
	top: 400px;
	display: none;
}
.slideshowmini2 .panel ul {
	width: 130px;
	float: left;
	padding: 0px 0px 0px;
}
.slideshowmini2 .panel ul li {
	float: left;
	padding: 0px 0px 0px 5px;
	font-size: 1px;
	line-height: 1px;
}
.slideshowmini2 .ss_prv {
	position: absolute;
	top: 250px;
	left: -26px;
	cursor: pointer;
	display: none;
}
.slideshowmini2 .ss_fwd {
	position: absolute;
	top: 250px;
	left: 850px;
	width: 11px;
	height: 13px;
	cursor: pointer;
	display: none;
}
/*-- グロナビ --*/



#naviWrap {
	zoom: 1;
	height: 40px;
	width: 100%;
	background: #FFF url(../common/image_gNavi/g_nav_bgr.jpg) repeat-x center top;
	_overflow: hidden;
	left: 0px;
	position: absolute;
	z-index: 1001;
	min-width: 980px;
}
#toppage #naviWrap {
	height: 40px;
}
#naviWrap #gl_navi {
	zoom: 1;
	height: 40px;
	background: url(../common/image_gNavi/gl_nav_btm.gif) center 35px no-repeat;
}
#auto_news {
	height: 40px;
	margin-top: 40px;
	border-bottom: solid 0px #e6e6e6;
}
#auto_news_wrap {
	background: url(../common/image_gNavi/sub_nav_sdw.jpg) center bottom no-repeat;
}

/*-- tokuso --*/
#box_tokuso_wrap{
	
}
#box_tokuso{
	width:980px;
	margin:0 auto;
	height:480px;
	position:relative;
}
#box_tokuso h2{
	margin:12px 0 24px;
	padding-top:17px;
	text-align:left;
	padding-left:132px;
}
#box_tokuso .tokuso_02{
	margin:0px;
	float:left;
	
}
#box_tokuso .btn{
	position:absolute;
	top:63px;
	right:25px;
}
#box_tokuso  .btn a{
	 display:inline-block;
 }
#box_tokuso .btn .btn_search{
	margin-left:15px;
	display:inline-block;
	position:relative;
	top:-5px;
}
#box_tokuso .caution{
	position:absolute;
	text-align:left;
	bottom:10px;
	font-size:11px;
}
#tokuso_anime_base,
#tokuso_anime_cus{
	position:absolute;
	top:107px;
	display:none;
	margin-left:-30px;
}
#tokuso_anime_base{
	width:579px;
	height:335px;
	z-index:3;
	left:34px;
}
#tokuso_anime_cus{
	width:513px;
	height:335px;
	z-index:2;
	left:410px;
}
#tokuso_anime_base p,
#tokuso_anime_cus p{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#tokuso_anime_base p:first-child,
#tokuso_anime_cus p:first-child{
	display:block;
}
#tokuso_anime_base p img,
#tokuso_anime_cus p img{
	left:0;
	display:block;

}