@charset "UTF-8";



/**
 * HONDA N-BOX SLASH
 *
 * index.css
 * @version  1.0  (updated: 2014.11.16)
 */



/* --------------------------------
	スペック・大きさ
-------------------------------- */

/* section_01 ---------- */
#section_01 .container { padding-bottom: 100px; background: url(../../../../common/image_common/bg_gray_white.png) #f0f0f0 center bottom no-repeat; }
.section_01_lead { padding: 40px 40px 0; }

#section_01 table { width: 100%; background: #fff; font-size: 12px; line-height: 1.5; }
#section_01 table th,
#section_01 table td { padding: 6px 14px; table-layout: fixed; position: relative; }
#section_01 table th { border-right: #fff 1px solid; border-bottom: #fff 1px solid; background: #dcdcdc; font-weight: bold; overflow: hidden; }
#section_01 table th.option { border-right: none; }
#section_01 table th.option_ex { width: 150px; font-size: 10px; line-height: 1.2; padding: 8px 0; }
#section_01 table th.type { background: #a1a1a1; color: #fff; text-align: center; }
#section_01 table th.type.type_grade { border-right: none; background: url(../image/type_grade_bg.png) #a1a1a1 right bottom no-repeat; }
#section_01 table th.type.type_package { border: none; border-bottom: 1px solid #fff; border-right: 1px solid #dadada; border-top: 1px solid #dadada; }
#section_01 table th.type.type_package_last { border: none; border-bottom: 1px solid #fff; border-top: 1px solid #dadada; }
#section_01 table th.type_nb { border: none; }
#section_01 table td { border-right: #dadada 1px solid; border-bottom: #dadada 1px solid; text-align: center; }
#section_01 table td.drive { width: 70px; font-weight: bold; }
#section_01 table td.drive_x { width: 120px; font-weight: bold; }
#section_01 table td.drive_x_ex { padding-left: 13px; }
#section_01 table td.ico_jc08 { background: #eff4f7; }
#section_01 table td._p0 { padding: 6px 0; }
#section_01 table th .btn { position: absolute; right: 14px; top: 50%; margin-top: -10px; text-align: right; }
#section_01 table td span { line-height: 1; }

#section_01 table tr.is-hover th { background: #c5d5dd;}
#section_01 table tr.is-hover th.nbg { background: #dcdcdc;}
#section_01 table tr.is-hover td { background: #d1e1e9;}


.section_01_btn { padding: 30px 40px 0; text-align: right; }
.section_01_note_01 { display: inline-block; margin: 14px 0 0; padding: 7px 10px; background: #eff4f7; }
.section_01_note_02 { padding: 14px 0; color:#008100; }
#section_01 .noteArea { margin-top: 30px; background: none; }

/* section_02 ---------- */
.section_02_img { padding: 52px 40px 100px; }

/* tab ---------- */
.tab_container { width: 900px; margin: 0 auto; }
.tab_container .tab_content { display: none; }
.tab_container .tab_content.selected { display: block; }

#section_01 .tab_01 { margin: 20px 0 0; }
#section_01 .tab_01 li { float: left; width: 445px; margin: 0 0 0 10px; }
#section_01 .tab_01 li:first-child { margin: 0; }
#section_01 .tab_01 li a { display: block; height: 36px; padding: 13px 0 13px 215px; color: #fff; background:url(../image/section_01_tab_01.png) -455px 0 no-repeat; font-size: 16px; }
#section_01 .tab_01 li a:hover { text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); }
#section_01 .tab_01 li.current a { background-position: 0 0; }
#section_01 .tab_01 li.current a:hover { cursor: default; opacity: 1; filter: alpha(opacity=100); }
#section_01 .tab_02 { margin: 10px 0 0; border-bottom:#110c0d 5px solid; }
#section_01 .tab_02 li { float: left; width: 217px; text-indent: -9999px; font-size: 1px; margin: 0 0 0 11px; }
#section_01 .tab_02 li:first-child { margin: 0; }
#section_01 .tab_02 li.tab_02_02 { margin: 0 0 0 10px; }
#section_01 .tab_02 li a { display: block; height: 49px; background:url(../image/section_01_tab_02.png) 0 0 no-repeat; }
#section_01 .tab_02 li.tab_02_01 a { background-position: 0 0; }
#section_01 .tab_02 li.tab_02_02 a { background-position: -228px 0; }
#section_01 .tab_02 li.tab_02_03 a { background-position: -455px 0; }
#section_01 .tab_02 li.tab_02_04 a { background-position: -683px 0; }

#section_01 .tab_02 li.tab_02_01.current a { background-position: 0 -49px; }
#section_01 .tab_02 li.tab_02_02.current a { background-position: -228px -49px; }
#section_01 .tab_02 li.tab_02_03.current a { background-position: -455px -49px; }
#section_01 .tab_02 li.tab_02_04.current a { background-position: -683px -49px; }

#section_01 .tab_02 li a:hover { opacity: 0.7; filter: alpha(opacity=70); }
#section_01 .tab_02 li.current a:hover { opacity: 1; filter: alpha(opacity=100); cursor: default; }