/*------ ローカルナビ ------*/
body {
	/* for IE8 overflow-x */
	position: relative;
}
a {
	position: relative;
}

#localnav a {
	position: static;
}

#localnav {
	height: 305px;
	width: 144px;
	position: absolute;
	right: 0px;
	top:600px;
	visibility:hidden;
	overflow: hidden;
	clip: auto;
	z-index: 200;/**/
}

#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 div {
	visibility:visible;
}

#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;
	z-index:800;
}

#localnav #nav01_on {
	position: absolute;
	top: 34px;
	right: -111px;
	width: 144px;
	z-index:700;
}

#localnav #nav02 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 68px;
	right: 0px;
	z-index:800;
}
#localnav #nav02_on {
	position: absolute;
	top: 68px;
	right: -111px;
	width: 144px;
	z-index:700;
}
#localnav #nav03 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 102px;
	right: 0px;
	z-index:800;
}
#localnav #nav03_on {
	position: absolute;
	top: 102px;
	right: -111px;
	width: 144px;
	z-index:700;
}
#localnav #nav04 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 136px;
	right: 0px;
	z-index:800;
}
#localnav #nav04_on {
	position: absolute;
	top: 136px;
	right: -111px;
	width: 144px;
	z-index:700;

}
#localnav #nav05 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 170px;
	right: 0px;
	z-index:800;
}
#localnav #nav05_on {
	position: absolute;
	top: 170px;
	right: -111px;
	width: 144px;
	z-index:700;
}
#localnav #nav06 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 204px;
	right: 0px;
	z-index:800;
}
#localnav #nav06_on {
	position: absolute;
	top: 204px;
	right: -111px;
	width: 144px;
	z-index:700;
}
#localnav #nav07 {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 238px;
	right: 0px;
	z-index:800;
}
#localnav #nav07_on {
	position: absolute;
	top: 238px;
	right: -111px;
	width: 144px;
	z-index:700;
}

#localnav #nav_next {
	position: absolute;
	height: 33px;
	width: 33px;
	top: 272px;
	right: 0px;
}

#localnav #nav_next_on {
	position: absolute;
	top: 272px;
	right: 0px;
}

#localnav li img {
	margin: 0;
	padding: 0;
}

/*-- left:448px; --*/
/*header*/
#h_wrap {
	width:100%;
	margin:0 auto;
	position: relative;
	top:50px;/*ua add*/
	height:534px;
	background:url(../images/h_bg.gif) repeat-x 0px -60px;/**/
}

#header {
	position: relative;
	width: 980px;
	margin: 0 auto ;
	text-align: left;
	height: 488px;/* グローバルヘッダーの分もいれる*/
	background:transparent;/**/
}

#h_left {
	position: relative;
	width:680px;
	height:450px;
	margin-top:2px;
	float:left;
}

#h_slide p {
	position:absolute;
	display:none;
	width:680px;
	height:450px;
	z-index:1;
}

#h_slide p.img_show {
	display:block;
	z-index:100;
}

#h_slide p.selected {
	display:block;
	z-index:75;
}

#h_right {
	/*width:211px;*/
	width:223px;
	height:450px;
	margin-top:2px;
	float:right;
}

/*color_changer*/
#color_changer {
	position:absolute;
	top: 390px;
	left: 0px;
	width: 650px;
	height: 34px;
	z-index:200;
}

#bc_h {
	width:64px;
	height:26px;
	padding-top:8px;
	float:left;
}

#color_changer ul {
	width:506px;
	height:34px;
	margin-left: 70px;
}

#color_changer ul li {
	height:34px;
	margin-left:2px;
	cursor: pointer;
	float: left;
}


#color_changer ul li img {
	display:block;
	margin-top:8px;
}

/*header h_right*/
#h_right {
	position:relative;
	background-color:transparent;
}

