@charset "UTF-8";



/**
 * HONDA N-ONE
 *
 * index.css
 * @version  1.0  (updated: 2012.10.24)
 */



/* --------------------------------
	インテリア - 詳細情報
-------------------------------- */

/* 共通 ---------- */



/* 01 ---------- */

#section_01 {}
#section_01 .container { width: 900px; margin: 0 auto;}
#section_01 h2 { padding: 48px 0 0;}

#section_01 .article_01 { position: relative; width: 900px; height: 688px; margin: 32px 0 0;}
#section_01 .article_01 h3 { padding: 96px 0 0 527px;}
#section_01 .article_01 .content { width: 340px; padding: 187px 0 0 56px;}
#section_01 .article_01 .content h4 { font-weight: bold; padding: 0 0 4px;}
#section_01 .article_01 p.img_01 { position: absolute; top: 0; left: -9px;}
#section_01 .article_01 p.img_02 { position: absolute; top: 366px; left: 497px;}


/* 02 ---------- */

#section_02 { padding: 0 0 56px; background: url(../image/sec_02_bg.png) repeat-x left bottom;}
#section_02 .container { width: 906px; margin: 0 auto;}
#section_02 h2 { padding: 27px 0 0 3px;}

#section_02 .article h4 { font-weight: bold;}

#section_02 .article_02 { position: relative; width: 906px; height: 322px; margin: 34px 0 0; background: url(../image/sec_02_02_bg.png) no-repeat;}
#section_02 .article_02 .wrap { padding: 0 23px;}
#section_02 .article_02 .wrap .content { float: right; width: 426px; padding: 34px 0 0; position: relative; z-index: 10;}
#section_02 .article_02 .wrap .content h4 { padding: 17px 0 0;}
#section_02 .article_02 .wrap .content p.desc { padding: 0 16px 0 0;}
#section_02 .article_02 .wrap .content p.note { padding: 5px 0 0;}
#section_02 .article_02 .wrap p.img_01 { float: left; width: 405px; padding: 22px 0 0;}

#section_02 .article_03 { width: 906px; height: 323px; margin: 34px 0 0; background: url(../image/sec_02_03_bg.png) no-repeat;}
#section_02 .article_03 .content { float: right; width: 410px; padding: 42px 39px 0 0;}
#section_02 .article_03 .content h4 { padding: 17px 0 0;}
#section_02 .article_03 .content p.note { padding: 5px 0 0;}
#section_02 .article_03 p.img { float: left; width: 405px; padding: 23px 0 0 23px;}

#section_02 .article_04 { width: 906px; height: 463px; margin: 34px 0 0; background: url(../image/sec_02_04_bg.png) no-repeat;}
#section_02 .article_04 .wrap { padding: 25px 23px 0;}
#section_02 .article_04 .wrap .content { float: right; width: 426px;}
#section_02 .article_04 .wrap .content h4 { padding: 17px 0 0;}
#section_02 .article_04 .wrap .content p.note { padding: 5px 0 0;}
#section_02 .article_04 .wrap p.img { float: left; width: 405px;}
#section_02 .article_04 .column { margin: 26px 23px 0; padding: 17px 21px; background: #f1f1f1;}
#section_02 .article_04 .column h5 { float: left; font-weight: bold;}
#section_02 .article_04 .column h5 sup { vertical-align: top; font-size: 10px;}
#section_02 .article_04 .column p.note { float: left; padding: 1px 0 0 12px;}
#section_02 .article_04 .column p.desc { clear: both; padding: 7px 0 0;}


/* 03 ---------- */

#section_03 { background: url(../image/sec_03_bg.png) repeat-x left bottom;}
#section_03 .container { width: 906px; margin: 0 auto;}
#section_03 h2 { padding: 53px 0 0 3px;}

#section_03 .article h4 { font-weight: bold;}

#section_03 .article_01 { width: 906px; margin: 0 auto;}
#section_03 .article_01 h3 { padding: 37px 0 0 23px;}
#section_03 .article_01 h4 { padding: 0 0 0 23px;}

