@charset "UTF-8";


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



@import "global.css";



/* --------------------------------
	body
-------------------------------- */

body {
	font-size: 14px;
	line-height: 1.71;
}


#contents {
	width: 100% !important;
}


/* --------------------------------
	�R���e�i
-------------------------------- */





/* --------------------------------
	�w�b�_�[
-------------------------------- */

#fixNav { position: relative; width: 100%;
 _background: none;}
#fixNav.top { padding: 0 0 4px; background: url(../image_gNavi/shadow.png) no-repeat 50% 35px;}
#fixNav.fix { position: fixed; z-index: 1000; top: 0; left: 0;}
.fix_ie { position: absolute !important; z-index: 1000; left: 0;
 top: expression(eval(document.documentElement.scrollTop)+'px');}
#fixNav .shadow { height: 35px; background: url(../image_gNavi/bg.png);}
#fixNav .inner { position: relative; width: 980px; margin: 0 auto;}
#fixNav img { display: block;}
#fixNav h1 { width: 176px; padding: 1px 0 0;}
#fixNav ul.nav { position: absolute; top: 1px; left: 208px; overflow: hidden;}
#fixNav ul.nav li { float: left; padding: 0 0 0 2px; background: url(../image_gNavi/separator.png) no-repeat left top;}
#fixNav ul.nav li a { display: block;}
#fixNav p.btn { position: absolute; top: 8px; right: 0;}
#fixNav .current img { visibility: hidden;}
#fixNav #n1 a.current { background: url(../image_gNavi/nav01_cr.png);}
#fixNav #n2 a.current { background: url(../image_gNavi/nav02_cr.png);}
#fixNav #n3 a.current { background: url(../image_gNavi/nav03_cr.png);}
#fixNav #n4 a.current { background: url(../image_gNavi/nav04_cr.png);}
#fixNav #n5 a.current { background: url(../image_gNavi/nav05_cr.png);}
#fixNav #n6 a.current { background: url(../image_gNavi/nav06_cr.png);}
#fixNav #n7 a.current { background: url(../image_gNavi/nav07_cr.png);}
#fixNav .bottom { height: 25px; padding: 14px 0 0; background: #fff; line-height: 1.2;}
#fixNav .bottom .shadow { height: 12px; padding: 0 0 17px; background: url(../image_gNavi/nav_btm_line.png) no-repeat center bottom;
 _background: none; _border-bottom: 1px solid #ccc;}
#fixNav .bottom ul.breadcrumbs { float: left; font-size: 11px;}
#fixNav .bottom ul.breadcrumbs li { float: left; padding: 0 10px 0 18px; background: url(../image_common/arw_breadcrumbs.png) no-repeat 0 3px;}
#fixNav .bottom ul.breadcrumbs li.home { padding-left: 0; background: none;}
#fixNav .bottom ul.breadcrumbs li a { color: #666;}
#fixNav .news { height: 36px; margin: 0 0 -3px; background: url(../image_gNavi/nav_news_shadow.png) left bottom;
 _background: none; _border-bottom: 1px solid #ccc;}
#fixNav .news .shadow { height: auto; background: #fff;
 _background: none;}
#fixNav .news .inner { height: 15px; padding: 10px 0 8px;}
#fixNav .news .inner .dummy { color: #999;}
#fixNav .anchor { float: right; font-size: 13px;}
#fixNav .anchor li { float: left; margin: 0 0 0 18px; padding: 0 0 0 10px; background: url(../image_common/arw_anchor.png) no-repeat 0px 50%;}
#fixNav.noShadow { background: none;}
#fixNav.noShadow .bottom .shadow { background: #fff;}



/* --------------------------------
	�{�f�B
-------------------------------- */

.section p sup { vertical-align: top; font-size: 10px;}
.section p sup.small { vertical-align: 3px; font-size: 10px;}


/* �X���C�h�M�������[ ---------- */

.slideGallery .slide { display: none;}

.slideGallery ul.nav li a { display: block; height: 44px; text-indent: -9999px; outline: none; font-size: 1px;}
.slideGallery ul.nav li.next a { background: url(../image_common/gallery_btn_next.png) no-repeat;}
.slideGallery ul.nav li.prev a { background: url(../image_common/gallery_btn_prev.png) no-repeat;}
.slideGallery ul.nav li a:hover { background-position: 0 -44px;}

.slideGallery ul.pager li { float: left; width: 38px; height: 38px; margin: 0 8px 0 0;}
.slideGallery ul.pager li a { display: block; height: 38px; text-indent: -9999px; outline: none; background: url(../image_common/gallery_pager.png) no-repeat; font-size: 1px;}
.slideGallery ul.pager li.nav_2 a { background-position: -38px 0;}
.slideGallery ul.pager li.nav_3 a { background-position: -76px 0;}
.slideGallery ul.pager li.nav_4 a { background-position: -114px 0;}
.slideGallery ul.pager li.nav_5 a { background-position: -152px 0;}
.slideGallery ul.pager li.nav_6 a { background-position: -190px 0;}
.slideGallery ul.pager li.nav_7 a { background-position: -228px 0;}

