@charset "UTF-8";



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



/* --------------------------------
	スタイリング　詳細
-------------------------------- */

/* 01 ---------- */
#section_01 .container { padding-bottom: 747px; background: url(../image/section_01_bg.jpg) #fff center bottom no-repeat; }
.section_01_note { position: absolute; z-index: 100; bottom: -749px; left: 0; color: #fff; font-size: 12px; line-height: 1.81; }


/* 02 ---------- */
#section_02 { color: #fff; }
#section_02 .container { padding-top: 100px; padding-bottom: 180px; background: url(../../../../common/image_common/bg_black_white.png) #000 center bottom no-repeat; }
.section_02_speakers { position: relative; width: 980px; height: 618px; margin: 34px 0 0; background: url(../image/section_02_speaker_bg.jpg) -1px 10px no-repeat; }
.section_02_speaker_btn { position: absolute; z-index: 10; }
.section_02_speaker_btn:hover { cursor: pointer; }
.section_02_speaker_line { position: absolute; z-index: 9; }

.section_02_speaker_01 .section_02_speaker_btn { top: 0; left: 10px; }
.section_02_speaker_02 .section_02_speaker_btn { top: 0; left: 673px; }
.section_02_speaker_03 .section_02_speaker_btn { top: 196px; left: 10px; }
.section_02_speaker_04 .section_02_speaker_btn { top: 257px; left: 673px; }
.section_02_speaker_05 .section_02_speaker_btn { top: 383px; left: 10px; }

.section_02_speaker_01 .section_02_speaker_line { top: 57px; left: 226px; }
.section_02_speaker_02 .section_02_speaker_line { top: 57px; left: 459px; }
.section_02_speaker_03 .section_02_speaker_line { top: 242px; left: 182px; }
.section_02_speaker_04 .section_02_speaker_line { top: 175px; left: 265px; z-index: 11; }
.section_02_speaker_05 .section_02_speaker_line { top: 431px; left: 226px; }

.section_02_audio_caution { margin: 40px 0 0; font-size: 10px; padding: 0 20px; }
.section_02_audio_caution span.bold { font-weight: bold; }


.speakerOverlay { position: absolute; z-index: 9999; top: 0; left: 0; display: none; width: 100%; }
.speakerOverlay_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; }

.speakerOverlay_close { position: absolute; top: 5px; right: 5px; padding: 15px; }
.speakerOverlay_close:hover { cursor: pointer; opacity: 0.7;
 filter: alpha(opacity=70); }