#section_03 .article_01 .slideGallery_01 { position: relative; width: 903px; height: 296px; margin: 23px 0 0; background: url(../image/sec_03_01_01_bg.jpg) no-repeat;}
#section_03 .article_01 .slideGallery_01 .slide { position: absolute; top: 22px; left: 23px; z-index: 10;}
#section_03 .article_01 .slideGallery_01 p.desc { padding: 0 0 0 566px;}
#section_03 .article_01 .slideGallery_01 p.note { position: absolute; bottom: 22px; left: 566px;}
#section_03 .article_01 .slideGallery_01 ul.pager { padding: 14px 0 0 566px;}

#section_03 .article_01 .slideGallery_02 { position: relative; width: 903px; height: 296px; margin: 24px 0 0; background: url(../image/sec_03_01_02_bg.jpg) no-repeat;}
#section_03 .article_01 .slideGallery_02 .slide { position: absolute; top: 22px; left: 23px; z-index: 10;}
#section_03 .article_01 .slideGallery_02 p.desc { padding: 0 0 0 566px;}
#section_03 .article_01 .slideGallery_02 p.note { position: absolute; bottom: 22px; left: 566px;}
#section_03 .article_01 .slideGallery_02 ul.pager { padding: 14px 0 0 566px;}

#section_03 .article_01 .slideGallery_03 { position: relative; width: 903px; height: 296px; margin: 24px 0 0; background: url(../image/sec_03_01_03_bg.jpg) no-repeat;}
#section_03 .article_01 .slideGallery_03 .slide { position: absolute; top: 22px; left: 23px; z-index: 10;}
#section_03 .article_01 .slideGallery_03 p.desc { padding: 0 0 0 566px;}
#section_03 .article_01 .slideGallery_03 p.note { position: absolute; bottom: 69px; left: 566px;}
#section_03 .article_01 .slideGallery_03 ul.pager { padding: 14px 0 0 566px;}

#section_03 .article_02 { width: 906px; margin: 34px 0 0; background: url(../image/sec_03_cmn_bg.png) no-repeat left bottom;}
#section_03 .article_02 .bg { padding: 0 0 24px; background: url(../image/sec_03_cmn_bg_head.png) no-repeat;}
#section_03 .article_02 .content { float: right; width: 402px; padding: 32px 65px 0 0;}
#section_03 .article_02 .content p.desc { padding: 18px 0 0;}
#section_03 .article_02 p.img { float: left; width: 376px; padding: 22px 0 0 23px;}

#section_03 .article_03 { width: 906px; height: 703px; margin: 34px auto 0; background: url(../image/sec_03_cmn_bg.png) no-repeat left bottom;}
#section_03 .article_03 .bg { background: url(../image/sec_03_cmn_bg_head.png) no-repeat;}
#section_03 .article_03 h3 { padding: 24px 0 0 23px;}
#section_03 .article_03 h4 { padding: 0 0 0 23px;}

#section_03 .article_03 .wrap { padding: 10px 23px 0;}
#section_03 .article_03 .slideGallery_01 { position: relative; float: left; width: 418px; height: 324px;}
#section_03 .article_03 .slideGallery_01 .slide { position: absolute; top: 0; left: 0; z-index: 10;}
#section_03 .article_03 .slideGallery_01 ul.pager { position: absolute; bottom: 0; left: 184px; z-index: 11;}

#section_03 .article_03 .slideGallery_02 { position: relative; float: right; width: 418px; height: 324px;}
#section_03 .article_03 .slideGallery_02 .slide { position: absolute; top: 0; left: 0; z-index: 10;}
#section_03 .article_03 .slideGallery_02 ul.pager { position: absolute; bottom: 0; left: 184px; z-index: 11;}

#section_03 .article_03 .slideGallery_03 { position: relative; width: 860px; margin: 54px 0 0 23px;}
#section_03 .article_03 .slideGallery_03 .slide { position: absolute; top: 0; left: 0; z-index: 10;}
#section_03 .article_03 .slideGallery_03 p.desc { padding: 29px 0 0 484px;}
#section_03 .article_03 .slideGallery_03 ul.pager { padding: 43px 0 0 485px;}

#section_03 .article_04 { width: 906px; height: 352px; margin: 35px auto 0; background: url(../image/sec_03_cmn_bg.png) no-repeat left bottom;}
#section_03 .article_04 .bg { background: url(../image/sec_03_cmn_bg_head.png) no-repeat;}
#section_03 .article_04 .slideGallery { position: relative; width: 906px; height: 352px;}
#section_03 .article_04 .slide { position: absolute; top: 22px; left: 23px; z-index: 10;}
#section_03 .article_04 h3 { padding: 46px 0 0 457px;}
#section_03 .article_04 h4 { padding: 12px 0 0 458px;}
#section_03 .article_04 p.desc { padding: 0 25px 0 458px;}
#section_03 .article_04 p.note { padding: 5px 0 0 458px;}
#section_03 .article_04 ul.pager { position: absolute; bottom: 24px; left: 458px; z-index: 11;}