.slideGallery ul.pager li.nav_1 a:hover { background-position: 0 -38px;}
.slideGallery ul.pager li.nav_2 a:hover { background-position: -38px -38px;}
.slideGallery ul.pager li.nav_3 a:hover { background-position: -76px -38px;}
.slideGallery ul.pager li.nav_4 a:hover { background-position: -114px -38px;}
.slideGallery ul.pager li.nav_5 a:hover { background-position: -152px -38px;}
.slideGallery ul.pager li.nav_6 a:hover { background-position: -190px -38px;}
.slideGallery ul.pager li.nav_7 a:hover { background-position: -228px -38px;}

.slideGallery ul.pager li.nav_1 a.current { background-position: 0 -114px;}
.slideGallery ul.pager li.nav_2 a.current { background-position: -38px -114px;}
.slideGallery ul.pager li.nav_3 a.current { background-position: -76px -114px;}
.slideGallery ul.pager li.nav_4 a.current { background-position: -114px -114px;}
.slideGallery ul.pager li.nav_5 a.current { background-position: -152px -114px;}
.slideGallery ul.pager li.nav_6 a.current { background-position: -190px -114px;}
.slideGallery ul.pager li.nav_7 a.current { background-position: -228px -114px;}


/* ���߃G���A ---------- */
.noteArea { width: 900px; margin: 100px auto 0; padding: 18px 0 63px; color: #000; background: url(../image_common/note_bg.png) repeat-x; font-size: 10px; }
.noteArea ul.list { }
.noteArea ul.list li { padding: 2px 0;}
.noteArea ul.list li.star { color: #115305;}
.noteArea ul.list li.star2 { color: #ff8400;}
.noteArea ul.list li.bold { font-weight: bold; }
.noteArea ul.list li .underline { text-decoration: underline; }
.noteArea table td { padding: 2px 0; vertical-align: top;}
.noteArea table td.bullet { padding-right: 4px; white-space: nowrap;}
.noteArea table tr.strong td { font-weight: bold;}
.noteArea .em { margin: 10px 0;}
.noteArea .em table { background: #eff4f7;}
.noteArea .em table td { padding: 8px 4px 7px 0;}
.noteArea .em table td.bullet { padding-left: 8px;}

.noteArea ul.link { padding: 36px 0 20px 52px;}
.noteArea ul.link li { float: left; margin: 0 20px 0 0;}
.noteArea .underline { text-decoration: underline; }
.noteArea .bold { font-weight: bold; }



/* �X�y�V�����o�i�[ ---------- */
.specialBnrArea { width: 980px; margin: 70px auto 0; text-align: center; }
.specialBnr { }
.specialBnr a:hover { opacity: 0.7; filter: alpha(opacity=70); }

/* �R���e���c ---------- */
.section { overflow: hidden; width: 100%; }

.section .container { max-width: 1268px; margin: 0 auto; padding: 81px 0 0; }
.section .inner { position: relative; width: 980px; margin: 0 auto; z-index: 1; }
.section .inner .inner { padding: 0 40px; }
.section_h { position: relative; z-index: 1; }

.section_lead { position: relative; z-index: 1; margin: 70px 0 0; }
.section_lead_02 { margin: 0; }

.section_h + .section_lead,
.section_h + .section_inner .section_lead { margin: 52px 0 0; }

.section_sublead { font-size: 21px; margin: 30px 0 0 20px; }
.section_sublead_02 { font-size: 18px; margin: 20px 0 0; font-weight: bold; }
.section_sublead_03 { font-size: 18px; margin: 0; line-height: 1; }

.section_txt { position: relative; z-index: 1; margin: 20px 40px 0; }

.section_txt span,
.section_txt_02 span { font-size: 12px; display: block; margin: 4px 0 0; line-height: 1.82; }

span.option { font-size: 14px; font-weight: bold; line-height: 1.71; margin: 0; padding: 0 0 4px;}
span.option img { padding: 3px 5px; }
span.option br + img { padding: 6px 0 2px; }
.section_txt_02 span.txt10 { font-size: 10px; margin-top: 10px; }
.section_txt_02 { margin: 20px 0 0; padding: 0 2px; }
.section_txt_note { display: block; margin: 6px 0 0; font-size: 10px; }
.section_txt_note img { vertical-align: -3px; padding: 0 3px; }


.section_table { width: 900px; margin: 80px auto 0; }
.section_table_inner { display: table; width: 100%; position: relative; }
.section_table_txtArea,
.section_table_img { display: table-cell; }
.section_table_img { width: 450px; vertical-align: middle; }
.section_table_img_ex { display: block; width: 100%; margin: 20px 0 0; }
.section_table_txtArea { width: 100%; padding: 0 0 0 40px; vertical-align: middle; }
.section_table_txt { margin: 20px 0 0; }
.section_table_note { position: absolute; bottom: 0; left: 0; /*width: 450px;*/ font-size: 10px; line-height: 1.9; }
.section_table_btn { margin: 10px 0 0; }
.section_table_btn li { margin: 6px 0 0; }
.section_table_btn li:first-child { margin: 0; }
.section_table_btn_note { font-size: 10px; margin: 10px 0 0; }


.section_btn { margin: 30px 0 0; }
.section_btn_20 { margin: 20px 0 0; }
.section_btn.inner { width: 900px; margin: 30px 0 0; }
.section_btn_20.inner { width: 900px; margin: 20px 0 0; }
.section_btn_left { text-align: left; }
.section_btn_right { text-align: right; }
.section_btn_center { text-align: center; margin-top: 80px; }
.section_btn_row li { float: left; margin: 0 0 0 10px; }
.section_btn_row li:first-child { margin: 0; }
.section_btn_col li { margin: 20px 0 0; }
.section_btn_col li:first-child { margin: 0; }
.section_btn a:hover,
.section_btn_20 a:hover { opacity: 0.7; filter: alpha(opacity=70); }
p.btn_pdf{margin:10px 0;}
p.btn_pdf a{display: block;}
p.btn_pdf a:hover{ opacity: 0.7; filter: alpha(opacity=70); }

span.star { line-height: 1; color: #008100; }
span.star2 { line-height: 1; color: #ff8400; }
._ls { letter-spacing: -5px; }


/* �C���[�W�M�������[ */
.gallery_arw { position: absolute; z-index: 100; top: 50%; width: 56px; height: 56px; margin: -28px 0 0; background: url(../image_common/gallery_arw.png) 0 0 no-repeat; }
.gallery_arw:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }
.gallery_arw_prev { left: 0; background-position: 0 0; }
.gallery_arw_next { right: 0; background-position: -56px 0; }

.gallery_pager { margin: 0 0 0 -5px; }

.gallery_pager li { float: left; overflow: hidden; width: 28px; height: 28px; margin: 0 0 0 5px; text-indent: -9999px; background: url(../image_common/gallery_pager.png) no-repeat; }
.gallery_pager li:hover { cursor: pointer; }

.gallery_pager li.gallery_pager_01 { background-position: 0 0; }
.gallery_pager li.gallery_pager_02 { background-position: -33px 0; }
.gallery_pager li.gallery_pager_03 { background-position: -66px 0; }
.gallery_pager li.gallery_pager_04 { background-position: -99px 0; }
.gallery_pager li.gallery_pager_05 { background-position: -132px 0; }
.gallery_pager li.gallery_pager_06 { background-position: -165px 0; }

.gallery_pager li.gallery_pager_01:hover { background-position: 0 -30px; }
.gallery_pager li.gallery_pager_02:hover { background-position: -33px -30px; }
.gallery_pager li.gallery_pager_03:hover { background-position: -66px -30px; }
.gallery_pager li.gallery_pager_04:hover { background-position: -99px -30px; }
.gallery_pager li.gallery_pager_05:hover { background-position: -132px -30px; }
.gallery_pager li.gallery_pager_06:hover { background-position: -165px -30px; }

.gallery_pager li.gallery_pager_01.is-current { background-position: 0 -60px; }
.gallery_pager li.gallery_pager_02.is-current { background-position: -33px -60px; }
.gallery_pager li.gallery_pager_03.is-current { background-position: -66px -60px; }
.gallery_pager li.gallery_pager_04.is-current { background-position: -99px -60px; }
.gallery_pager li.gallery_pager_05.is-current { background-position: -132px -60px; }
.gallery_pager li.gallery_pager_06.is-current { background-position: -165px -60px; }


/* ���[�r�[�I�[�o�[���C */
#movieOverlay { position: absolute; z-index: 9999; top: 0; left: 0; display: none; width: 100%; }
#movieOverlay .movieOverlay_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; }
#movieOverlay .movieOverlay_close { position: absolute; top: -66px; right: 0; }
#movieOverlay .movieOverlay_close:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }
#movieOverlay .movieOverlay_inner { position: relative; left: 50%; display: none; width: 800px; height: 460px; margin: 0 0 0 -400px; }


/* �R�[�V���� */
.caution{
  text-align: right;
  font-size:11px;
  line-height:1.3;
}
.caution a{
  color:#ff0000 !important;
}
/* --------------------------------
	���������
-------------------------------- */

@media print {

}



/*201511 ua add*/

div.finish{
	background:#fafafa;
	padding:0.4em 0;
}

div.finish div{
	width:980px;
	margin:0 auto;
}



div.finish div p.finishcopy{
	float:left;
	width:50%;
	color:#C00;
	line-height:1.5;
	font-size:12px;
}

div.finish div ul{
	float:right;
	width:50%;
	font-size:12px;
	text-align:right;
	padding-top:0.3em;
}

div.finish div ul li{
	margin-bottom:0.1em;
}



div.communityArea ul li{
	margin-bottom:7px;
}


div.communityArea ul li a{
	display:block;
	width:223px;
	height:57px;
	position:relative;
}

div.communityArea ul li a span{
	position:absolute;
	width:130px;
	height:32px;
	font-size:10px;
	top:23px;
	left:88px;
}