@charset "UTF-8";



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



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

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

.section .article { float: left;}
.section .article.last { float: right;}
.section .w206 { width: 206px; background: url(../image/cmn_bg_w206.png) no-repeat left bottom;}
.section .w283 { width: 283px; background: url(../image/cmn_bg_w283.png) no-repeat left bottom;}
.section .w438 { width: 438px; background: url(../image/cmn_bg_w438.png) no-repeat left bottom;}
.section .w593 { width: 593px; background: url(../image/cmn_bg_w593.png) no-repeat left bottom;}
.section .article .caption { padding: 9px 10px 14px 17px;}
.section .article .caption p.lead { padding: 0 0 3px;}
.section .article .caption p.note { padding: 0 0 3px;}
.section .article .caption p.option { margin: 6px 0 0;}
.section .article .caption p.option span { display: inline-block; color: #808080; background: #fff; border: solid 1px #808080 ; margin: 0 0 2px; padding: 2px 4px;}
.section .article .caption p.link { margin: 5px 0 0;}


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

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

#section_01 .wrap_01 { padding: 39px 0 0;}
#section_01 .article_01 { margin: 0 28px 0 0;}
#section_01 .wrap_02 { padding: 26px 0 0;}
#section_01 .article_04 { margin: 0 26px 0 0;}
#section_01 .article_05 { margin: 0 27px 0 0;}
#section_01 .wrap_03 { padding: 27px 0 0;}
#section_01 .article_08 { margin: 0 26px 0 0;}
#section_01 .article_09 { margin: 0 27px 0 0;}

#section_01 p.btnMore { padding: 18px 2px 0 0; text-align: right;}


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

#section_02 {}
#section_02 .container { width: 904px; margin: 0 auto;}
#section_02 h2 { padding: 34px 0 0 2px;}

#section_02 .wrap_01 { padding: 40px 0 0;}


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

#section_03 {}
#section_03 .container { width: 904px; margin: 0 auto;}
#section_03 h2 { padding: 53px 0 0 2px;}

#section_03 .wrap_01 { padding: 39px 0 0;}
#section_03 .article_01 { margin: 0 28px 0 0;}

#section_03 p.btnMore { padding: 17px 2px 0 0; text-align: right;}

#section_03 .caption_01 { padding: 9px 10px 0px 17px;}
#section_03 .caption_02 { padding: 0px 10px 14px 17px;}
#section_03 p.option_01 { margin: 6px 0 0; float: left;}
#section_03 p.option_01 span { display: inline-block; color: #808080; background: #fff; border: solid 1px #808080 ; margin: 0 0 2px; padding: 2px 4px;}
#section_03 p.btnMore_smart { padding: 6px 0 0; float: right;}


/* 04 ---------- */

#section_04 { background: url(../image/sec_04_bg.png) repeat-x left bottom;}
#section_04 .container { width: 904px; margin: 0 auto;}
#section_04 h2 { padding: 36px 0 0 2px;}

#section_04 .wrap_01 { padding: 39px 0 0;}
#section_04 .wrap_02 { padding: 28px 0 0;}
#section_04 .article_03 { margin: 0 28px 0 0;}
#section_04 .wrap_03 { padding: 28px 0 0;}

#section_04 p.btnMore { padding: 17px 2px 0 0; text-align: right;}

#section_04 .noteArea { margin: 40px 0 0;}