@charset "UTF-8";



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



/* --------------------------------
	性能
-------------------------------- */
.section_table { margin-top: 34px; }
.section_table + .section_table { margin-top: 80px; }
.section_table_02 + .section_table { margin-top: 80px; }

/* 共通 ---------- */
.section_table_02 { width: 900px; margin: 38px auto 0; }
.section_table_02 .section_table_txtArea { vertical-align: top; }
.section_table_02 .section_table_txtArea .section_btn { margin: 30px 0 0; }
.section_table_02 .section_table_txt { margin: 0; }
.section_table_02 .section_table_txt_img { margin: 26px 0 0; }


/* 01 ---------- */
#section_01 { }
#section_01 .container { padding-bottom: 185px; background: url(../image/section_01_bg.png) #f0f0f0 center bottom no-repeat; }

.section_01_cover { position: relative; }
.section_01_cover_img { position: absolute; top: -65px; right: -129px; }
.section_01_cover_spec { position: relative; z-index: 1; }
.section_01_note { padding: 0 40px; font-size: 10px; line-height: 1.9; z-index: 1; position: relative; }
.section_01_note + .section_01_note { margin: 14px 0 0; font-size: 12px; }
.section_01_note span { text-decoration: underline; }
.section_01_btn_01 { margin-top: 134px; padding: 0 40px; position: relative; z-index: 1; }

.section_01_idoling_anime { position: relative; width: 900px; height: 300px; margin: 36px auto 0; background: url(../image/section_01_idlingAnime_bg.png) 0 0 no-repeat; }
.section_01_idoling_anime.is-yellow { background-position: 0 -300px; }
.section_01_idoling_anime.is-green { background-position: 0 -600px; }
.section_01_idoling_fukidashi { position: absolute; top: 0; left: 479px; }
.section_01_idoling_car { position: absolute; top: 137px; left: 400px; }
.section_01_idoling_car_inner { position: relative; width: 254px; height: 137px; }
.section_01_idoling_car_wheel { position: absolute; top: 93px; }
.section_01_idoling_car_wheel_01 { left: 13px; }
.section_01_idoling_car_wheel_02 { left: 193px; }


/* eco ---------- */
.section_01_idoling_eco { width: 900px; margin: 70px auto 0; }
.section_01_idoling_eco_imgArea { float: left; width: 474px; }
.section_01_idoling_eco_imgs { position: relative; width: 474px; height: 418px; }
.section_01_idoling_eco_img { position: absolute; top: 0; left: 0; }
.section_01_idoling_eco_txtArea { float: right; width: 406px; padding: 110px 0 30px; background: url(../image/section_01_eco_bg.png) right 210px no-repeat; }
.section_01_idoling_eco_txt { width: 270px; }
.section_01_idoling_eco_txt span.note { font-size: 10px; margin-top: 20px; }
.section_01_idoling_eco_btns { width: 454px; margin: 16px 0 0; padding: 0 10px; }
.section_01_idoling_eco_btn { float: left; overflow: hidden; width: 146px; height: 62px; margin: 0 0 0 7px; text-indent: -9999px; background: url(../image/section_01_eco_btn.png) 0 0 no-repeat; }
.section_01_idoling_eco_btn:first-child { margin: 0; }
.section_01_idoling_eco_btn:hover { cursor: pointer; }
.section_01_idoling_eco_btn_01 { background-position: -306px 0; }
.section_01_idoling_eco_btn_02 { background-position: -153px 0; }
.section_01_idoling_eco_btn_03 { background-position: 0 0; }
.section_01_idoling_eco_btn_01:hover { background-position: -306px -62px; }
.section_01_idoling_eco_btn_02:hover { background-position: -153px -62px; }
.section_01_idoling_eco_btn_03:hover { background-position: 0 -62px; }
.section_01_idoling_eco_btn_01.is-current { background-position: -306px -124px; }
.section_01_idoling_eco_btn_02.is-current { background-position: -153px -124px; }
.section_01_idoling_eco_btn_03.is-current { background-position: 0 -124px; }


/* 02 ---------- */
#section_02 .container { padding-bottom: 185px; background: url(../image/section_02_bg.png) #fff center bottom no-repeat; }

.section_02_spec { width: 900px; margin: 12px auto 0; }
.section_02_spec_list { float: left; }
.section_02_spec_list + .section_02_spec_list { margin: 0 0 0 40px; }
.section_02_spec_list span { font-weight: bold; }


/* 03 ---------- */
#section_03 { }
#section_03 .container { padding-bottom: 185px; background: url(../image/section_03_bg.png) #f0f0f0 center bottom no-repeat; }
#section_03 .container .section_table_txtArea{position: relative; }
#section_03 .container .section_table_txtArea .section_table_movie{position: absolute; bottom:0px;right:0px;}


/* 04 ---------- */
#section_04 .container { background: #fff; }
.section_04_safety_img { width: 900px; margin: 0 auto; }
.section_04_safety_img_01 { margin-top: 20px; }
.section_04_safety_img_02 { margin-top: 36px; }
.section_04_safety_txt { width: 798px; margin: 12px auto 0; padding: 18px 50px; border: 1px solid #efefef; line-height: 1.46; font-size: 12px; }
.section_04_safety_txt span { color: #e51717; line-height: 2; }
.section_04_airbag_img { width: 900px; margin: 40px auto 0; }
.section_04_airbag_list { width: 900px; margin: 40px auto 0; }
.section_04_airbag_list li { float: left; width: 212px; margin: 0 0 0 17px; }
.section_04_airbag_list li:first-child { margin: 0; }
.section_04_airbag_list_img { text-align: center; }
.section_04_airbag_list_txt { min-height: 124px; margin: 8px 0 0; }
.section_04_airbag_list_txt span { display: block; margin: 4px 0 0; font-size: 12px; }
.section_04_airbag_list_txt span._ex { display: inline; margin: 0; font-size: 14px; letter-spacing: -1px; }
.section_04_airbag_list_btn { text-align: right; }
.section_04_btn_01 { margin-top: 20px; }
.section_04_btn_02 { margin-top: 20px; }
.section_04_btn_03 { margin-top: 20px; }
.section_04_btn_04 { margin-top: 80px; text-align: center; }


/* ----------------------------------------
	2105.11.25
---------------------------------------- */

.section_04_airbag_list_txt .option img {
	padding: 6px 5px 2px;
}