.speakerOverlay_item { position: absolute; left: 50%; display: none; width: 764px; margin: 0 0 0 -382px; border: 1px solid #808080; background: #000; }
.speakerOverlay_item_inner { position: relative; padding: 40px;}

.speakerOverlay_item_lists { margin: 25px 0 0 -22px; }
.speakerOverlay_item_list  { float: left; margin: 0 0 0 22px; }

.speakerOverlay_item_box { margin: 25px 0 0; }
.speakerOverlay_item_box .speakerOverlay_item_img { float: left; }
.speakerOverlay_item_box .speakerOverlay_item_txt { float: right; width: 340px; margin: 0; }
.speakerOverlay_item_box .speakerOverlay_item_txt span { display: block; margin: 10px 0 0; font-size: 10px; }

.speakerOverlay_item_txt { margin: 10px 0 0; }
.speakerOverlay_item_02_txt { margin: 20px 0 0; }
.speakerOverlay_item_02_txt span { font-size: 10px; display: block; margin: 10px 0 0; }

.speakerOverlay_item_detail { margin: 30px auto 0; padding: 40px; background: #1a1a1a; }
.speakerOverlay_item_detail_h { font-size: 20px; }
.speakerOverlay_item_detail_h_ex { margin: 20px 0 0; }

.speakerOverlay_item_detail_list { margin: 15px 0 0 -10px; }
.speakerOverlay_item_detail_list li { float: left; width: 296px; margin: 0 0 0 10px; }
.speakerOverlay_item_detail_list.speakerOverlay_item_detail_list_02 { margin: 15px 0 0; }
.speakerOverlay_item_detail_list.speakerOverlay_item_detail_list_02 li { width: 188px; margin: 0 0 0 20px; }
.speakerOverlay_item_detail_list.speakerOverlay_item_detail_list_02 li:first-child { margin: 0; }

.speakerOverlay_item_detail_list_h { font-size: 14px; }
.speakerOverlay_item_detail_list_img { margin: 10px 0 0; }
.speakerOverlay_item_detail_list_txt { font-size: 10px; }
.speakerOverlay_item_detail_imgArea { width: 100%; padding: 0 0 30px; border-bottom: 1px solid #484848; }
.speakerOverlay_item_detail_img,
.speakerOverlay_item_detail_txt { width: 370px; margin: 0 auto; }
.speakerOverlay_item_detail_txt { margin-top: 10px; }

.section_02_box { display: table; width: 900px; margin: 24px auto 0; }
.section_02_box + .section_02_box { margin-top: 80px; }
.section_02_box_textArea { display: table-cell; padding: 0 0 0 37px; vertical-align: middle; }
.section_02_box_img { display: table-cell; width: 355px; vertical-align: middle; }

#section_02_03 { margin-top: 0; padding-top: 80px; }


/* 03 ---------- */
#section_03 { height: 670px; }
#section_03 .container { background: #fff; }
#section_03 .section_lead { width: 358px; z-index: 10; }

.section_03_gallery { position: relative; z-index: 3; width: 290px; width: 290px; height: 262px; margin: 35px 0 0 40px; }
.section_03_gallery_list { position: absolute; top: 0; left: 0; }
.section_03_gallery_btn { position: absolute; z-index: 2; top: 0; right: 0; width: 674px; height: 646px; background: url(../image/section_03_gallery_btn_bg.jpg) 0 -73px no-repeat; }

.gallery_arw { position: absolute; z-index: 100; top: 50%; width: 35px; height: 35px; margin: -35px 0 0; background: url(../../../../common/image_common/gallery_arw_02.png) 0 0 no-repeat; }
.gallery_arw_next { right: 0; background-position: -35px 0; }
.section_03_gallery_btn li {  }
.section_03_gallery_btn li a { position: absolute; z-index: 3; display: block; overflow: hidden; width: 26px; height: 25px; text-indent: -9999px; background: url(../../../../common/image_common/ico_num.png) 0 0 no-repeat; }

.section_03_gallery_btn li a.section_03_gallery_btn_01 { top: 137px; left: 323px; background-position: 0 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_02 { top: 172px; left: 191px; background-position: -26px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_03 { top: 191px; left: 263px; background-position: -52px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_04 { top: 210px; left: 228px; background-position: -78px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_05 { top: 176px; left: 225px; background-position: -104px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_06 { top: 174px; left: 285px; background-position: -130px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_07 { top: 100px; left: 331px; background-position: -156px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_08 { top: 214px; left: 253px; background-position: -182px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_09 { top: 229px; left: 348px; background-position: -208px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_10_01 { top: 256px; left: 318px; background-position: -234px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_10_02 { top: 224px; left: 391px; background-position: -234px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_11_01 { top: 265px; left: 125px; background-position: -260px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_11_02 { top: 195px; left: 350px; background-position: -260px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_11_03 { top: 228px; left: 439px; background-position: -260px 0; }
.section_03_gallery_btn li a.section_03_gallery_btn_12 { top: 370px; left: 472px; background-position: -286px 0; }

.section_03_gallery_btn li a.section_03_gallery_btn_01:hover { top: 137px; left: 323px; background-position: 0 -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_02:hover { top: 172px; left: 191px; background-position: -26px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_03:hover { top: 191px; left: 263px; background-position: -52px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_04:hover { top: 210px; left: 228px; background-position: -78px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_05:hover { top: 176px; left: 225px; background-position: -104px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_06:hover { top: 174px; left: 285px; background-position: -130px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_07:hover { top: 100px; left: 331px; background-position: -156px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_08:hover { top: 214px; left: 253px; background-position: -182px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_09:hover { top: 229px; left: 348px; background-position: -208px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_10_01:hover { top: 256px; left: 318px; background-position: -234px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_10_02:hover { top: 224px; left: 391px; background-position: -234px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_11_01:hover { top: 265px; left: 125px; background-position: -260px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_11_02:hover { top: 195px; left: 350px; background-position: -260px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_11_03:hover { top: 228px; left: 439px; background-position: -260px -25px; }
.section_03_gallery_btn li a.section_03_gallery_btn_12:hover { top: 370px; left: 472px; background-position: -286px -25px; }

.section_03_gallery_btn li.is-current a.section_03_gallery_btn_01 { top: 137px; left: 323px; background-position: 0 -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_02 { top: 172px; left: 191px; background-position: -26px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_03 { top: 191px; left: 263px; background-position: -52px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_04 { top: 210px; left: 228px; background-position: -78px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_05 { top: 176px; left: 225px; background-position: -104px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_06 { top: 174px; left: 285px; background-position: -130px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_07 { top: 100px; left: 331px; background-position: -156px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_08 { top: 214px; left: 253px; background-position: -182px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_09 { top: 229px; left: 348px; background-position: -208px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_10_01 { top: 256px; left: 318px; background-position: -234px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_10_02 { top: 224px; left: 391px; background-position: -234px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_11_01 { top: 265px; left: 125px; background-position: -260px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_11_02 { top: 195px; left: 350px; background-position: -260px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_11_03 { top: 228px; left: 439px; background-position: -260px -25px; }
.section_03_gallery_btn li.is-current a.section_03_gallery_btn_12 { top: 370px; left: 472px; background-position: -286px -25px; }


#section_03 .section_note { font-size: 12px; margin: 30px 0 0; }