#caution_1 {
	position:absolute;
	margin-top:362px;
	margin-left:464px;
	width:23px;
	height:12px;
	background:url(../images/blank.png) no-repeat;
	z-index:110;
}

#caution_2 {
	position:absolute;
	margin-top:361px;
	margin-left:623px;
	width:23px;
	height:12px;
	background:url(../images/blank.png) no-repeat;
	z-index:110;
}

#caution_3 {
	display:block;
	position:absolute;
	width:22px;
	height:11px;
	margin-top:149px;
	margin-left:187px;
	background:url(../images/blank.png) no-repeat;
}

#caution_4 {
	position:absolute;
	width:24px;
	height:11px;
	margin-top:225px;
	margin-left:75px;
	background:url(../images/blank.png) no-repeat;
}

#caution_5 {
	display:block;
	position:absolute;
	width:28px;
	height:13px;
	margin-top:94px;
	margin-left:414px;
	background:url(../images/blank.png) no-repeat;
}

#caution_6 {
	display:block;
	position:absolute;
	width:28px;
	height:13px;
	margin-top:97px;
	margin-left:414px;
	background:url(../images/blank.png) no-repeat;
}

#caution_7 {
	position:absolute;
	width:28px;
	height:13px;
	top:88px;
	left:260px;
	z-index:120;
	background:url(../images/blank.png) no-repeat;
	cursor:pointer;
}


#h_right p {
	background:transparent;
}

#r_img_logo {
	margin-top:28px;
	margin-bottom:23px;
}

#h_right p.r_margin {
	margin-bottom:10px;
}

#top_btn_set {
	position:relative;
	width:250px;
	margin:0px;
	z-index:130;
}

#h_right p.h_btn {
	width:67px;
	height:67px;
	margin:8px 0px 10px 5px;
	float:left;
}

#h_right p.btn_estimate {
	width:72px;
	height:74px;
	margin:1px 0px 0px -5px;
}

/*Rtoaster関連*/
#header #h_right #rt-personalize-area-a {
	margin:0;
	padding:0 0 0 18px;
	background:url(../images/main_rec_arw.png) no-repeat left 88px;
	font-size: 14px;}
#header #h_right #rt-personalize-area-a a {
	color:#000;}

/*social関連*/
#h_right #socialbtn {
	clear:both;
	position: relative;
	overflow: hidden;
	width:250px;
	height: 22px;
	margin-top:10px;
}

#twitter-share-button {
	float: left;
	width: 100px;
	height: 22px;
	font-size:9pt;
	float: left;
}

#fb_line {
	width: 110px;
	height: 22px;
	float: left;
}


/*---main---*/

/*01スタイリング*/
#styling_wrap {
	width:100%;
	height:620px;
	position:relative;
	margin:0 auto;
	padding-top:10px;
	background:#fff url(../images/1_top_shadow.png) no-repeat top center;
}

#styling {
	width:980px;
	height:660px;
	position:relative;
	margin:0px auto;
	padding:0px;
}

#txtbox_01 {
	position:relative;
	width:980px;
	height:88px;
}

#imgbox_01 {
	position:absolute;
	display:none;
	top:145px;
	left:0;
	width:980px;
	height:426px;
	z-index:70;
}

#imgbox_01 p.ss_prv {
	position:absolute;
	top:206px;
	z-index:70;
	float:left;
}

#imgbox_01 p.ss_fwd {
	position:absolute;
	top:206px;
	left:935px;
	z-index:70;
}

#imgbox_01 ul li {
	display: none;
	position:absolute;
	top:0;
	left:0;
	width:980px;
	height:426px;
	z-index:60;
}

#imgbox_01 ul li.show_01 {
	display:block;
}

#text_01 {
	float:left;
}

#txtbox_01 p.btn_01_1 {
	width:160px;
	height:25px;
	bottom:0px;
	margin-top:62px;
	margin-left:25px;
	float:left;
}

