@charset "UTF-8";



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



/* --------------------------------
	装備一覧
-------------------------------- */

/* section_01 ---------- */
#section_01 .container { padding-bottom: 167px; 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 8px 8px; }
#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.maker { background: #eff4f7; }
#section_01 table td img { vertical-align: 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 { font-size: 10px; text-align: right; padding: 0 40px; line-height: 1; margin: 22px 0 0; }

/* section_02 ---------- */
.section_02_note_01 { display: inline-block; margin: 14px 0; padding: 7px 10px; background: #eff4f7; }
.section_02_block { width: 900px; margin: 0 auto; padding: 44px 0 0; }
.section_02_block_list { float: left; width: 400px; padding: 10px 50px 0 0; }
.section_02_block_list li { margin: 2px 0 0; padding: 0 0 0 14px; background: url(../image/ico_block_list.png) 0 8px no-repeat;}
.section_02_block_list li:first-child { margin: 0; }


.section_02_block_list li ._ieEx { padding-right: 3px; }
.section_02_block_list li ._ieEx,  x:-moz-any-link, x:default  { padding-right: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .section_02_block_list li ._ieEx { padding-right: 0; }
}

/* 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: 10px 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: 172px; text-indent: -9999px; font-size: 1px; margin: 0 0 0 10px; }
#section_01 .tab_02 li:first-child { margin: 0; }
#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: -182px 0; }
#section_01 .tab_02 li.tab_02_03 a { background-position: -364px 0; }
#section_01 .tab_02 li.tab_02_04 a { background-position: -546px 0; }
#section_01 .tab_02 li.tab_02_05 a { background-position: -728px 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: -182px -49px; }
#section_01 .tab_02 li.tab_02_03.current a { background-position: -364px -49px; }
#section_01 .tab_02 li.tab_02_04.current a { background-position: -546px -49px; }
#section_01 .tab_02 li.tab_02_05.current a { background-position: -728px -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; }