@charset "UTF-8";



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



/* --------------------------------
	インテリア
-------------------------------- */

/* 共通 ---------- */

.section .article h4 { font-weight: bold;}

/* 00 ---------- */

#section_00 {}
#section_00 .container { width: 900px; margin: 0 auto;}
#section_00 h2 { padding: 18px 0 0;}

/* main ---------- */

#section_main { width: 910px; margin: 40px auto 0;}
#section_main .slideGallery_01 { position: relative; width: 910px; height: 528px; margin: 40px 0 0;}
#section_main .slideGallery_01 .slide { position: absolute; top: 0; left: 0; z-index: 10;}
#section_main .slideGallery_01 .slide p.lead { padding: 15px 0 0 36px;}
#section_main .slideGallery_01 ul.nav li { position: absolute; width: 44px; height: 44px; z-index: 11;}
#section_main .slideGallery_01 ul.nav li.next { top: 196px; right: 8px;}
#section_main .slideGallery_01 ul.nav li.prev { top: 196px; left: 8px;}
#section_main .slideGallery_01 ul.pager { position: absolute; bottom: 40px; left: 844px; z-index: 11;}
#section_main .slideGallery_01 ul.pager li.nav_6 { margin: 0;}
#section_main .slideGallery_01 div.cap { position: absolute; bottom: -13px; width: 900px; z-index: 11; text-align:right; font-size:60%;}

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

#section_01 { padding: 30px 0 50px 0; }
#section_01 .container { width: 900px; margin: 0 auto;}
#section_01 h2 { padding: 30px 0 20px 0;}
#section_01 h3 { padding: 0;}
#section_01 h4 { padding: 20px 0 0 0;}
#section_01 .article { width: 900px; margin: 0 auto; padding: 0;}
#section_01 .content p.lead { padding: 20px 0 0;}
#section_01 .content p.btnMore { padding: 54px 0 0; text-align: right;}
#section_01 div.img { float: left; width: 535px;}
#section_01 p.cap { float: left; width: 535px; text-align:right; font-size:80%; padding-top:5px;}
#section_01 .article_01 .content { float: right; width: 330px; padding: 35px 0 0;}
#section_01 .article_02 .content { float: right; width: 330px; padding: 70px 0 0;}
#section_01 .article_03 .content { float: right; width: 330px; padding: 15px 0 0;}
#section_01 .article_04 .content { float: right; width: 330px; padding: 35px 0 0;}
#section_01 .article_05 .content { float: right; width: 330px; padding: 45px 0 0;}
#section_01 .article_06 .content { float: right; width: 330px; padding: 75px 0 0;}
#section_01 .article_01,
#section_01 .article_02,
#section_01 .article_03,
#section_01 .article_04,
#section_01 .article_05,
#section_01 .article_06 { margin-bottom:30px;}
#section_01 .article_07 { }
.article_07 .noteArea { margin: 20px 0 0; padding-bottom:0; background:none;}