#section_03 .article_05 { width: 906px; margin: 0 auto;}
#section_03 .article_05 h3 { padding: 53px 0 0 23px;}
#section_03 .article_05 h4 { padding: 0 0 0 23px;}

#section_03 .article_05 .slideGallery_01 { position: relative; width: 903px; height: 326px; margin: 16px 0 0; background: url(../image/sec_03_05_01_bg.jpg) no-repeat;}
#section_03 .article_05 .slideGallery_01 .slide { position: absolute; top: 22px; left: 23px; z-index: 10;}
#section_03 .article_05 .slideGallery_01 p.desc { padding: 18px 0 0 566px;}
#section_03 .article_05 .slideGallery_01 p.note { position: absolute; bottom: 22px; left: 566px;}
#section_03 .article_05 .slideGallery_01 ul.pager { padding: 14px 0 0 566px;}

#section_03 .article_05 .slideGallery_02 { position: relative; width: 903px; height: 326px; margin: 24px 0 0; background: url(../image/sec_03_05_02_bg.jpg) no-repeat;}
#section_03 .article_05 .slideGallery_02 .slide { position: absolute; top: 22px; left: 23px; z-index: 10;}
#section_03 .article_05 .slideGallery_02 p.desc { padding: 18px 0 0 566px;}
#section_03 .article_05 .slideGallery_02 p.note { position: absolute; bottom: 22px; left: 566px;}
#section_03 .article_05 .slideGallery_02 ul.pager { padding: 14px 0 0 566px;}

#section_03 .article_06 { width: 906px; margin: 34px 0 0; background: url(../image/sec_03_cmn_bg.png) no-repeat left bottom;}
#section_03 .article_06 .bg { padding: 0 0 24px; background: url(../image/sec_03_cmn_bg_head.png) no-repeat;}
#section_03 .article_06 .content { float: right; width: 402px; padding: 61px 65px 0 0;}
#section_03 .article_06 .content p.desc { padding: 18px 0 0;}
#section_03 .article_06 p.img { float: left; width: 376px; padding: 22px 0 0 23px;}

#section_03 .article_07 { width: 906px; height: 301px; margin: 74px 0 0; padding: 51px 0 0; background: url(../image/sec_03_07_bg.png) no-repeat;}
#section_03 .article_07 .content { float: left; width: 382px; padding: 0 0 0 48px;}
#section_03 .article_07 .content p.desc { padding: 15px 0 0 5px;}

#section_03 .article_07 .gallery { float: right; width: 426px; height: 261px; padding: 0 23px 0 0;}
#section_03 .article_07 .gallery .galleryContentWrap { position: relative; height: 234px;}
#section_03 .article_07 .gallery .galleryContent { display: none; position: absolute; top: 0; left: 0; height: 234px;}
#section_03 .article_07 .gallery .galleryContent_01 { display: block;}

#section_03 .article_07 .gallery ul.galleryNav { padding: 0 0 0 38px;}
#section_03 .article_07 .gallery ul.galleryNav li { float: left; width: 171px; height: 27px; font-size: 1px; text-indent: -9999px;}
#section_03 .article_07 .gallery ul.galleryNav li a { outline: none; display: block; height: 27px; background: url(../image/sec_03_07_gallery_nav.png) no-repeat;}
#section_03 .article_07 .gallery ul.galleryNav li.nav_02 a { background-position: -171px 0;}
#section_03 .article_07 .gallery ul.galleryNav li.nav_01 a:hover { background-position: 0 -27px;}
#section_03 .article_07 .gallery ul.galleryNav li.nav_02 a:hover { background-position: -171px -27px;}
#section_03 .article_07 .gallery ul.galleryNav li.nav_01 a.js_current { background-position: 0 -27px;}
#section_03 .article_07 .gallery ul.galleryNav li.nav_02 a.js_current { background-position: -171px -27px;}

#section_03 .noteArea { margin: 57px auto 0;}