@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.6;/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;background: #ffffff; background:url("../image/bg-vt750s.png") repeat-x scroll 0 0 #ffffff;}
.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;}


.home-banner {padding-top: 8px;}

/* !====== motor-lineup-header ====== */
.motor-lineup-header {
width: 100%;
padding: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: 66px;
background: url(../image/bg_navigation.gif) no-repeat 0 0;
}
.motor-lineup-navi ul {
width: 900px;
padding: 23px 0 0 0;
}
.motor-lineup-navi li {
float: left;
width: 75px;
}
.motor-lineup-navi a {
display: block;
overflow: hidden;
width: 75px;
height: 43px;
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: -75px 0; }
.motor-lineup-navi .equip a { background-position: -150px 0; }
.motor-lineup-navi .spec a { background-position: -225px 0; }
.motor-lineup-navi .size a { background-position: -300px 0; }
.motor-lineup-navi .price a { background-position: -375px 0; }
.motor-lineup-navi .environment a { background-position: -450px 0;}
.motor-lineup-navi .security a { background-position: -525px 0; }
.motor-lineup-navi .access a { background-position: -600px 0; }
.motor-lineup-navi .customize a { background-position: -675px 0; }
.motor-lineup-navi .navi a { background-position: -750px 0; }
.motor-lineup-navi .etc a { background-position: -825px 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,
.access .motor-lineup-navi .customize a,
.access .motor-lineup-navi .navi a,
.access .motor-lineup-navi .etc a {
background: none;
}
/* !====== motor-lineup-document ====== */
.motor-lineup-document {
padding: 0 0 10px 0;
background: #fff;
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 {
padding: 12px 0;
background: #f4f4f4;
}
.home-index {
width:873px;
margin: 0 auto 12px;
background: url(../../image/bg_document.gif) repeat-y 0 0;
}
.home-index .wrap {
background: url(../../image/bg_document_footer.gif) no-repeat 0 100%;
}
.home .href {
text-align:left;
}
.home .href li {
display:block;
text-align:left;
/display:inline;
/zoom:1;
}
.home .regular .href li {
padding:5px 11px 2px;
border-top:1px solid #adadad;
}
.home .regular .href .first-child {
border-top:none;
}
.home .href a {
display:block;
padding: 0 0 0 18px;
background: url(../image/mkr_square_arrow.gif) no-repeat 0 .3em;
/display:inline;
/zoom:1;
}
.home .href h3 strong {
display:block;
padding: 0 0 0 18px;
background: url(../image/mkr_square.gif) no-repeat 0 .3em;
/display:inline;
/zoom:1;
}

.home .href .button {
padding:6px 1px;
text-align:center;
}
.home .href .button p {
padding:0 0 6px;
}
.home .href .button a {
padding:0;
background:none;
}
.home .primary p.href {
padding:5px 9px 2px;
text-align:left;
}
.home .primary {
width: 425px;
}
.home .secondary {
width: 212px;
margin:0 12px 0 0;
}
.riders-voice,
.mobile,
.primary .section {
padding: 8px 11px;
text-align:left;
}
.mobile .prepend {
padding:0 8px 0 0;
}
.mobile .description {
overflow: hidden;
text-align: left;
}
.related p {
padding:3px 0;
}
.related img {
display:block;
}

.get-flash {
font-size: 12px;
}



/* !====== 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;
}
.row .property {
margin-top: 10px;
}



/* !====== 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;
padding: 0 20px 0 0;
}
.indiv-equip .subtitle {
margin: 14px 0 0 0;
}
.indiv-equip .text {
float: right;
width: 270px;
}
.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 20px;
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 2px;
}
/* !====== 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: #ffffff;
text-align: left;
}
.price-list .property h2 {
font-size: 1.2em;
line-height: 1.6;
}
.price-list .property strong {
font-size: 1.2em;
line-height: 1.6;
}
.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;
}

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

/* !====== typography ====== */
/* !basic font-family */
.motor-lineup {font-family:"Lucida Grande","Verdana",sans-serif;}

/* !basic font-color */
.motor-lineup a:link {color:#0058c4;}
.motor-lineup a:visited {color:#0058c4;}
.motor-lineup a:hover, .motor-lineup a:active {color:#0058c4;}
.home .motor-lineup-document a:link,.home .motor-lineup-document a:visited {color:#000;text-decoration:none;}
.home .motor-lineup-document a:hover,.home .motor-lineup-document a:active {text-decoration:underline;}
.home .get-flash a:link,.home .home .get-flash a:visited {color:#ff8a00;text-decoration:underline;}
.home .get-flash a:hover,.home .home .get-flash a:active {color:#ff8a00;text-decoration:none;}

.motor-lineup-footer a:link {color:#ffffff;}
.motor-lineup-footer a:visited {color:#ffffff;}
.motor-lineup-footer 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 */
.small {font-size:smaller;}

/* !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:#ffffff;text-align:center;}
.motor-lineup tbody th, .motor-lineup tbody td {padding:4px 5px;border:1px solid #414141;background:#ffffff;}
.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: #000000;clear:both;}
.motor-lineup-footer a {background-image: url(../image/mkr_arrow_gray.gif);}

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


/* !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;}