@charset "UTF-8";



/**
 * HONDA N-BOX 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: -1em; padding: 7px 0 0 1em; 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 0; }
#section_02 .container { width: 900px; margin: 0 auto;}
#section_02 h2 { padding: 10px 0 20px;}
#section_02 .article { width: 900px; margin: 0 auto; padding: 20px 0 30px;}

/* equipment table */
table.equipTable {
	font-size: 12px;
	width: 100%;
	border: 1px solid #666;
	border-bottom: none;
	border-right: none;
}
table.equipTable th{ font-weight: bold}
table.equipTable th,
table.equipTable td {padding: 12px 0 12px 20px;vertical-align: middle}

/* cell style */
table.equipTable .center {text-align: center;padding-left: 0; padding-right: 0}
table.equipTable .bold { font-weight: bold}
table.equipTable .bold span {font-weight: normal}
table.equipTable .colored01 {background-color: #ccc }
table.equipTable .colored02 {background-color: #666;color: #FFF;}
table.equipTable .colored03 {background-color: #e6e6e6 }
table.equipTable .colored04 {background-color: #ebf0f5 }

/* cell size style */
table.equipTable * th {width: 140px;}

table.equipTable tr.row01 th+td,
table.equipTable tr.row01 th+td+td {width: 170px; padding: 0}

table.equipTable tr.row06 th + td + td,
table.equipTable tr.row07 td:first-child {text-align: right;padding-right: 15px;padding-left: 60px}

/* border style */
table.equipTable * th {border-bottom: 1px solid #666}
table.equipTable * th+td,
table.equipTable * td:first-child {border-bottom: 1px solid #FEFEFE; border-right:1px solid #666}
table.equipTable * th+td+td,
table.equipTable * th+td+td+td {border-bottom: 1px solid #666;border-right: 1px solid #666}

table.equipTable tr.row01 th { border-bottom: 1px solid #FEFEFE;border-right: 1px solid #666}
table.equipTable tr.row01 td {border-bottom: none}

table.equipTable tr.row02 td { border-bottom: 1px solid #999; border-right: 1px solid #FEFEFE;}
table.equipTable tr.row02 td+td {border-right: none;border-top: 1px solid #FEFEFE}

table.equipTable tr.row03 th {border-bottom: 1px solid #FEFEFE;border-right: 1px solid #666}
table.equipTable tr.row03 td {border-bottom: 1px solid #666}
table.equipTable tr.row03 th+td {border-right: 1px solid #666}

table.equipTable tr.row04 td {border-right: 1px solid #666}

table.equipTable tr.row06 th+td {border-right: none}
table.equipTable tr.row06 th+td+td {border-bottom:1px solid #FEFEFE}
table.equipTable tr.row06 th+td+td+td+td {border-bottom: 1px solid #666;border-right:  1px solid #666}

table.equipTable tr.row06 th+td+td+td {border-bottom: 1px solid #666;border-right: 1px solid #666}

table.equipTable tr.row05 td+td,
table.equipTable tr.row07 td+td,
table.equipTable tr.row11 td+td,
table.equipTable tr.row13 td+td {border-bottom: 1px solid #666; border-right: 1px solid #666}

table.equipTable tr.row13 td:first-child {border-bottom: 1px solid #666}

#section_02 .noteArea { padding: 2px 0 0}
#section_02 .noteArea table td {padding: 0}

/* 03 ---------- */
#section_03 {padding: 20px 0 0}
#section_03 .container {margin: 0 auto;width: 900px}
#section_03 h2 { padding: 10px 0 20px;}
#section_03 .article {
	width: 860px;
	margin: 0 auto;
	padding: 20px 0 30px;
	border-top: 1px dotted #b8b8b8;
}

#section_03 .article_01 { border-top: 0;}
#section_03 .article h3 { padding: 0 0 20px;}
#section_03 .article ul.list li { text-indent: -1em; padding: 7px 0 0 1em; 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_03 .article ul.list_01 { width: 430px;float: left;}
#section_03 .article ul.list_02 { width: 418px;float: right;}
.gothic{font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Arial","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;}


/* 04 ---------- */
#section_04 { padding: 20px 0; }
#section_04 h2 { padding: 10px 0 20px;}
#section_04 .indent {text-indent: -1em;padding-left: 1em}
#section_04 .container {
	width: 900px;
	margin: 0 auto;
	padding: 0 35px;
}
#section_04 .mb10 {margin-bottom: 10px !important;}
#section_04 .mb25 {margin-bottom: 25px !important;}

#section_04 .cap {margin-top: 4px;}

#section_04 .content_01 {float: left; width: 390px}
#section_04 .content_01 .tx_C {text-align: center;margin: 15px 0}

#section_04 .content_02 {float: right; width:420px;padding-top: 8px}
#section_04 .content_02 .tx_C {text-align: center;margin-bottom: 70px}
#section_04 .content_02 h3 {border-bottom:2px solid #e6e6e6;padding-bottom: 14px;margin-bottom: 20px; }
#section_04 .content_02 h4 {margin-bottom: 20px;}
#section_04 .content_02 .lead {padding-top: 20px;line-height: 1.83;}

#section_04 .content_03 {float: right;width:420px;}
#section_04 .content_03 h3 {border-bottom:2px solid #e6e6e6;padding-bottom: 14px;margin: 49px 0 20px;}
#section_04 .content_03 h4 {margin-bottom: 12px;}
#section_04 .content_03 .lead {padding-top: 17px;line-height: 1.83;}

#section_04 .wrap {
}
#section_04 .wrap h4 {font-weight: bold;margin-bottom: 20px; padding-top:30px;}
#section_04 .wrap .content_04 {width: 385px;}
#section_04 .wrap .content_04.left {float: left}
#section_04 .wrap .content_04.right{float: right}
#section_04 .wrap .content_04 div {
	position: relative;
	padding-top: 10px;
}
#section_04 .wrap .content_04 div img {
	position: absolute;
	top: 15px;
	right: 0;
}

#section_04 .caution {
	padding: 12px 19px;
	border: 1px solid #b7b6b6;
	text-align: left;
	line-height: 2;
	font-size: 12px;
	margin: 12px 0 20px;
	width: auto;
}
#section_04 .caution span {color: #c1272d;font-weight: bold;}



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

#section_05 { padding: 0px 0 20px ; }
#section_05 .container { 
	width: 900px;
	margin: 0 auto 40px;
	padding: 0 35px 40px;
	background: url(../../../common/image_common/bg_line01.png) center bottom no-repeat;
}
#section_05 h2 { padding: 10px 0 20px;}
#section_05 .attention01{ padding: 10px 0px 30px; font-size: 12px; color: #666; /*add151102*/border-top:1px dotted #b8b8b8;}
#section_05 .attention01 span{ display: block; margin: 2px 0 0; padding: 12px 25px; color: #FFF; background-color: #999;}
#section_05 .attention02{ background:#eee; padding: 30px 32px 25px;}
#section_05 span{ display: block; font-size:14px; font-weight: bold; margin-bottom:10px;}
#section_05 ul{ font-size:12px; padding-top: 0;}
#section_05 ul li{ padding-left: 1em; text-indent: -1em; margin-bottom: 0.4em;}

/* 06 ---------- */

#section_06 { padding: 10px 0 70px 0;}
#section_06 .container { width: 900px; margin: 0 auto;}
#section_06 h2 { padding: 0 0 45px;}
#section_06 .content_01 {padding: 10px 0 22px; }
#section_06 .content_01 ul {width: 914px;margin-right: -14px;padding-left: 2px}
#section_06 .content_01 ul li {float: left;margin-right: 14px;}
#section_06 ul li p.cap {width: 214px; font-size: 12px;padding-top: 4px}
#section_06 ul li p.cap span {font-size: 10px;display: inline-block; padding-top: 2px}
#section_06 .noteArea {padding: 0;background: none;white-space: nowrap;}

#section_06 p.toAccess { text-align:right;}