@charset "UTF-8";



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



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

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

.section .article h4 { font-weight: bold;}

/* 00 ---------- */

#section_00 {}
#section_00 .container { width: 900px; margin: 0 auto;}
#section_00 h2 { padding: 18px 0 0;}

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

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

#section_01 .article { padding: 20px 0 30px; }
#section_01 .article_01 { float:left; width: 280px; margin:0 0 0 15px;}
#section_01 .article_02 { float:left; width: 280px; margin:0 0 0 15px;}
#section_01 .article_03 { float:left; width: 280px; margin:0 15px 0 15px;}
#section_01 .article h3 { padding: 0 0 20px;}
#section_01 .article ul.list { }
#section_01 .article ul.list li { text-indent: -1.25em; padding: 7px 0 0 1.25em; line-height: 1.43; font-family: "HG明朝E", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ明朝 Pro W6", "HiraMinPro-W6", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#section_01 .article ul.list_01 { float: left;}
#section_01 .article ul.list_02 { float: right;}

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

#section_02 { padding: 20px 0; }
#section_02 .container { width: 900px; margin: 0 auto;}
#section_02 h2 { padding: 10px 0 20px;}

#section_02 .article { width: 860px; margin: 0 auto; padding: 20px 0 30px; border-top: 1px dotted #b8b8b8;}
#section_02 .article_01 { border-top: 0;}
#section_02 .article h3 { padding: 0 0 20px;}
#section_02 .article ul.list { width: 418px;}
#section_02 .article ul.list li { text-indent: -1.0em; padding: 7px 0 0 1.0em; line-height: 1.43; font-family: "HG明朝E", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ明朝 Pro W6", "HiraMinPro-W6", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
/*
#section_02 .article ul.list li a {
    padding: 0 0 0 17px;
    margin: 0 0 0 0px;
    background: url(/ModuloX/N-ONE/common/image_common/arw_link.png) no-repeat 0px 50%;
}
*/
#section_02 .article ul.list li a:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 1em;
    background-image: url(/ModuloX/N-ONE/common/image_common/arw_link.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 5px 7px;
    position: relative;
    top: 11px;
    left: -2px;
}
#section_02 .article ul.list_01 { float: left;}
#section_02 .article ul.list_02 { float: right;}
.gothic{font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Arial","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;}

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

#section_03 { padding: 20px 0; }
#section_03 .container { width: 900px; margin: 0 auto;}
#section_03 h2 { padding: 10px 0 20px;}

#section_03 table.list { width: 860px; margin: 20px auto 30px; table-layout: fixed;}
#section_03 table.list th,
#section_03 table.list td { padding: 7px 13px;}
#section_03 table.list th { width:250px; background: #f0f0f0; font-weight: bold; border-bottom: 1px solid #fff; }
#section_03 .wrap { padding:20px 20px 10px 20px;}
#section_03 .wrap p.txt12 { margin-top:5px;}
#section_03 .wrap .content_01 { float:left; width:283px;}
#section_03 .wrap .content_02 { float:left; width:176px;}
#section_03 .wrap .content_03 { float:left; width:60px;}
#section_03 .wrap .content_04 { float:left; width:299px;}
#section_03 .noteArea { padding:20px;}

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

#section_04 { padding: 20px 0; }
#section_04 .container { width: 900px; margin: 0 auto;}
#section_04 h2 { padding: 10px 0 20px;}
#section_04 .container .border { border:1px solid #aaa; -webkit-border-radius: 6px; border-radius: 6px;}
#section_04 .wrap { padding:20px 20px 0px 20px; margin-bottom:20px;}
#section_04 .article { position: relative;}
#section_04 .article p.caption { line-height: 1.29;}
#section_04 .article p.caption span { font-size: 77%;}
#section_04 .article_01 { float: left; width: 420px; margin: 0 16px 0 0;}
#section_04 .article_02 { float: left; width: 420px;}
#section_04 .article_03 { float: left; width: 273px; margin: 0 18px 0 0;}
#section_04 .article_04 { float: left; width: 273px; margin: 0 18px 0 0;}
#section_04 .article_05 { float: left; width: 273px;}
#section_04 .article_01 p.caption,
#section_04 .article_02 p.caption { position: absolute; top: 152px; left: 0; padding: 0;}
#section_04 .noteArea { margin:0 20px 0; padding:20px; width:820px;}
#section_04 p.btnMore { margin-bottom:0; padding: 17px 2px 0px 0px; text-align: right;}

/* 05 ---------- */

#section_05 { padding: 40px 0 70px 0; }
#section_05 .container { width: 900px; margin: 0 auto;}
#section_05 h2 { padding: 10px 0 20px;}

#section_05 .attention01{ padding: 10px 0px 30px; font-size: x-small; color: #666;}
#section_05 .attention01 span{ display: block; margin: 2px 0 0; padding: 5px; font-size: x-small; color: #FFF; background-color: #999;}
#section_05 .attention02{ background:#eee; padding:15px 15px 10px;}
#section_05 span{ display: block; font-size:12px; font-weight: bold; margin-bottom:10px;}
#section_05 ul{ font-size:11px; padding-top: 0;}
#section_05 ul li{ padding-left: 1em; text-indent: -1em; margin-bottom: 0.4em;}