@charset "UTF-8";



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



/* --------------------------------
	装備・オプション - 装備一覧
-------------------------------- */

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


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

#section_01 {}
#section_01 .container { width: 900px; margin: 0 auto;}
#section_01 h2 { padding: 48px 0 0;}

#section_01 div.lead { padding: 22px 0 0;}
#section_01 p.note { margin-top: -17px; padding: 0 18px 0 0; text-align: right;}

#section_01 ul.tab_01 { width: 860px; margin: 22px auto 0;}
#section_01 ul.tab_01 li { float: left; width: 430px; height: 101px; font-size: 1px; text-indent: -9999px;}
#section_01 ul.tab_01 li a { outline: none; display: block; height: 101px; background: url(../image/tab_01.png) no-repeat;}
#section_01 ul.tab_01 li.tab_01_01 a {}
#section_01 ul.tab_01 li.tab_01_02 a { background-position: -430px 0;}
#section_01 ul.tab_01 li.tab_01_01 a:hover { background-position: 0 -101px;}
#section_01 ul.tab_01 li.tab_01_02 a:hover { background-position: -430px -101px;}
#section_01 ul.tab_01 li.tab_01_01 a.js_current,
#section_01 ul.tab_01 li.tab_01_01 a.js_current:hover { background-position: 0 -202px;}
#section_01 ul.tab_01 li.tab_01_02 a.js_current,
#section_01 ul.tab_01 li.tab_01_02 a.js_current:hover { background-position: -430px -202px;}

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

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

#section_01 table.spec { width: 860px; margin: 0 auto; table-layout: fixed;}
#section_01 table.spec th,
#section_01 table.spec td { padding: 7px 13px;}
#section_01 table.spec th { background: #f0f0f0; font-weight: bold; border-bottom: 1px solid #fff; }
#section_01 table.spec th.group { border-right: #fff 1px solid; }
#section_01 table.spec th.last { border-bottom: 0;}
#section_01 table.spec th p.btn { float: right; width: 59px;}
#section_01 table.spec td { text-align: center; border-bottom: 1px solid #dadada;}
#section_01 table.spec td + td { border-left: 1px solid #dadada;}

#section_01 table.spec tr.type_empty th { border-bottom:none; padding:0; width: 439px; height:13px; background: #d0d0d0; }
#section_01 table.spec tr.type_empty td { border-bottom:none; border-left:#fff 1px solid; padding:0; height:13px; background: #888; }
#section_01 table.spec tr.type th { padding-top: 0; border-bottom: #888 1px dotted; background: #d0d0d0; }
#section_01 table.spec tr.type td { border-bottom: none; }
#section_01 table.spec tr.type td.odd { border-left:#fff 1px solid; padding-top:5px; background: #888; color: #fff; font-weight:bold; font-size:133.3%; }
#section_01 table.spec tr.type td.even { border-left:none; background: #d0d0d0; font-weight:bold; }

#section_01 table.spec tr.system th {}
#section_01 table.spec tr.system td.even { border-left: #dadada 1px dotted; }

#section_01 table.spec tr td.option { background: #e8f0f4; }

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

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


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

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

#section_02 .article { width: 860px; margin: 0 auto; padding: 20px 0 30px; border-top: 1px dotted #b8b8b8;}
#section_02 .article_01 { border-top: 0;}
#section_02 .article h3 { padding: 0 0 20px;}
#section_02 .article ul.list { width: 418px;}
#section_02 .article ul.list li { text-indent: -1.25em; padding: 7px 0 0 1.25em; line-height: 1.43;}
#section_02 .article ul.list_01 { float: left;}
#section_02 .article ul.list_02 { float: right;}