@charset "UTF-8";
/*---------------------------------------------*/
body,  dl,  dt,  dd,  ul,  ol,  li,  h1,  h2,  h3,  h4,  h5,  h6,  p {
	margin: 0;
	padding: 0;
}
hr {
	border: solid #000;
	border-width: 1px 0 0 0;
	height: 1px;/* for IE6 */
	clear: both;/* for IE6 */
}

body {
	font-size: 80%;
}
img {
	border: 0;
}
li {
	list-style: none;
}
a:link, a:visited, a:active {
	color: #016ba2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1,  h2,  h3,  h4,  h5,  h6 {
	font-size: 100%;
	font-weight: normal;
}
.m1em {
	margin-bottom: 1em;
}

.caution {
	font-size: 11px;
	line-height: 14px;
}
 p{font-size:14px;} 
 /*
.sup{font-size: 8px;position: relative;top: -3px;border:1px solid #f00;display:inline-block;text-align: left;}
*/
sup{margin:0;padding:0;display:inline-block;}
/*---------------------------------------------*/



#contents {
	width: 100% !important;
}
#auto-header {
	z-index: 100 !important;
}
#honda_gnavi {
	height: 57px;
}
#content_wrap {
	color: #333;
	position: relative;
}
/*#content_wrap .img_hover a:hover img {

	filter:alpha(opacity=70); 

    -moz-opacity: 0.7;

    opacity: 0.7;

}




*/
.page_top a:hover, .detail_top a:hover, #car_main3 .cyber a:hover, #car_main3 .democar a:hover, #car_main3 .catalog a:hover, #support_box .cyber a:hover, #support_box .democar a:hover, #support_box .catalog a:hover, #car08_thumbs .thumb_img img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
p{line-height:1.8em;}

/* グローバルナビ ーーーーーーーーーーーーーーーーー*/

#gl_header {
	background-repeat: repeat-x;
	background-image: url(../images/menu-bg.gif);
}
#gnavi_box {
	height: 69px;
	z-index: 1000;
	padding-bottom: 2px;
}
#gnavi_bg1 {
	height: 73px;
	width: 100%;
	z-index: 999;
	padding-bottom: 2px;
	background: url(../images/menu-shadow.png) center bottom no-repeat;
	position: relative;
}
* html #gnavi_bg1 {
	position: static;
}
#gnavi_bg2 {
	height: 71px;
	background-image: url(../images/bg_sub_nav_01.png);
}
#gnavi_shadow {
	background-image: url(../images/menu-shadow.png);
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
	width: 100%;
	line-height: 0%;
	font-size: 1px;
}
#gnavi {
	width: 980px;
	height: 39px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#menu_bg {
	position: absolute;
	top: 0;
	left: 0px;
}
#gnavi h2 {
	position: absolute;
	top: 0;
	left: 0px;/*	float: left;

	margin-right: 102px;*/

}
#gnavi ul {
	position: absolute;
	top: 0;
	right: 0;
}
#gnavi li {
	float: left;
	background-image: url(../images/menu-line.gif);
	background-repeat: no-repeat;
	padding-left: 2px;
}
#gnavi li a {
	display: block;
	height: 35px;
}

#styling a:hover,  #interior a:hover,  #type a:hover,  #performance a:hover,  #equipment a:hover,  #story a:hover,  #faq a:hover {
	background-color: #e1e1e1;
}
.page_here {
	background-image: url(../images/menu-here.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#gnavi .nonline {
	background: none;
	padding-left: 4px;
	width: 124px;
}
.fixed {
	position: fixed !important;
	top: 0px;
}
.fixed_ie {
	position: absolute !important;
 top: expression(eval(document.documentElement.scrollTop-57)+'px');
}
/* 1256幅罫線 */

/* パンくず ーーーーーーーーーーーーーーーーー*/

#car_localnavi {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1em;
}
#car_localnavi #car_localnavi01 {
	float: left;
	padding-top: 10px;
}
#car_localnavi #car_localnavi02 {
	float: right;
	padding-top: 10px;
}
#car_localnavi #car_localnavi01 li {
	float: left;
	padding-left: 23px;
	background-image: url(../images/arrow_list.gif);
	background-repeat: no-repeat;
	background-position: 8px 2px;
}
#car_localnavi #car_localnavi01 .none_arrow {
	background: none;
	padding-left: 0;
}
#car_localnavi #car_localnavi02 li {
	float: right;
	padding-left: 2em;
}
#car_localnavi #car_localnavi01 a {
	color: #666;
}
/* ーーーーーーーーーーーーーーーーー*/