#txtbox_01 p.btn_01_2 {
	width:140px;
	height:25px;
	margin-top:69px;
	padding-left:15px;
	float:left;
}

#slide_btn_01 {
	position:absolute;
	width:120px;
	top:585px;
	left:430px;
	display:none;
	
}

#slide_btn_01 ul li {
	float:left;
	margin-right:4px;
}




/*02インテリア*/

#interior_wrap {
	width:100%;
	height:600px;
	position:relative;
	margin:0 auto;
	background:#fff;
}

#shadow_wrap_02 {
	width:100%;
	height:600px;
	position:relative;
}

#interior {
	width:980px;
	position:relative;
	margin:0 auto;
	z-index:70;
}

#carbox_02 {
	position:absolute;
	width:935px;
	height:548px;
	top:70px;
	left:80px;
}

#car_02 {
	position: absolute;
	width:1870px;
	height:1096px;
	top:-468px;
	left:-274px;
	display: none;
}

#img_02 p {
	text-align:center;
	position:absolute;
	overflow:visible;
	width:935px;
	height:548px;
}

#img_02 p img {
	zoom:1;
}

#left_02 {
	position:absolute;
	width:381px;
	top:0;
	left:0;
	z-index:70;
}

#text_02 {
	margin-top:50px;
}

#left_02 p.btn_02_1 {
	width:160px;
	height:25px;
	margin-top:25px;
	float:left;
}

#left_02 a.btn_02_2 {
	display:block;
	width:136px;
	height:14px;
	margin-top:30px;
	margin-left:10px;
	background:url(../images/2_btn_search_do.png) no-repeat 0px 0px;
	float:left;
}

#left_02 a.btn_02_2:hover {
	background:url(../images/2_btn_search_do.png) 0px 14px;
}


/*03安全性能*/
#performance_wrap {
	width:100%;
	height:750px;
	position:relative;
	margin:0 auto;
	background:#fff;
}

#shadow_wrap_03 {
	width:100%;
	height:780px;
	position:relative;
}

#performance {
	margin:0px auto;
	width:980px;
	height:780px;
	position:relative;
	padding-top:40px;
	z-index:100;
}

#performance #text_03 {
	position:relative;
	width:438px;
	height:53px;
	z-index:110;
	float:left;
}
#performance .btn_set_03 {
	position:relative;
	width:450px;
	height:30px;
	margin:80px 0 0;
	z-index:110;
}
#performance .btn_set_03 p {
	margin-right:5px;
	float:left;
}

#performance .award {
	margin-top:20px;
	position:relative;
}
#performance .award_img {
	position:absolute;
	left:100px;
	top:0;
}
#performance .award_logo {
	position:absolute;
	left:100px;
	top:370px;
}
#performance .award_text {
	position:absolute;
	left:400px;
	top:390px;
}


/*04 燃費性能*/
#nenpi_wrap {
	width:100%;
	height:448px;
	position:relative;
	margin:0 auto;
	background:#fff;
}
#shadow_wrap_04 {
	width:100%;
	height:448px;
	position:relative;
}

#nenpi {
	margin:0 auto;
	padding-top:30px;
	width:980px;
	height:408px;
	position:relative;
	z-index:100;
}

#text_04_1 {
	position:relative;
	z-index:110;
}

#text_04_2 {
	position:relative;
	width:302px;
	height:56px;
	margin-top:30px;
	z-index:110;
}

#text_04_3 {
	position:relative;
	width:247px;
	height:45px;
	margin-top:20px;
	z-index:110;
}

#text_04_4 {
	position:relative;
	margin:15px 0 40px;
	z-index:110;
}


#img_04 {
	position:absolute;
	width:765px;
	height:371px;
	top:80px;
	left:220px;
	z-index:100;
}


/*05cusutom*/
#custom_wrap {
	width:100%;
	height:609px;
	position:relative;
	margin:0 auto;
	background:url(../images/5_main.jpg) no-repeat center top;
}

