@charset "shift_jis";

/* --------------------------------
file name : style.css
last update : Nov 28, 2011
-------------------------------- */

/* !init */
body,div,dl,dt,dd,ul,ul li,h1,h2,h3,h4,h5,h6,p,table,th,td {margin:0;padding:0;font-size:100%;}
body {width:100%;font-size:12px;line-height:1.5;/font-size:75%;}
ul {list-style:none;}
:active,:focus {outline-style:none;-moz-outline-style:none;}
img, a img {border:none;}
object, embed {vertical-align: top;}
table {border-collapse:collapse;}
*>/**/sup {vertical-align:text-top;line-height:1.1;}

/* !====== motor-lineup ====== */
.motor-lineup {width:100%;text-align:center;}
.motor-lineup-wrapper {width:900px;margin:0 auto;text-align:left;}
/* !clearfix */
.motor-lineup .row:after, .motor-lineup .columns:after, .motor-lineup
.section:after {clear:both;display:block;height:0.1px;visibility:hidden;font-size:0.1em;line-height:0;content:"\_000020";}
.motor-lineup .row, .motor-lineup .columns, .motor-lineup .section {/zoom: 1;}
/* !columns */
.motor-lineup .prepend {float:left;}
.motor-lineup .append {float:right;}
.motor-lineup .contents {overflow:hidden;}
.motor-lineup .center {text-align:center;}

/* !====== motor-lineup-header ====== */
.motor-lineup-header {
width: 100%;
margin:12px 0;
}
.motor-lineup-header .logo {
float: left;
width: 300px;
}
.motor-lineup-header .header-navi {
float: right;
width: 500px;
text-align: right;
}
.motor-lineup-header li {
display: inline;
padding: 0 0 0 12px;
}
.motor-lineup-header .header-navi a {
padding: 0 0 0 12px;
background: url(../image/mkr_square_arrow.gif) no-repeat 0 2px;
}
.motor-lineup-header .header-navi a:link,
.motor-lineup-header .header-navi a:visited {
color:#333;
text-decoration:none;
}

/* !====== motor-lineup-navi ====== */
.motor-lineup-navi {
overflow: hidden;
width: 900px;
height: 78px;
background: url(../image/bg_navigation.gif) no-repeat 0 0;
}
.motor-lineup-navi ul {
width: 900px;
padding: 22px 0 0 0;
}
.motor-lineup-navi li {
float: left;
width: 81px;
}
.motor-lineup-navi li.color {
	width: 85px !important;
}
.motor-lineup-navi li.color a {
	padding-left: 4px;
}

.motor-lineup-navi a {
display: block;
overflow: hidden;
width: 81px;
height: 44px;
border: none;
background-image: url(../image/navi.gif);
background-repeat: no-repeat;
font-size: 0;
line-height: 0;
text-decoration: none;
text-indent: -99999px;
}
.motor-lineup-navi .color a { background-position: 0 0; }
.motor-lineup-navi .photo a { background-position: -85px 0; }
.motor-lineup-navi .equip a { background-position: -166px 0; }
.motor-lineup-navi .spec a { background-position: -247px 0; }
.motor-lineup-navi .size a { background-position: -328px 0; }
.motor-lineup-navi .price a { background-position: -409px 0; }
.motor-lineup-navi .environment a { background-position: -490px 0;}
.motor-lineup-navi .security a { background-position: -571px 0; }
.motor-lineup-navi .access a { background-position: -652px 0; }
.motor-lineup-navi .gps a { background-position: -733px 0; }
.motor-lineup-navi .etc a { background-position: -814px 0; }

