@charset "UTF-8";



/**
 * HONDA N-ONE
 *
 * index.css
 * @version  1.0  (updated: 2012.10.26)
 */



/* --------------------------------
	性能 - 燃費・走行性能
-------------------------------- */

/* 共通 ---------- */
ul.note li span { text-decoration:underline; }


/* 01 ---------- */

#section_01 { padding: 0 0 106px; background: url(../image/sec_01_bg.png) repeat-x left bottom;}
#section_01 .container { width: 1000px; margin: 0 auto;}
#section_01 h2 { padding: 48px 0 0 50px;}

#section_01 .article h4 { font-weight: bold;}

#section_01 .article_01 { width: 880px; margin: 36px 0 0 70px; background: url(../image/sec_01_01_bg.jpg) no-repeat right top;padding-bottom:20px;}
#section_01 .article_01 p.note { padding: 3px 0 0;}
#section_01 .article_01 h4 { padding: 21px 0 0;}
#section_01 .article_01 p.desc { width: 375px; padding: 20px 0 0;}
#section_01 .article_01 p.nenpi { padding: 14px 0 0;}

#section_01 .article_02 { position: relative; width: 880px; margin: 55px 0 0 70px; background: url(../image/sec_01_02_bg.jpg) no-repeat right top;}
#section_01 .article_02 h4 { padding: 21px 0 0;}
#section_01 .article_02 p.desc { width: 408px; padding: 20px 0 0;}
#section_01 .article_02 p.nenpi { padding: 14px 0 0;}
#section_01 .article_02 p.note { padding: 8px 0 34px;}

#section_01 .article_03 { padding: 0 0 0 70px;}
#section_01 .article_03 .content { float: left; width: 415px; padding: 22px 27px 0 0;}
#section_01 .article_03 p.nenpi { float: left; width: 334px; padding: 15px 0 0;}
#section_01 .article_03 p.link { text-align: right; padding: 19px 50px 0 0;}
#section_01 .article_03 ul.note { padding: 18px 0 0;}

#section_01 .article_04 { width: 841px; height: 453px; margin: 63px 0 0 47px; padding: 0 32px 0 33px; background: url(../image/sec_01_04_bg.png) no-repeat;}
#section_01 .article_04 h3 { padding: 31px 0 0;}
#section_01 .article_04 h4 { padding: 12px 0 0;}
#section_01 .article_04 .column { padding: 31px 0 0;}
#section_01 .article_04 .column h4 { padding: 0;}
#section_01 .article_04 .column .wrap { padding: 12px 0 0;}
#section_01 .article_04 .column .block_01 { float: left; width: 411px;}
#section_01 .article_04 .column .block_02 { float: right; width: 413px;}
#section_01 .article_04 .column .block p.img { padding: 8px 0 0;}
#section_01 .article_04 .column .block p.desc { padding: 20px 15px 0 0; text-align: center;}

#section_01 .article_05 { width: 906px; padding: 34px 0 0 47px;}
#section_01 .article_05 .wrap .content { float: right; width: 446px; padding: 59px 8px 0 0;}
#section_01 .article_05 .wrap .content p.img { float: right; width: 138px; padding: 32px 0 0 30px;}
#section_01 .article_05 .wrap .content h4 { padding: 22px 0 0 1px;}
#section_01 .article_05 .wrap .content p.desc { padding: 0 0 0 1px;}
#section_01 .article_05 .column { width: 906px; height: 587px; margin: 34px 0 0; background: url(../image/sec_01_05_col_bg.png) no-repeat;}
#section_01 .article_05 .column .block h6 { line-height: 1.36; font-weight: bold; padding: 0 0 6px;}
#section_01 .article_05 .column .block_01 { padding: 22px 66px 0 33px;}
#section_01 .article_05 .column .block_01 h5 {}
#section_01 .article_05 .column .block_01 .set { margin: 0 0 0 35px; padding: 22px 0 8px;}
#section_01 .article_05 .column .block_01 .set_03 { padding-bottom: 13px; border-bottom: 1px solid #eaeaea;}
#section_01 .article_05 .column .block_01 .set p.img { float: left; width: 146px;}
#section_01 .article_05 .column .block_01 .set .content { float: left; width: 330px; padding: 10px 0 0 14px;}
#section_01 .article_05 .column .block_01 .set p.list { float: right; width: 236px;}
#section_01 .article_05 .column .block_02 { padding: 21px 66px 41px 33px;}
#section_01 .article_05 .column .block_02 .set { margin: 0 0 0 35px; padding: 18px 0 0;}
#section_01 .article_05 .column .block_02 .set p.img { float: left; width: 146px;}
#section_01 .article_05 .column .block_02 .set .content { float: left; width: 359px; padding: 0 0 0 14px;}
#section_01 .article_05 .column .block_02 .set p.list { float: right; width: 236px;}
#section_01 .article_05 .column p.btn { text-align: center; margin: 0 33px; padding: 10px 0; background: #f5f5f5;}