#shadow_wrap_05 {
	width:100%;
	height:607px;
	position:relative;
	margin:0 auto;
	background:url(../images/03_shadow.jpg) no-repeat center top;
	z-index:100;
}

#custom {
	margin:0px auto;
	width:980px;
	position:relative;
}

#logo_05 {
	position:absolute;
	margin-top:298px;
}

#text_05 {
	position:absolute;
	margin-top:466px;
}

#btn_set_05 {
	position:absolute;
	margin-top:544px;
}

#btn_set_05 p {
	float:left;
	margin-right:13px;
}


/*06おすすめのタイプ*/
#osusume_wrap {
	width:100%;
	height:1430px;
	position:relative;
	margin:0 auto;
	background:#fff;
}
#osusume {
	width:980px;
	height:630px;
	position:relative;
	margin:0 auto;
	padding:30px 0 0;
	background-color:#fff;
}

#osusume p.title {
	width:198px;
	height:36px;
	margin-bottom:0px;
}

#osusume div.o_type {
	margin:20px auto;
	width:905px;
	height:315px;
	background:#fff url(../images/6_mid_shadow.gif) no-repeat bottom center;
	margin-bottom:30px;
}

#osusume div.end {
	height:265px;
	background:#fff;
}

#osusume div.o_type p.o_left {
	display:block;
	width:426px;
	height:315px;
	float:left;
}

#osusume div.o_type p.o_left img {
	display:block;
	margin-top:25px;
}
#osusume div.o_type div.o_right {
	font-size:9pt;
	width:449px;
	height:295px;
	margin-left:30px;
	float:left;
}
#osusume div.o_type div.o_right p.o_r_text1 {
	margin-top:40px;
}
#osusume div.o_type div.o_right p.caution {
	margin-top:10px;
	margin-bottom:-10px;
}
#osusume div.o_type div.o_right table {
	margin-top:20px;
}
#osusume div.o_type div.o_right table tr td,
#osusume div.o_type div.o_right table tr th {
	border-right: 2px #ffffff solid;
	padding: 6px 0;
	text-align: center !important;
	font-size: 90%;
}

th.engine {
	width: 65px;
}
th.kudou {
	width: 65px;
}
th.trans {
	width: 105px;
}
th.nenpi {
	width: 110px;
}
th.nenpi a:visited {
	color:#000;
}

#osusume div.o_type div.o_right table th {
	height:15px;
	background-color: #E7E7E7;
}
#osusume div.o_type div.o_right table td {
	height:30px;
}
#osusume div.o_type div.o_right table .osusume_caution {
	font-size:10px;
}
div.btn_set_06 p {
	float:left;
}
div.btn_set_06 p.btn_type {
	margin:4px 0 0 0;
}
div.btn_set_06 p.btn_estimate {
	margin:0 0 0 20px;
}
#osusume #o_type_2 {
	background : none;
}


/*グローバルナビ*/
#gl_wrap {
	zoom: 1;
	position: absolute;
	background:url(../common/image_gNavi/sn_shadow.png) no-repeat bottom center;
	width:100%;
	height:45px;
	left: 0px;
	top: 502px;
	/*top: 568px;*/
	z-index: 600;
	min-width: 900px;
}

#gl_navi {
	height: 36px;
	width: 100%;
	background-color:transparent;
	background:url(../common/image_gNavi/gl_bg.gif) repeat-x center top;/**/
	position: relative;
	z-index: 700;
	min-width: 900px;
}

#gl_menu {
	position:relative;
	margin: auto;
	width: 980px;
	height: 41px;/**/
	background-color:transparent;
}
#gl_menu ul li {
	position:relative;
	float:left;
}
#gl_menu h1 {
	width:70px;
	height:41px;
	float:left;
}
#gl_menu h1 a {
	display:inline-block;
	margin-top:4px;
	width:70px;
	height:28px;
}
#gl_menu ul li a {
	display:inline-block;
	margin-top:2px;
	float:left;
}

