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


.htmlmail p {
	padding-bottom: 1em;
}

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

#contents {
    width: 100% !important;
}
#auto-header{
	z-index:100 !important;
}

#honda_gnavi {
	height: 57px;
}

#crz_bace {
	color: #333;
	position:relative;
}

#crz_bace .img_hover a:hover img {
	filter:alpha(opacity=70); 
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/* グローバルナビ ーーーーーーーーーーーーーーーーー*/
#crz_gnavi_box {
	height: 71px;
	z-index: 1000;
}
#crz_gnavi_bg1 {
	height: 71px;
	width: 100%;
	z-index: 999;
}
#crz_gnavi_bg2 {
	background-image: url(../images/menu-bg.gif);
	background-repeat: repeat-x;
	height: 71px;
	background-color:#FFF;
}
#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;
}

#crz_gnavi {
	width: 900px;
	height: 39px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
#menu_bg {
	position: absolute;
	top: 0;
	left: 0px;
}
#crz_gnavi h2 {
	position: absolute;
	top: 0;
	left: 0px;
/*	float: left;
	margin-right: 102px;*/
}
#crz_gnavi ul {
	position: absolute;
	top: 0;
	left: 180px;
}
#crz_gnavi li {
	float: left;
	background-image: url(../images/menu-line.gif);
	background-repeat: no-repeat;
	padding-left: 1px;
}
#crz_gnavi li a {
	display: block;
	height: 35px;
}
#styling a {
	width: 86px;
}
#interior a {
	width: 74px;
}
#type a {
	width: 85px;
}
#performance a {
	width: 43px;
}
#equipment a {
	width: 106px;
}
#story a {
	width: 87px;
}
#faq a {
	width: 93px;
}

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

#crz_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');
}


/* パンくず ーーーーーーーーーーーーーーーーー*/
#crz_localnavi {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	line-height: 1em;
}
#crz_localnavi #crz_localnavi01 {
	float: left;
	padding-top: 10px;
}
#crz_localnavi #crz_localnavi02 {
	float: right;
	padding-top: 10px;
}
#crz_localnavi #crz_localnavi01 li {
	float: left;
	padding-left: 23px;
	background-image: url(../images/arrow_list.gif);
	background-repeat: no-repeat;
	background-position: 8px 2px;
}
#crz_localnavi #crz_localnavi01 .none_arrow {
	background: none;
	padding-left: 0;
}

#crz_localnavi #crz_localnavi02 li {
	float: right;
	padding-left: 2em;
}

#crz_localnavi #crz_localnavi01 a {
	color: #666;
}


/* ーーーーーーーーーーーーーーーーー*/
.page_top {
	padding-bottom: 13px;
	width: 900px;
	text-align: right;
	margin-left:auto;
	margin-right:auto;
}

/* ーーーーーーーーーーーーーーーーー*/

body {
  _background: url(null) fixed;
}



#crz_line_bg {
	background-image: url(../images/crz-line.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	clear: both;
}
#crz_line_bg .crz_linebox img {
	margin-left: -238px;
}
.crz_box {
	width: 980px;
	overflow: hidden;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
.crz_box900 {
	width: 900px;
	overflow: hidden;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
.crz_box900n {
	width: 900px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}
.crz_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 16px !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;
}




.txt_underline {
	text-decoration: underline;
}



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






/*201508 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 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;
}