.page_top {
	margin: 0 40px 15px 0;
	text-align: right;
	clear: both;
}
/* ーーーーーーーーーーーーーーーーー*/



body {
	_background: url(null) fixed;
}
#car_line_bg {
	background-image: url(../images/crz-line.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	clear: both;
}
#car_line_bg .car_linebox img {
	margin-left: -238px;
}
.car_box {
	width: 980px;
	overflow: hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.car_box900 {
	width: 900px;
	overflow: hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.car_box900n {
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.car_linebox {
	width: 900px;
	overflow: hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	line-height: 0%;
	position: relative;
	background-color: #FFF;
}
/* 共通フッター 車種固有 ーーーーーーーーーーーーーーーーー*/

#car_footer{}

#sp-banner {
	float: left;
	padding: 0 0 0 35px !important;
}
#sp-banner li {
	padding: 0 0 6px 0 !important;
}
#sp-banner li a:hover img, #sp-banner2 li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#sp-banner2 {
	clear: both;
	padding: 20px 0 0 21px !important;
}
#sp-banner2 li {
	float: left;
	padding: 0 10px 8px 0 !important;
}
/*---------------------------------------------*/

/* 青ボタンのオーバー処理 */
.icon_button {
	height: 25px;
	position: relative;
	overflow: hidden;
	*zoom: 1;
}
.icon_button a {
	position: relative;
	*zoom: 1;
}
.icon_button a:hover img {
	margin-top: -25px;
}

/* セクションの基本設定 */
.cont_section {position:relative;background: url(../images/bg_bottom.gif) left bottom repeat-x;}
.cont_section .centering_area {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}


dl.caution{}
dl.caution dt{float:left;}
dl.caution dd{margin-left:2.5em;}