#gl_styling a {
	margin-left:60px;
}
#gl_interior a {
	width:77px;
	height:33px;
	position:relative;
}
#gl_support a {
	position:absolute;
	margin-left:20px;
	padding-top:6px;
}

/*auto_news*/
#auto_news_wrap {
	width:980px;
	height:35px;
	margin:0px auto;
}
#auto_news {
	margin-top:10px;
	height:35px;
}

/*-- credit_camp --*/
#credit_camp_divider{
	background:url(../images/base_shadow.jpg) no-repeat top center;
	height:10px;
	}
#credit_camp_wrap{

	width:920px;
	border: solid 1px #cdcdcd;
	padding:45px;
	margin:40px auto 50px;
	
	}
#credit_camp_wrap .txt01 {
	float:left;
	margin-top:25px;
	}
#credit_camp_wrap .credit_camp_btn {
	float:left;
	margin-top:24px;
	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*/
#cautions_wrap {
	width:100%;
	height:209px;
	background:url(../images/base_shadow.jpg) no-repeat top center;
}
#cautions {
	text-align: left;
	margin:0 auto;
	width:920px;
	padding:30px 0;
	background:url(../images/store_top_bar.gif) repeat-x bottom left;
}
#cautions p {
	font-size: 7pt;
}
#cautions .caution_indent {
	padding-left: 18px;
	text-indent: -18px;
}


/*hondastore*/
#hondastore_wrap {
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	padding-top:30px;
	background:#fff;
}
#hondastore_wrap div {
	position:relative;
	width:903px;
	margin:0 auto;
	padding-bottom:20px;
	
}

#navicamp {
	position:relatibeve;
	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:265px;
	}
#navicamp p.photo {padding:40px 0 0;}
#navicamp p.caution {padding:15px 0 30px;}
#navicamp .btn_navicamp{
	position:absolute;
	bottom: 64px;
    left: 650px;
	
	}

/*    ▼ボタン無し     */

#navicamp02 {
			padding-top:10px;
			}

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

/*    ボタン有り▼     */

#navicamp03 {
			padding-top:10px;
			}

#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;
	
	}

/*    ボタン有り▲     */


#btn_searchshop {
	position:absolute;
	top:173px;
	left:718px;
}
#btn_smallstore {
	position:absolute;
	top:183px;
	left:456px;
}
#btn_searchss {
	position:absolute;
	top:217px;
	left:442px;
}


/* ユーザーの声 */
#user_wrap {
	background:#FFF url(../images/base_shadow.jpg) no-repeat top center;
	width: 100%;
	height:330px;
	padding:70px 0 0;
	position: relative;
}
#user {
	position:relative;
	width: 900px;
	margin: 0 auto;
}
#user .uvframe {
	position:absolute;
	left:0;
	top:0;
}
#user .fmframe {
	position:absolute;
	left:0;
	top:0;
}


/* Honda Movie Channel */
#moviechannel_wrap {
	background:url(../common/image_gNavi/sn_shadow.png) no-repeat top center;
	width: 100%;
	padding-top:10px;
}

#moviechannel {
	height: 500px;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 40px 0px 0px;
}
#moviechannel h4 {
	padding: 0px 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;
}
#side .movie_btn {
	margin:20px 0;
}


/* 特別仕様車 */
#tokusou {
	margin-bottom: 30px;
	padding-bottom: 50px;
	background:#fff url(../images/6_mid_shadow.gif) no-repeat bottom center;
}

#tokusou .tokusou-top_image {
	text-align: center;
	margin-bottom: 0px;
}

#tokusou .tokusou-main {
	width: 50%;
	display: inline-block
}

#tokusou .tokusou-title {
	margin-bottom: 20px;
}

#tokusou .tokusou-sub {
	width: 45%;
	text-align: center;
	vertical-align: middle;
	display: inline-block
}