@charset "utf-8";

* {
margin:0;
padding:0;
list-style-type:none;
font-size:100%;
font-style:normal;
border:0;
}
body {
/*background:#ffffff url(../image/shadow.gif) repeat-y center top ;*/
color:#424242;
margin-bottom: 10px;
}
/* common */
a {text-decoration:none;}
a:link {color:#CC3300;}
a:visited {color:#CC3300;}
a:hover {text-decoration:underline;}
a:active {color:#CC3300;}
p {
text-align: justify;
}
p.notes {
font-size:85%;
line-height:130%;
}
p.attention {
text-indent:-1em;
margin:0 1em;
}
sup {
font-size:85%;
vertical-align:top;
}
.pageTop {
padding:15px 0 5px 0;
text-align:right;
font-size:80%;
}
#contents p.pageTop a {color:#424242;}
#contents p.pageTop a:hover {color:#666666;}
/* header */
#header {
width:700px;
margin:0 auto;
padding:0 10px 10px;
background:#ffffff url(../image/shadow.gif) repeat-y center top ;
}
#header h1, #header p {
float:left;
}
#header img#logoHonda {
margin:11px 0 0 19px;
}


/* contents */

#mainTitle, #airbag, #airbagTalk, #advice, #support {
padding:0 30px;
}
#contents {
width:700px;
margin:0 auto;
padding:0 10px;
font-size:80%;
background:#ffffff url(../image/shadow.gif) repeat-y center top ;
}
#contents h3 {
font-size:132%;
font-weight:bold;
}
#contents em {
color:#006699;
}
#contents #mainTitle a {
background:url(../image/arrow.gif) no-repeat 0 0;
padding:0 0 0 10px;
color:#424242;
}
#contents #mainTitle a:hover {color:#666666;}
#contents li {
line-height:120%;
padding:3px 0;
}
#contents p {
line-height:130%;
}
#contents #topicPath {
margin:0 0 10px 5px;
font-size:80%;
}
#contents #topicPath li {
display:inline;
color:#999999;
margin-left:5px;
}
#contents #topicPath a {
color:#CC3300;
}

#contents ul.topicNavi {
margin:10px 0;
padding:10px 0;
background:url(../image/line.gif) repeat-x left bottom;
vertical-align:bottom;
}
#contents ul.topicNavi li {
background:url(../image/arrow_topic.gif) no-repeat left center;
}
#contents ul.topicNavi li a {
padding:0 0 0 15px;
color:#424242;
}
#contents ul.topicNavi li a:hover {color:#666666;}
#contents #support ul.topicNavi li {
display:inline;
}
/* airbag topicNavi */


#contents #airbag ul.topicNavi {
float:left;
text-align: center;
margin-top:10px;
padding-bottom:20px;
background:none;
width:640px;
background:url(../image/line.gif) repeat-x left bottom;
}
#contents ul.topicNavi li {
font-size:94%;
padding-right: 1em;
margin-left: 1em;
border: solid #333333;
border-width: 0 1px 0 0;
display:inline;
background:url(../image/arrow_topic.gif) no-repeat 0 4px;
vertical-align:bottom;
margin:0 5px 0;
text-align: left;
}
#contents ul.topicNavi li.last {
border-width: 0;
}
#contents ul.topicNavi li a:hover {color:#666666;}
/**/

#contents ul.footerNavi {
border-top:1px solid #666666;
width:640px;
margin:0 auto;
padding:12px 0 15px;
text-align:center;
font-size:80%;
}
#contents ul.footerNavi a {color:#424242;}
#contents ul.footerNavi a:hover {color:#666666;}
#contents .footerNavi li {
border-left:#424242 solid 1px;
display:inline;
}
#contents .footerNavi li a {
padding:0 8px;
}
#contents .footerNavi li.first {
border-left:none;
}

/* airbag */
#contents #airbag h2 {
clear:both;
padding:10px 0;
background:url(../image/line.gif) repeat-x left top;
}
#contents #airbag .noLine {
margin:0;padding:0;
background:none;
}
#contents #airbag #howMelit p,
#contents #airbag #whyCan p {
padding:0 5px;
}
#contents #airbag #mainImage p {
float:right;
margin:20px 0;
}
#contents #airbag #mainImage {
padding:10px 0;
}
#contents #airbag .effectBox {
padding:5px 10px 15px;
background:#FFFCD5 url(../image/airbag_interview_footer.gif) no-repeat center bottom;
}
#contents #airbag .effectBox h3 {
margin:5px 0;
}
#contents #airbag .effectBox #interviewBox div {
float:left;
width:420px;
}
#contents #airbag .effectBox li {
margin-left: 1em;
text-indent: -1em;
}