/* navigation [current&hover] */
.motor-lineup-navi a:hover,
.motor-lineup-navi a:active,
.color .motor-lineup-navi .color a,
.photo .motor-lineup-navi .photo a,
.equip .motor-lineup-navi .equip a,
.size .motor-lineup-navi .size a,
.spec .motor-lineup-navi .spec a,
.price .motor-lineup-navi .price a,
.environment .motor-lineup-navi .environment a,
.security .motor-lineup-navi .security a,
.access .motor-lineup-navi .access a,
.gps .motor-lineup-navi .gps a,
.etc .motor-lineup-navi .etc a {
background: none;
}
/* !====== motor-lineup-document ====== */
.motor-lineup-document {
padding: 0 0 10px 0;
text-align: center;
}
.motor-lineup-document .ttl-main {
margin: 10px 0 12px;
}
.motor-lineup-document .editable {
width: 852px;
margin: 0 auto;
}
.supplemental-notes {
width: 318px;
text-align: left;
}
.supplemental-notes ul {
padding: 0 0 12px 0;
}
.supplemental-notes li {
padding: 0 0 0 0.8em;
text-indent: -0.8em;
}
.subtitle {
margin:0 0 8px;
padding:3px 10px;
}
/* !====== motor-lineup-footer ====== */
.motor-lineup-footer {
margin: 20px 0 10px 0;
line-height: 1.9;
}
.motor-lineup-footer li {
display: inline;
padding: 0 0 0 20px;
}
.motor-lineup-footer a {
padding: 0 0 0 11px;
background-repeat: no-repeat;
background-position: 0 4px;
}
/* !====== home ====== */
.home .motor-lineup-document h2 {
padding: 8px 0 0;
}
.home .motor-lineup-document .first {
padding: 0;
}
.home .primary {
width: 615px;
}
.home .secondary {
width: 270px;
}
.home .single {
width: 300px;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
.home .buttons li {
display: block;
margin: 5px 0 0;
/zoom: 1;
}
.home .buttons img {
display: block;
margin: 0 auto;
}
.home .href {
padding: 3px 0;
}
.home .href li {
padding: 5px 10px;
line-height: 1.5;
text-align: left;
}
.home .href .button {
padding: 1px 0;
text-align: center;
border: none;
}
.home .href li.button {
padding: 2px 0;
}
.home .href h3 a,
.home .href .nlink,
.home .href .section,
.home .secondary a,
.home .support a {
display: block;
padding: 0 0 0 12px;
}
.home .href .section {
text-align: left;
}
.home .secondary .href a {
padding-bottom: 6px;
}
.home .href .button a {
padding: 3px 0;
}
.home .mobile .section {
padding: 10px 0 0 12px;
}
.home .mobile img.prepend {
padding: 0 10px 0 0;
}
.home .single-columns {
margin: 6px 0 0;

overflow: hidden;
background: url(../../image/bg_support_body.jpg) repeat-y 0 0;
}
.home .single-columns .wrap {
overflow:hidden;
background: url(../../image/bg_support_foot.jpg) no-repeat 0 100%;
}
.getflash {
padding: 12px 0 0;
text-align: left;
}


/* !====== type color ====== */
.lineup {
width: 852px;
margin: 0 auto;
text-align: left;
}
.lineup .title {
margin: 12px 0 0 0;
}
.lineup .colors {
overflow: hidden;
width: 849px;
}
.lineup .row {
width: 864px;
padding: 10px 0 0;
}
.lineup .row li {
display: table-cell;
float: left;
width: 273px;
padding: 0 15px 0 0;
}


/* !====== photo ====== */
.photo-library {
width: 864px;
margin: 0 auto;
padding: 0 0 0 15px;
/margin: 0 0 0 14px;
/padding: 0;
}
.photo-library li {
float: left;
width: 273px;
margin: 15px 15px 0 0;
}
.photo-library li a {
display: block;
width: 272px;
}
.gallery {
width: 700px;
margin: 24px auto 0;
background: #333333;
}
.gallery dd {
padding: 3px 10px;
}
.gallery dd p {
color: #f1f1f1;
text-align: left;
}
.gallery .pager .next {
float: right;
width: 48%;
text-align: right;
}
.gallery .pager .prev {
float: left;
width: 48%;
text-align: left;
}


/* !====== equip ====== */
.toc {
width: 292px;
background: url(../../equip/image/bg_summary.jpg);
}
.toc li {
display: block;
padding: 5px 15px 0;
text-align: left;
}
.equipments {
width: 542px;
}
.equipments ul {
width: 543px;
}
.equipments li {
float: left;
width: 181px;
padding: 0 0 1px 0;
/display: inline;
}
.equipments a img {
display: block;
}
/* !====== equip [individual] ====== */
.indiv-equip {
float: right;
width: 660px;
text-align: left;
}
.indiv-equip .subtitle {
margin: 14px 0 0 0;
}
.indiv-equip .text {
float: right;
width: 280px;
}
.indiv-equip .text p {
padding: 1em 0;
}
.indiv-equip .photo {
overflow: hidden;
}
.indiv-equip .photo p {
padding: 12px 0 0 0;
}
.indiv-equip .photo img {
display: block;
}
.nav-equip {
float: left;
width: 160px;
padding: 4px 0 0;
text-align: left;
}
.nav-equip h2 {
margin: 0 0 3px;
padding: 9px 0 2px;
}
.nav-equip h2.first-child {
padding: 0 0 2px;
border: none;
}
.nav-equip li {
width: 156px;
display: block;
margin: 1px 0 3px;
padding: 2px 0;
}
.nav-equip li a {
display: block;
padding: 0 0 0 24px;
background: url(../image/mkr_arrow.gif) no-repeat 0 -1px;
}
/* !====== spec ====== */
.spec .editable th {
text-align: left;
}
/* !====== price ====== */
.price-list {
width: 852px;
margin: 0 auto;
padding: 15px 0;
border-bottom: 1px solid #cccccc;
}
.price-list .photo {
width: 282px;
text-align: left;
}
.price-list .property {
padding: 10px;
background: #eeeeee;
text-align: left;
}
.price-list .property h2 {
font-size: 1.2em;
line-height: 1.5;
}
.price-list .property strong {
font-size: 1.2em;
line-height: 1.5;
}
.price-list .property .append {
width: 122px;
}
.price-list .append img {
margin: 5px;
}
.price .supplemental-notes {
width: 852px;
margin: 20px auto 0;
}
.recycle {
width: 852px;
margin: 0 auto;
}
.recycle .prepend {
width: 90px;
text-align: left;
}
.recycle ul {
text-align: left;
}
/* !====== security ====== */
.security .editable th {
text-align: left;
}
.honda-access {
padding: 0 0 8px;
text-align: right;
}


/* !modalbox */
html,body{
margin: 0;
padding: 0;
height: 100%;
position: relative;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.45;
filter: alpha(opacity=40);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
z-index: 0;
}
#modalBox {
position: fixed;
top: 50%;
left: 0;
width: 100%;
height: 370px;
margin: -185px 0 0 0;
text-align: center;
z-index: 1000000;
}
#modalBox .inner {
position: relative;
width: 420px;
height: 370px;
margin: 0 auto;
text-align: left;
}
#modalBox ul.columns li {
list-style: none;
}
#modalBox ul.columns .select {
float: left;
width: 420px;
}
#modalBox ul.columns .arr {
float: right;
width: 420px;
}
#modalBox ul.columns .photo {
position: relative;
padding: 5px 5px 35px;
text-align: center;
}
#modalBox ul.columns .arr .photo {
height: 330px;
/height: 368px;
}
#modalBox .buttons {
position: absolute;
right: 5px;
bottom: 5px;
width: 410px;
height: 12px;
/bottom: 10px;
}
#modalBox .buttons .left {
float: left;
width: 40%;
height: 12px;
}
#modalBox .buttons .right {
float: right;
width: 40%;
text-align: right;
/padding: 4px 0 0 0;
}
#modalBox .color-lineup {
position: absolute;
top: 5px;
right: 5px;
/right: 0;
/left: 5px;
}
#modalBox img,
#modalBox a img {
border: none;
vertical-align: top;
}

