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

/* 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:70%; padding-top:3px;}
#section_01 .article_01 .content { float: right; width: 330px; padding: 25px 0 0;}
#section_01 .article_02 .content { float: right; width: 330px; padding: 50px 0 0;}
#section_01 .article_03 .content { float: right; width: 330px; padding: 60px 0 0;}
#section_01 .article_04 .content { float: right; width: 330px; padding: 25px 0 0;}
#section_01 .article_05 .content { float: right; width: 330px; padding: 45px 0 0;}
#section_01 .article_01,
#section_01 .article_02,
#section_01 .article_03,
#section_01 .article_04 { margin-bottom:30px;}
#section_01 .article_05 { }

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

#section_02 { padding:20px 0 0 0; }
#section_02 h2 { padding: 30px 0 20px 0;}
#section_02 .container { width: 900px; margin: 0 auto;}

#section_02 ul.tab { width: 860px; margin: 20px auto 0; border-bottom: 5px solid #110c0d;}
#section_02 ul.tab li { float: left; width: 172px; height: 48px; font-size: 1px; text-indent: -9999px;}
#section_02 ul.tab li a { outline: none; display: block; height: 48px; background: url(../image/tab.png) no-repeat;}
#section_02 ul.tab li.tab_01 a {}
#section_02 ul.tab li.tab_02 a { background-position: -172px 0;}
#section_02 ul.tab li.tab_03 a { background-position: -344px 0;}
#section_02 ul.tab li.tab_04 a { background-position: -516px 0;}
#section_02 ul.tab li.tab_01 a:hover { background-position: 0 -48px;}
#section_02 ul.tab li.tab_02 a:hover { background-position: -172px -48px;}
#section_02 ul.tab li.tab_03 a:hover { background-position: -344px -48px;}
#section_02 ul.tab li.tab_04 a:hover { background-position: -516px -48px;}
#section_02 ul.tab li.tab_01 a.js_current,
#section_02 ul.tab li.tab_01 a.js_current:hover { background-position: 0 -96px;}
#section_02 ul.tab li.tab_02 a.js_current,
#section_02 ul.tab li.tab_02 a.js_current:hover { background-position: -172px -96px;}
#section_02 ul.tab li.tab_03 a.js_current,
#section_02 ul.tab li.tab_03 a.js_current:hover { background-position: -344px -96px;}
#section_02 ul.tab li.tab_04 a.js_current,
#section_02 ul.tab li.tab_04 a.js_current:hover { background-position: -516px -96px;}

#section_02 .tabContentGroup { display: none;}
#section_02 #tabContentGroup_01 { display: block;}
#section_02 .tabContent { display: none;}
#section_02 .tabContent_01 { display: block;}

#section_02 table.spec { width: 860px; margin: 0 auto; table-layout: fixed;}
#section_02 table.spec tr.type th { width: 50%;}
#section_02 table.spec th,
#section_02 table.spec td { padding: 7px 13px;}
#section_02 table.spec th { background: #f0f0f0; font-weight: bold; border-bottom: 1px solid #fff;}
#section_02 table.spec th.group { border-right: 1px solid #fff;}
#section_02 table.spec th.last { border-bottom: 0;}
#section_02 table.spec th span.ico img { vertical-align: top; position: relative; top: 3px; margin-right: 5px;}
#section_02 table.spec td { text-align: center; border-bottom: 1px solid #dadada;}
#section_02 table.spec td + td { border-left: 1px solid #dadada;}
#section_02 table.spec td.type { padding: 0; vertical-align: top;}
#section_02 table.spec td.type p { padding: 7px 12px;}
#section_02 table.spec td.type p.h { color: #fff; background: #888;}
#section_02 table.spec td.nenpi { background: #e8f0f4;}

#section_02 table.spec td span.star { color: #2fa90f; font-weight: bold;}

#section_02 table.spec tr.js_hover th { background: #c5d5dd;}
#section_02 table.spec tr.js_hover th.group { background: #f0f0f0;}
#section_02 table.spec tr.js_hover td { background: #d1e1e9;}

#section_02 p.btnPdf { padding: 20px 20px 0 0; text-align: right;}

#section_02 .noteArea { margin: 20px 0 0; background:none;}