#section_01 .article_06 { padding: 56px 67px 0 67px;}
#section_01 .article_06 h3 { float: left; width: 226px; padding: 0 35px 0 3px;}
#section_01 .article_06 h4 { padding: 2px 0 6px;}
#section_01 .article_06 .column { width: 866px; margin: 24px 0 0; background: url(../image/sec_01_06_col_bg.png) no-repeat left bottom;}
#section_01 .article_06 .column .bg { width: 866px; padding: 24px 0 22px; background: url(../image/sec_01_06_col_bg_head.png) no-repeat;}
#section_01 .article_06 .column .block { float: left; width: 236px; padding: 0 0 0 59px;}
#section_01 .article_06 .column .block_01 { padding: 0 0 0 20px;}
#section_01 .article_06 .column .block p.catch { font-weight: bold;}
#section_01 .article_06 .column .block h5 { color: #52845c; font-weight: bold; padding: 8px 0 20px;}
#section_01 .article_06 .column .block p.desc { line-height: 1.66; min-height: 197px; height: auto !important; height: 197px;}
#section_01 .article_06 .column .block p.desc sub { vertical-align: baseline;}
#section_01 .article_06 .column .block p.caption { padding: 6px 0 0;}


/* 02 ---------- */

#section_02 { background: url(../image/sec_02_bg.png) repeat-x left bottom;}
#section_02 .container { width: 1000px; margin: 0 auto;}
#section_02 h2 { padding: 53px 0 0 50px;}

#section_02 .article_01 { width: 801px; height: 1036px; margin: 39px 0 0 47px; padding: 0 53px 0 52px; background: url(../image/sec_02_01_bg.png) no-repeat;}
#section_02 .article_01 h3 { padding: 44px 0 0;}
#section_02 .article_01 p.lead { padding: 18px 0 10px;}
#section_02 .article_01 .block_01 { float: left; width: 357px;}
#section_02 .article_01 .block_02 { float: right; width: 357px;}
#section_02 .article_01 .block .content { min-height: 125px; height: auto !important; height: 125px;}
#section_02 .article_01 .block .content h4 { text-align: center; font-weight: bold; padding: 2px 0 6px;}
#section_02 .article_01 .block p.caption { padding: 8px 0 0; white-space: nowrap;}

#section_02 .article_02 { padding: 40px 0 0;}
#section_02 .article_02 h3 { padding: 0 0 0 70px;}
#section_02 .article_02 p.lead { padding: 24px 70px 44px;}

#section_02 .article_02 .wrap { width:860px; margin:0 auto;}
#section_02 .article_02 .wrap .content { float: right; width: 418px; padding: 0 0 0 0;}
#section_02 .article_02 .wrap .box_l { float: left;}
#section_02 .article_02 .wrap .box_r { float: right;}
#section_02 .article_02 .wrap .content .block { border-top: 1px dotted #b7b7b7; padding: 15px 0 20px;}
#section_02 .article_02 .wrap .content .block_01 { border: 0; padding-top: 0;}
#section_02 .article_02 .wrap .content .block_02 { padding-top: 15px;}
#section_02 .article_02 .wrap .content .block_03 { border: 0; padding-top: 0;}
#section_02 .article_02 .wrap .content .block h4 { padding: 15px 0 9px 0;}
#section_02 .article_02 .wrap .content .block h5 { font-weight: bold; padding: 0 0 2px;}
#section_02 .article_02 .wrap .content .block p.img { padding: 12px 0 0;}
#section_02 .article_02 .wrap p.img_01 { float: left; width: 512px;}