/* !VFR theater */
.VFR-theater {
width: 100%;
margin: 6px 0 2px 0;
background: #000000;
text-align: center;
}
.VFR-wrapper {
width: 900px;
margin: 0 auto;
}
#theater {
width: 900px;
height: 514px;
}

/* !VFR impression */
.VFR-impression {
width: 100%;
margin: 6px 0 2px 0;
background: #000000;
text-align: center;
}
.VFR-wrapper {
width: 900px;
margin: 0 auto;
}
#impression {
width: 900px;
height: 660px;
}

/* !====== typography ====== */
/* !basic font-family */
.motor-lineup {font-family:"Lucida Grande","Verdana",sans-serif;font-size:12px;line-height:1.5;}

/* !basic font-color */
.motor-lineup a:link {color:#ffffff;}
.motor-lineup a:visited {color:#ffffff;}
.motor-lineup a:hover, .motor-lineup a:active {color:#ffffff;}

.motor-lineup .accessibility,
.motor-lineup .accessibility * {display:block;overflow:hidden;width:0;height:0;border:0;font-size:0;line-height:0;text-decoration:none;text-indent:-99999px;}
.motor-lineup .attention {color:#0062e0;}

/* !basic font-size */


/* !basic alingment */
.motor-lineup .push {text-align:left;}
.motor-lineup .pull {text-align:right;}
.motor-lineup .pickup {text-align:center;}

/* !table cell alingment */
.motor-lineup th, .motor-lineup td {font-weight:normal;vertical-align:middle;text-align:center;}
.motor-lineup thead th, .motor-lineup thead td {padding:4px 5px;border:1px solid #414141;background:#eeeeee;text-align:center;}
.motor-lineup tbody th, .motor-lineup tbody td {padding:4px 5px;border:1px solid #414141;background:#eeeeee;}
.motor-lineup caption {text-align:left;}
.motor-lineup th p, .motor-lineup td p, .motor-lineup td ul {text-align:left;}
.motor-lineup .numeric,.motor-lineup .notes,.motor-lineup .more {text-align:right;}
.motor-lineup .boolean {text-align:center;}
.motor-lineup th .attention,.motor-lineup td .attention {font-weight: normal;}
.motor-lineup .more {
padding: 6px 0 0 0;
}
.more a {
padding: 0 0 0 12px;
background: url(../image/mkr_square_arrow.gif) no-repeat 0 0.3em;
}

/* !styles */


/* !motor-lineup-footer */
.motor-lineup-footer {background: #031633;clear:both;}
.motor-lineup-footer a {background-image: url(../image/mkr_arrow_gray.gif);}

/* !subtitle */
.subtitle {
color: #ffffff;
background: #000000;
text-align: left;
}

/* home */
.home .motor-lineup-document {background: url(../../image/bg_document.jpg) repeat-y 0 0;}
.motor-lineup-document a:link, .motor-lineup-document a:visited {color: #0033cc;text-decoration:none;}
.motor-lineup-document a:hover, .motor-lineup-document a:active {color: #0000cc;text-decoration:underline;}
.home .secondary a:link, .home .secondary a:visited {color:#fff;text-decoration:none;}
.home .secondary a:hover, .home .secondary a:active {color: #0066ff;}
.home .primary .href h3 a {background: url(../image/mkr_arrow_red.gif) no-repeat 0 0.4em;}
.home .secondary .href a {border-bottom:1px solid #110006;background: url(../image/mkr_arrow_purple.gif) no-repeat 0 0.4em;}
.home .secondary .href h3 a {border-bottom:1px solid #110006;background: url(../image/mkr_arrow_purple.gif) no-repeat 0 0.4em;}
.home .primary .nlink {background: url(../image/mkr_arrow_red.gif) no-repeat 0 0.4em;}
.home .primary .support a {background: url(../image/mkr_arrow_red.gif) no-repeat 0 0.4em;}
.home .secondary .href .button a {border-bottom:none;}
.home .href .button a {background: none;}
.home .caption {font-size:12px;}


/* !photo */
.photo-detail dd {color:#ffffff;background:#000000;}
/* !equip */
.toc a {
color:#ffffff;
font-weight: bold;
text-decoration: none;
}
.toc a:hover,
.toc a:active {
color:#c0000;
}
.nav-equip h2 {
border-top: 1px solid #e1e1e1;
color: #4f4f4f;
}

/* !modalbox */
#overlay {background: #000000;}
#modalBox ul.columns li,
#modalBox ul.columns .arr,
#modalBox ul.columns .photo,
#modalBox ul.columns .arr .photo,
#modalBox .buttons,
#modalBox .buttons .left,
#modalBox .buttons .right,
#modalBox .color-lineup {background: #282828;}


/* theater */
.vfr-theater {
width: 100%;
margin: 0 0 2px 0;
background: #000000;
text-align: center;
}
.vfr-wrapper {
width: 900px;
margin: 0 auto;
}
#theater {
width: 900px;
height: 514px;
}


/* spacing */
.pt0,.pv0,.pa0{padding-top:0px !important;}
.pt5,.pv5,.pa5{padding-top:5px !important;}
.pt10,.pv10,.pa10{padding-top:10px !important;}
.pt15,.pv15,.pa15{padding-top:15px !important;}
.pt20,.pv20,.pa20{padding-top:20px !important;}
.pt25,.pv25,.pa25{padding-top:25px !important;}
.pt30,.pv30,.pa30{padding-top:30px !important;}
.pt35,.pv35,.pa35{padding-top:35px !important;}
.pt40,.pv40,.pa40{padding-top:40px !important;}

.pr0,.ph0,.pa0{padding-right:0px !important;}
.pr5,.ph5,.pa5{padding-right:5px !important;}
.pr10,.ph10,.pa10{padding-right:10px !important;}
.pr15,.ph15,.pa15{padding-right:15px !important;}
.pr20,.ph20,.pa20{padding-right:20px !important;}
.pr25,.ph25,.pa25{padding-right:25px !important;}
.pr30,.ph30,.pa30{padding-right:30px !important;}
.pr35,.ph35,.pa35{padding-right:35px !important;}
.pr40,.ph40,.pa40{padding-right:40px !important;}

.pb0,.pv0,.pa0{padding-bottom:0px !important;}
.pb5,.pv5,.pa5{padding-bottom:5px !important;}
.pb10,.pv10,.pa10{padding-bottom:10px !important;}
.pb15,.pv15,.pa15{padding-bottom:15px !important;}
.pb20,.pv20,.pa20{padding-bottom:20px !important;}
.pb25,.pv25,.pa25{padding-bottom:25px !important;}
.pb30,.pv30,.pa30{padding-bottom:30px !important;}
.pb35,.pv35,.pa35{padding-bottom:35px !important;}
.pb40,.pv40,.pa40{padding-bottom:40px !important;}
.pb260{padding-bottom:260px !important;}

.pl0,.ph0,.pa0{padding-left:0px !important;}
.pl5,.ph5,.pa5{padding-left:5px !important;}
.pl10,.ph10,.pa10{padding-left:10px !important;}
.pl15,.ph15,.pa15{padding-left:15px !important;}
.pl20,.ph20,.pa20{padding-left:20px !important;}
.pl25,.ph25,.pa25{padding-left:25px !important;}
.pl30,.ph30,.pa30{padding-left:30px !important;}
.pl35,.ph35,.pa35{padding-left:35px !important;}
.pl40,.ph40,.pa40{padding-left:40px !important;}

.mt0,.mv0,.ma0{margin-top:0px !important;}
.mt5,.mv5,.ma5{margin-top:5px !important;}
.mt10,.mv10,.ma10{margin-top:10px !important;}
.mt15,.mv15,.ma15{margin-top:15px !important;}
.mt20,.mv20,.ma20{margin-top:20px !important;}
.mt25,.mv25,.ma25{margin-top:25px !important;}
.mt30,.mv30,.ma30{margin-top:30px !important;}
.mt35,.mv35,.ma35{margin-top:35px !important;}
.mt40,.mv40,.ma40{margin-top:40px !important;}

.mr0,.mh0,.ma0{margin-right:0px !important;}
.mr5,.mh5,.ma5{margin-right:5px !important;}
.mr10,.mh10,.ma10{margin-right:10px !important;}
.mr15,.mh15,.ma15{margin-right:15px !important;}
.mr20,.mh20,.ma20{margin-right:20px !important;}
.mr25,.mh25,.ma25{margin-right:25px !important;}
.mr30,.mh30,.ma30{margin-right:30px !important;}
.mr35,.mh35,.ma35{margin-right:35px !important;}
.mr40,.mh40,.ma40{margin-right:40px !important;}

.mb0,.mv0,.ma0{margin-bottom:0px !important;}
.mb5,.mv5,.ma5{margin-bottom:5px !important;}
.mb10,.mv10,.ma10{margin-bottom:10px !important;}
.mb15,.mv15,.ma15{margin-bottom:15px !important;}
.mb20,.mv20,.ma20{margin-bottom:20px !important;}
.mb25,.mv25,.ma25{margin-bottom:25px !important;}
.mb30,.mv30,.ma30{margin-bottom:30px !important;}
.mb35,.mv35,.ma35{margin-bottom:35px !important;}
.mb40,.mv40,.ma40{margin-bottom:40px !important;}

.ml0,.mh0,.ma0{margin-left:0px !important;}
.ml5,.mh5,.ma5{margin-left:5px !important;}
.ml10,.mh10,.ma10{margin-left:10px !important;}
.ml15,.mh15,.ma15{margin-left:15px !important;}
.ml20,.mh20,.ma20{margin-left:20px !important;}
.ml25,.mh25,.ma25{margin-left:25px !important;}
.ml30,.mh30,.ma30{margin-left:30px !important;}
.ml35,.mh35,.ma35{margin-left:35px !important;}
.ml40,.mh40,.ma40{margin-left:40px !important;}

.getflash a:link,
.getflash a:visited {
color:#000099;
text-decoration:none;
}