@charset "UTF-8";



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



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

/* 共通 ---------- */
.section_list { width: 900px; margin: 49px auto 0; }
.section_list li { float: left; height: 312px; }
.section_list_txt { margin: 20px 0 0; font-size: 14px; font-weight: bold; }
.section_list_txt span { display: block; margin: 5px 0 0; font-size: 12px; font-weight: normal; }
.section_list_txt span.note { display: block; margin: 5px 0 0; font-size: 10px; }

/* 01 ---------- */
#section_01 .container { padding-bottom: 185px; background: url(../image/section_01_bg.png) #fff center bottom no-repeat; }
.section_01_list_01 { margin: 0 0 0 -30px; }
.section_01_list_01 li { width: 280px; margin: 30px 0 0 30px; }
.section_01_list_01 li:nth-child(1),
.section_01_list_01 li:nth-child(2),
.section_01_list_01 li:nth-child(3) { margin-top: 0; }

.section_01_list_02 { margin: 30px 0 0 -30px; }
.section_01_list_02 li { width: 202px; height: 290px; margin: 30px 0 0 30px; }
.section_01_list_02 li:nth-child(1),
.section_01_list_02 li:nth-child(2),
.section_01_list_02 li:nth-child(3),
.section_01_list_02 li:nth-child(4) { margin-top: 0; }

.section_01_list_02 .section_list_txt { margin-top: 14px; }


/* 02 ---------- */
#section_02 .container { padding-bottom: 120px; background: url(../image/section_02_bg.png) #f0f0f0 center bottom no-repeat; }
.section_02_list { margin: 0 0 0 -30px; }
.section_02_list li { width: 202px; height: 270px; margin: 30px 0 0 30px; }
.section_02_list li:nth-child(1),
.section_02_list li:nth-child(2),
.section_02_list li:nth-child(3),
.section_02_list li:nth-child(4) { margin-top: 0; }

.section_02_list li._ex_00 { height: 314px; }
.section_02_list li._ex_01 { width: 329px; }
.section_02_list li._ex_02 { width: 182px; }
.section_02_list .section_list_txt { margin-top: 16px; }

.section_02_list_note { font-size: 10px; position: relative; top: -40px; }

/* 03 ---------- */
#section_03 .container { padding-bottom: 175px; background: url(../image/section_03_bg.png) #fff center bottom no-repeat; }
#section_03 .section_txt { font-weight: bold; }
.section_03_bnr { width: 900px; margin: 49px auto 0; }
.section_03_bnr li { margin: 31px 0 0;}
.section_03_bnr li:first-child { margin: 0; }


/* 04 ---------- */
#section_04 .container { padding-bottom: 125px; background: url(../image/section_04_bg.png) #f0f0f0 center bottom no-repeat; }
#section_04 .section_inner { margin: 0 auto; padding: 62px 0 60px; background: url(../image/section_04_inner_bg.png) center 0 no-repeat; }
#section_04 .section_inner.is-first { margin-top: 52px; }
#section_04 .section_inner .section_lead { margin-top: 0px; }
.section_04_img { width: 900px; margin: 35px auto 0; }

#section_04 .section_txt_note { margin-top: 16px; }

/* box */
.section_04_box { width: 900px; margin: 20px auto 0; }
.section_04_box_txtArea { float: right; width: 410px; }
.section_04_box_img { float: left; width: 450px; }

.section_04_box_txtArea_note { font-size: 9px !important; margin-top: 20px !important; }

/* speaker */
.section_04_speaker_list { margin: 15px 0 0 -24px; }
.section_04_speaker_list li { float: left; width: 193px; margin: 8px 0 0 24px; }
.section_04_speaker_list li:nth-child(1),
.section_04_speaker_list li:nth-child(2) { margin-top: 0; }
.section_04_speaker_list_txt { margin: 6px 0 0; padding: 0 4px; font-size: 13px; font-weight: bold; line-height: 1.4; }
.section_04_speaker_note { margin: 20px 0 0; padding: 0 2px; font-size: 14px; font-weight: bold; line-height: 1.3; }

.section_04_sound_txt { margin: 12px 0 0; }
.section_04_sound_txt + .section_sublead_03 { margin: 25px 0 0; }
.section_04_sound_note { margin: 28px 0 0; padding: 0 2px; font-size: 10px; padding: 0 40px; line-height: 1.8; }
.section_04_sound_note ._bold { font-weight: bold; }

/* item */
.section_04_item .section_04_box_txtArea { padding: 20px 0 0; }
.section_04_box_small { width: 900px; margin: 30px auto 0; }
.section_04_box_small_img { float: left; width: 280px; }
.section_04_box_small_txtArea { float: right; width: 580px; padding: 20px 0 0; }
.section_04_navigation .section_04_box_txtArea { padding: 80px 0 0; }


/* 05 ---------------------------- */
.section_05_inner { margin: 52px 0 0; padding: 60px 0 0; background: url(../image/section_05_inner_bg.png) center 0 no-repeat; }
.section_05_cover { margin: 55px 0 0; padding: 0 40px 0 560px; background: url(../image/section_05_cover_bg.jpg) 0 10px no-repeat; }
.section_05_img { margin: 0 0 0 40px; }
.section_05_txt { margin: 16px 40px 0; font-weight: bold; }
.section_05_txt span { display: block; margin: 1px 0 0; font-size: 12px; font-weight: normal; }
.section_05_btn_01 { margin-left: 298px; }

.section_05_img_01 { width: 900px; margin: 0 auto; }
.section_05_list { width: 900px; margin: 0 auto; }
.section_05_list li { float: left; width: 280px; margin: 0 0 0 30px; }
.section_05_list li:first-child { margin: 0; }
.section_05_list_txt { margin: 15px 0 0; font-size: 14px; font-weight: bold; min-height: 100px; }
.section_05_list_txt span { display: block; margin: 4px 0 0; font-size: 12px; font-weight: normal; }

.section_05_list li._ex { width: 386px; }


/* ----------------------------------------
	2015.11.06
---------------------------------------- */

.section_list .corner {
	clear: left;
}