@charset "UTF-8";



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



/* --------------------------------
	装備・オプション - オーバーレイ
-------------------------------- */

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

html { overflow-y: auto;}
#ghcontainer,#footer { display: none;}

ul.nav li { font-size: 1px; text-indent: -9999px;}
ul.nav li a#skybox_prev { outline: none; position: absolute; top: 188px; left: 8px; display:block; width:44px; height:44px; background:url(../../../../common/lib/skybox/btn_prev.png) no-repeat; overflow:hidden; }
ul.nav li a#skybox_prev:hover { opacity: 0.7; }
ul.nav li a#skybox_next { outline: none; position: absolute; top: 188px; right: 8px; display:block; width:44px; height:44px; background:url(../../../../common/lib/skybox/btn_next.png) no-repeat; overflow:hidden; }
ul.nav li a#skybox_next:hover { opacity: 0.7; }

.article sup { vertical-align: top; font-size: 80%;}
.article .txt12 { line-height: 1.5;}

.article .wrap { width: 760px; padding: 30px 0 0 60px;}
.article .wrap .content { float: right; position: relative; width: 360px; min-height: 273px; height: auto !important; height: 273px;}
.article .wrap .content h3 { padding: 25px 0 0;}
.article .wrap .content h4 { padding: 20px 0 0; font-weight: bold; line-height: 1.43;}
.article .wrap .content p.desc { line-height: 1.57;}
.article .wrap .content p.note { line-height: 1.4; padding: 10px 0 0;}
.article .wrap .content p.option { margin: 6px 0 0;}
.article .wrap .content p.option span { display: inline-block; color: #fff; background: #8a8a8a; margin: 0 0 2px; padding: 2px 4px;}
.article .wrap .content p.link { padding: 13px 0 0;}
.article .wrap .content ul.note { padding: 10px 0 0;}
.article .wrap .content ul.note li { padding: 8px 0 0; line-height: 1.3;}
.article .wrap .content p.caption { position: absolute; bottom: 0; left: 0; line-height: 1.3;}

.article .wrap p.img { float: left; width: 379px; padding: 0 0 19px;}

.article .type { width: 760px; margin: 0 0 0 60px; padding: 6px 0 0; border-top: 1px solid #e5e5e5;}
.article .type ul { padding: 6px 0 0;}
.article .type ul li { float: left;}
.article .type p.note { padding: 4px 0 0; text-align: right;}


/* 06 */
#overlay_06 .wrap .content h3 { padding: 0;}

/* 10 */
.plasma { margin-bottom:20px; }

/* 15 */
#overlay_15 .wrap .content h3 { padding: 6px 0 0;}

/* 16 */
#overlay_16 .wrap .content h3 { padding: 3px 0 0;}
#overlay_16 .wrap { padding-bottom: 13px;}
#overlay_16 .wrap p.img { padding: 0;}
#overlay_16 .wrap .content p.link {	float: left; padding: 13px 0 0 0;}

.article .wrap_02 { width: 760px; padding: 30px 0 0 60px;}
.article .wrap_02 .block_01 { float: left; width: 369px;}
.article .wrap_02 .block_02 { float: right; width: 369px;}
.article .wrap_02 .block .content { float: right; width: 176px;}
.article .wrap_02 .block .content h5 { font-weight: bold; line-height: 1.21;}
.article .wrap_02 .block_01 .content h5 { white-space: nowrap;}
.article .wrap_02 .block .content p.desc { padding: 6px 0 0;}
.article .wrap_02 .block p.img { float: left; width: 180px;}
.article .detail { width: 760px; padding: 0 0 0 60px;}
.article .detail dl { padding: 4px 0 0; font-size: 11px;}
.article .detail dl dt { float: left; padding: 0 5px 0 0; font-weight: bold;}
.article .detail p.note { padding: 6px 0 0;}
.article .footNote { width: 760px; padding: 6px 0 9px 60px; line-height: 1.4;}

.article ul.pager { position: absolute; bottom: 25px; right: 54px;}
.article ul.pager li { float: left; width: 27px; height: 27px; margin: 0 6px 0 0;}
.article ul.pager li a { outline: none; display: block; height: 27px; font-size: 1px; text-indent: -9999px; background: url(../../../../common/image_common/gallery_pager.png) no-repeat;}
.article ul.pager li.nav_2 a { background-position: -33px 0;}

.article ul.pager li.nav_1 a:hover { background-position: 0 -27px;}
.article ul.pager li.nav_2 a:hover { background-position: -33px -27px;}

.article ul.pager li.nav_1 a.current { background-position: 0 -81px;}
.article ul.pager li.nav_2 a.current { background-position: -33px -81px;}