#contents #airbag .effectBox #interviewBox #interviewPhoto img {
margin-bottom:5px;
}
#contents #airbag .effectBox #interviewBox #interviewPhoto {
width:180px;
margin:0 10px 0 0;
}
#contents #airbag .effectBox #newairbagImage {
float:right;
text-align:right;
width:130px;
margin:0 0 10px 20px;
}
#contents #airbag #meritBox p {
float:left;
margin:10px 0;
padding:0;
}
#contents #airbag #featureHeader #swell .swellImage img {
float:right;
margin:5px 0 5px 5px;
}
#contents #airbag #featureHeader #swell {
float:left;
width:255px;
padding:0 10px;
}
#contents #airbag #featureFooter #gus {
float:right;
width:320px;
padding:0 10px;
}
#contents #airbag #feature h3 {
text-align:center;
}
#contents #airbag #feature #swell .swellImage p,
#contents #airbag #feature #gus .gusImage p {
padding:5px 0 0 0;
}
#contents #airbag #feature #gus img {
margin:0 5px 10px 0;
}
#contents #airbag #feature #gus .gusImage div {
float:left;
}
#contents #airbag #feature #gus .gusImage #gusText {
width:110px;
}
#contents #airbag #feature #gus .effectBox {
width:165px;
margin:5px 0 0 0;
}
#contents #airbag #feature {
margin:10px 0;
background:url(../image/feature.gif) repeat-y 0 0;
}
#contents #airbag #featureHeader {
background:url(../image/feature_header.gif) no-repeat left top;
padding-top:10px;
}
#contents #airbag #featureFooter {
background:url(../image/feature_footer.gif) no-repeat right bottom;
padding-bottom:10px;
}

/* support */
/*#contents #support .assistSystem {
padding:10px 20px;
}
#contents #support .supportRead {
padding:10px 20px;
}*/

/* footer */
#footer {
width:720px;
margin:0 auto;
padding:0 0 10px;
background:url(../image/bottom_shadow.gif) no-repeat center bottom ;
}
#footer div {
margin:0;
padding:0 10px;
background:url(../image/shadow.gif) repeat-y center top ;
}
#footer div div {
padding:0;
background-image: none;
}
#footer #footerLogo {
float:left;
border: solid #d6d6d6;
border-width: 0 1px 0 0;
margin-right: 13px;
}
#footer #footerLogo,
#footer #footerLogo p {
display:inline;
}
#footer div.wrapper {
width:700px;
padding-top:10px;
border-top: #006699 solid 3px;
border-bottom:1px solid #BEBEBE;
}
#footer p {
color:#4C4C4C;
padding:0;
margin:0;
padding-top:3px;
}
#footer #footerLogo p {
padding:0;
margin:0 15px 0 10px;
}
#footer p strong { font-size:78%; }
#footer p.notes {
font-size:64%;
padding:2px 0 15px;
}

/* clearfix */
.clearfix:after,
#header:after,
#contents ul.topicNavi:after,
#contents #airbag #naviBox:after,
#contents #airbag #feature #featureFooter:after,
#contents #airbag #featureHeader #swell .swellImage:after,
#contents #airbag #feature #gus .gusImage:after,
#contents #airbag .effectBox #interviewBox:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix,
#header,
#contents ul.topicNavi,
#contents #airbag #naviBox,
#contents #airbag #feature #featureFooter,
#contents #airbag #featureHeader #swell .swellImage,
#contents #airbag #feature #gus .gusImage,
#contents #airbag .effectBox #interviewBox {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #header,
* html #contents ul.topicNavi,
* html #contents #airbag #naviBox,
* html #contents #airbag #feature #featureFooter,
* html #contents #airbag #featureHeader #swell .swellImage,
* html #contents #airbag #feature #gus .gusImage,
* html #contents #airbag .effectBox #interviewBox {
height: 1%;
min-height:1%;
}
.clearfix,
#header,
#contents ul.topicNavi,
#contents #airbag #naviBox,
#contents #airbag #feature #featureFooter,
#contents #airbag #featureHeader #swell .swellImage,
#contents #airbag #feature #gus .gusImage,
#contents #airbag .effectBox #interviewBox {
display:block;
}
/* */