#section_02 .article_03 { width: 860px; padding: 64px 0 0 70px;}
#section_02 .article_03 .content { float: right; width: 418px; padding: 20px 0 0;}
#section_02 .article_03 .content h4 { padding: 20px 0 0; font-weight: bold;}
#section_02 .article_03 .content h4 img { vertical-align: top; position: relative; top: 5px; left: 5px;}
#section_02 .article_03 p.img { float: left; width: 415px;}

#section_02 .article_04 { width: 860px; padding: 41px 0 0 70px;}
#section_02 .article_04 .content { float: right; width: 418px; padding: 31px 0 0;}
#section_02 .article_04 .content h4 { padding: 20px 0 0; font-weight: bold;}
#section_02 .article_04 .content h4 img { vertical-align: top; position: relative; top: 5px; left: 5px;}
#section_02 .article_04 p.img { float: left; width: 415px;}

#section_02 .article_05 { width: 828px; padding: 62px 0 0 85px;}
#section_02 .article_05 .content { float: right; width: 642px; padding: 15px 0 0;}
#section_02 .article_05 p.img { float: left; width: 166px;}
#section_02 .article_05 .content h4 { padding: 20px 0 0; font-weight: bold;}

#section_02 .article_06 { width: 906px; padding: 79px 0 0 47px;}
#section_02 .article_06 h3 { float: left; width: 394px; padding: 0 22px 0 23px;}
#section_02 .article_06 p.desc { padding: 2px 23px 0 0;}
#section_02 .article_06 p.img { margin: 27px 0 0;}

#section_02 .article_07 { width: 883px; padding: 34px 0 0 47px;}
#section_02 .article_07 .content { float: right; width: 342px; padding: 78px 0 0;}
#section_02 .article_07 .content p.desc { padding: 20px 0 0;}
#section_02 .article_07 p.img { float: left; width: 498px;}

#section_02 .article_08 { width: 883px; padding: 34px 0 0 47px;}
#section_02 .article_08 .content { float: right; width: 362px; padding: 83px 0 0;}
#section_02 .article_08 .content p.desc { padding: 20px 0 0;}
#section_02 .article_08 .gallery { float: left; width: 475px; height: 315px; padding: 22px 0 0 23px; background: url(../image/sec_02_08_gallery_bg.png) no-repeat;}
#section_02 .article_08 .gallery .galleryContentWrap { position: relative; height: 248px;}
#section_02 .article_08 .gallery .galleryContent { display: none; position: absolute; top: 0; left: 0; height: 248px;}
#section_02 .article_08 .gallery .galleryContent_01 { display: block;}

#section_02 .article_08 .gallery ul.galleryNav { padding: 15px 0 0 43px;}
#section_02 .article_08 .gallery ul.galleryNav li { float: left; width: 184px; height: 27px; font-size: 1px; text-indent: -9999px;}
#section_02 .article_08 .gallery ul.galleryNav li a { outline: none; display: block; height: 27px; background: url(../image/sec_02_08_gallery_nav.png) no-repeat;}
#section_02 .article_08 .gallery ul.galleryNav li.nav_02 a { background-position: -184px 0;}
#section_02 .article_08 .gallery ul.galleryNav li.nav_01 a:hover { background-position: 0 -27px;}
#section_02 .article_08 .gallery ul.galleryNav li.nav_02 a:hover { background-position: -184px -27px;}
#section_02 .article_08 .gallery ul.galleryNav li.nav_01 a.js_current { background-position: 0 -27px;}
#section_02 .article_08 .gallery ul.galleryNav li.nav_02 a.js_current { background-position: -184px -27px;}

#section_02 .noteArea { margin: 58px 0 0 50px;}#section_01 .container #section_01_05 .column .block.block_01 .set.set_01.clearfix .content .txt14 {
	padding-top: 22px;
}
#section_01 .container #section_01_05 .column .block.block_01 .set.set_02.clearfix .content .txt14 {
	padding-top: 22px;
}
#section_01 .container #section_01_05 .column .block.block_02 .set.set_01.clearfix .content .txt14 {
	padding-top: 22px;
}
#section_01 .container #section_01_05 .column .block.block_01 .set.set_03.clearfix .content .txt14 {
	padding-top: 22px;
}