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

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



#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: 15px;
	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;
}
/* 共通フッター 車種固有 ーーーーーーーーーーーーーーーーー*/



#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 */





/*201701 ua add*/
div.finish{
	background:#fafafa;
	padding:0.4em 0;
}

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

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


div .communityArea {
	position: absolute;
	top: 340px;
	left: 769px;
	z-index: 2;
}


div.communityArea ul li{
	margin-bottom:7px;
}


div.communityArea ul li a{
	display:block;
	width:223px;
	height:57px;
	position:relative;
}

div.communityArea ul li a span{
	position:absolute;
	width:130px;
	height:32px;
	font-size:10px;
	top:23px;
	left:88px;
}