.text_underline{text-decoration:underline;}
.text_red{color:#cc0000;}
.text_l{font-size:1.5em !important;}
.text_s{font-size:0.8em !important;}
.bluebox {background: #eef7fd;padding: 1px;margin: 0.75em 0;}
.mk_txt {font-size: 14px;border: 1px solid #999;padding: 2px 10px 0px 10px;margin-left: 20px;}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.page_top{visibility:hidden;}


/* clearfix */

/* for modern brouser */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */



/*--- catalog ---*/
#gnavi_bg1{min-width:980px;}
#navi_catalog{position:absolute;right:0;top:166px;float:right}
#navi_catalog a:hover{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}


/*--- gallery ---*/
#sect_gallery {	background-color: #1e2021;background-image:none;}
#sect_gallery .centering_area {	background-color: #1e2021;position:relative;overflow:visible;}
#sect_gallery .gallery_imgs{height: 638px;margin-bottom: 1px;position: relative;}

#sect_gallery .hswc_area { position:relative; width:100%; overflow:hidden;height:700px;}
#sect_gallery .center_box { width:980px; padding:0; margin:0 auto; overflow:visible; }
#sect_gallery .move_area { width:980px; height:795px; position:relative; overflow-y:hidden; }
#sect_gallery .hswc_list { float:left; position:relative; }
#sect_gallery .hswc_list img{	filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
#sect_gallery .hswc_list p{margin:12px 0 0 40px;color:#fff;font-size:20px;line-height:1.4em;display:none;font-weight:normal;}
#sect_gallery .hswc_list.current img{	filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
#sect_gallery .hswc_list.current p{display:block;width:900px;margin: 12px 40px 12px 40px;}

#sect_gallery .hswc_area{height:730px;}
#sect_gallery .hswc_area .center_box{height:730px;}
#sect_gallery .hswc_list p{height:68px;margin: 12px 0 12px 40px;position:relative;}
#sect_gallery .hswc_list span.caution{display:block;bottom:0px;right:0px;position:absolute;color:#cdcdcd;}


	/* .ui_wrap */
#sect_gallery .hswc_ui_wrap { width:980px; margin:0 auto; text-align:center;}

	/* arrow */
#sect_gallery .hswc_pn_wrap { width:980px; position:relative; top:360px; margin:0 auto; z-index:10; }
#sect_gallery .hswc_pn_wrap li { position:absolute; width:40px; height:70px; margin-top:-35px; cursor:pointer; }
#sect_gallery .hswc_prev { left:-5px; background:url("../images/g_btn_prev.png") left top no-repeat; }
#sect_gallery .hswc_next { right:-5px; background:url("../images/g_btn_next.png") left top no-repeat; }
#sect_gallery .hswc_pn_wrap li:hover {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

	/* thumbnail */
#sect_gallery .hswc_btn_wrap { display:inline-block;  }
#sect_gallery .hswc_btn_wrap:after { content:""; clear:both; display:block; }
#sect_gallery .hswc_btn {float:left; margin:0px 0 0px 0px; width:70px; height:46px;cursor:pointer;}
#sect_gallery .hswc_btn img{border:1px solid #1e2021;width:68px;height:44px;}
#sect_gallery .hswc_btn.current img{border:1px solid #a40303;}




	/* .note_pic_inside_r */
#sect_gallery .move_area.note_pic_inside_r .note {position:absolute; bottom:10px;	right:10px;}

	/* ff */
.ua_ff .hswc_list_wrap li img { box-shadow: #000 0 0 0; } /*ff*/

/*--- region ---*/
#sect_region {height:207px;background: url(../images/region_bg.jpg) repeat-x;}
#sect_region .centering_area{width:980px;height:207px;padding:0;margin:0 auto;}

/*--- head image ---*/
#sect_head {position:relative;background-color:#000000;background-image:none;}
#sect_head .cont_section {background-image:none;position:relative;}
#sect_head .large_img{background-image:url(../images/head_main.jpg);background-repeat:no-repeat;background-position:center top;position:absolute;height:562px;width:100%;/*background-size:1376px 562px;*/text-align:center;background-size:contain;display:none;;}
#sect_head .large_img img{height:100%;display:none;}
#sect_head .centering_area{height:562px;}
#sect_head .centering_area h2{position: absolute;left: 35px;bottom: 35px;display:none;}

/* second section */
.second_section{margin-top:-60px;}
.second_section .centering_area{padding-top:60px;}
.second_section .large_img{background-image:url(../images/head_main.jpg);background-repeat:no-repeat;background-position:center top;position:absolute;height:562px;width:100%;}

/* --- common ---*/

.cont_section a:hover img{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

/*--- dialog ---*/
.dialog {color:#fff;width:518px;display:none;position:absolute;z-index:10;}
.dialog .d_head{background-image:url(../images/dialog_head_bg.png);background-repeat:no-repeat;height:48px;position:relative;}
.dialog .d_content{color:#fff;background-image:url(../images/dialog_body_bg.png);background-repeat:repeat-y;padding:0 26px;}
.dialog .d_foot{background-image:url(../images/dialog_foot_bg.png);background-repeat:no-repeat;height:56px;}
.dialog .d_title p{background-color:#707070;font-weight:bold;padding:0px 35px 20px 35px;margin:0 !important;}
.dialog .d_body p{padding:20px 35px 0px 35px;margin:0 !important;}
.dialog .d_head .d_close{display:block;background-image:url(../images/dialog_btn_close.gif);width:20px;height:20px;position:absolute;right:30px;top:30px;}
#modal-overlay{width:100%;height:120%;position:fixed;top:0;left:0;}


/* graph caption */
p.graph_title{font-size:13px;color:#333;margin-bottom:8px;}
.clear{float:none;clear:both;}



/*201603 ua add*/

div.finish{
	background:#fafafa;
	padding:0.4em 0;
	overflow: hidden;
}

div.finish div{
	width:980px;
	margin:0 auto;
}



div.finish div p.finishcopy{
	float:left;
	width:50%;
	color:#C00;
	line-height:1.5;
	font-size:12px;
	padding-top:0.2em;
}

div.finish div ul{
	float:right;
	width:50%;
	font-size:12px;
	text-align:right;
	padding-top:0.3em;
}

div.finish div ul li{
	margin-bottom:0.1em;
}



/* clearfix
=========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



.clearfix {
	min-height: 1px;
}



* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}