@charset "UTF-8";
/*      // 日本語 UTF-8N LF
//---------------------------------------------------------
// CSS
// サイト内スタイル
//---------------------------------------------------------*/
/*---------------------------------------------------------
// TAG
//---------------------------------------------------------*/
body * {
    font-size: 12px;
    font-family: Verdana, sans-serif;
/*  z-index: 10; */
/*  behavior: url("/pc/css/csshover3.htc"); */ /* IE7（遅い） */
}
a {
    text-decoration: none;
}
form {
/*  display:inline;  */
}
table {
    empty-cells: show;
}
img {
    border-style: solid;
    border-width: 0px;
    border-spacing: 0px;
/*  behavior: url(/pc/css/iepngfix/iepngfix.htc); */ /* IE5.5+ 透過PNG対策 (遅い) */
}
/*---------------------------------------------------------
// CLASS
//---------------------------------------------------------*/
.wordBreak {
/*  word-break:break-all; */ /* W3C css not valid */
}
.nowrap {
    white-space: nowrap;
}
.bold {
    font-weight: bold;
}
.vmid {
    vertical-align: middle;
}
.vtop {
    vertical-align: top;
}
.vbtm {
    vertical-align: bottom;
}
.vbase {
    vertical-align: baseline;
}
.vtt {
    vertical-align: text-top;
}
.vtb {
    vertical-align: text-bottom;
}
.strw04 {
    width: 40px;
    padding: 0px 2px;
}
.strw08 {
    width: 80px;
    padding: 0px 2px;
}
.strw20 {
    width: 200px;
    padding: 0px 2px;
}
.strw40 {
    width: 400px;
    padding: 0px 2px;
}
.gradientB {
    background-color:#EEF;
    border:1px solid #36C;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffCCCCFF');
}
.gradientB:hover {
    border:1px solid #69F;
}
.gradientR {
    background-color:#FEE;
    border:1px solid #C36;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffFFCCCC');
}
.gradientR:hover {
    border:1px solid #F69;
}
.gradientG {
    background-color:#EFE;
    border:1px solid #3C6;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffCCFFCC');
}
.gradientG:hover {
    border:1px solid #6F9;
}
.gradientS {
    background-color:#EEE;
    border:1px solid #999;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffCCCCCC');
}
.gradientS:hover {
    border:1px solid #CCC;
}
.p4 {
    padding: 4px;
}
.p8 {
    padding: 12px;
}
.m4 {
    margin: 4px;
}
.m8 {
    margin: 8px;
}
.mt12 {
    margin-top: 12px;
}
.mt24 {
    margin-top: 24px;
}
.lightButton {
}
.lightButton .src1 {
    display: none;
}
.lightButton .src2 {
    display: none;
}
.lightButton .src3 {
    display: none;
}
.onMouseChange .src1 {
    display: none;
}
.onMouseChange .src2 {
    display: none;
}
.onMouseChange .src3 {
    display: none;
}
/*---------------------------------------------------------
// Media Type
//---------------------------------------------------------*/
@media print {
    .screenOnly {
        visibility:hidden;
    }
    .printOnly {
        visibility:visible;
    }
}
@media screen {
    .screenOnly {
        visibility:visible;
    }
    .printOnly {
        visibility:hidden;
    }
}
/*---------------------------------------------------------
// サイトカラー
//---------------------------------------------------------*/
body {
    background-color: #000;
}
.red {
    color: #F33;
}
.pink {
    color: #F3C;
}
.white {
    color: #FFF;
}
a {
    color: #33F;
    text-decoration: none;
}
a:hover {
    color: #D7D;
}
.hissu {
    font-size: 0.7em;
    font-weight:bold;
    color: #000;
    background-color: #F99;
    padding: 0px 4px;
    margin-right: 4px;
}
/*
.light:hover {
    background-color: #FFF;
}
*/
.background-color-blue {
    background-color: #2B25A3;
}
.background-color-white {
    background-color: #FFFFFF;
}
.background-color-black {
    background-color: #000000;
}
/*---------------------------------------------------------
// コンテナ
//---------------------------------------------------------*/
#page {
    visibility: visible;
    padding: 0px;
}
#containerMain {
    position: relative;
    text-align: left;
}
#containerTop {
    position: relative;
    xbackground-color:#FFC;
}
#containerMiddle {
    position: relative;
    background-color:#FFF;
}
#containerBottom {
    position: relative;
    background-color:#CCF;
}
.lightLink {
    position: absolute;
    top: 0px;
    left: 0px;
}
.lightLink .base {
    position: absolute;
    top: 0px;
    left: 0px;
}
.lightLink .mask {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}
/*---------------------------------------------------------
// ヘッダ
//---------------------------------------------------------*/
#pageHeader {
    xbackground-color: #CFF;
}
#pageHeader #topMenu #title {
    position: absolute;
    top: 90px;
    left: 38px;
    width: 440px;
    height: 40px;
}
#pageHeader #shopMenu {
    width: 980px;
    height: 86px;
}
#pageHeader #pageMenu {
    width: 980px;
    height: 100px;
}
#pageHeader #pageMenu #title {
    position: absolute;
    top: 44px;
    left: 68px;
}
#pageHeader #pageMenu #titleLogo1 {
    position: absolute;
    top: 0px;
    left: 0px;
}
#pageHeader #pageMenu #titleLogo2 {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}
#pageHeader #menuBar {
    position: absolute;
    top: 0px;
    left: 42px;
}
#pageHeader #menuBar img {
    position: absolute;
    top: 0px;
    left: 0px;
}
#pageHeader #menuBar .lightButton {
    position: absolute;
    top: 0px;
    height: 37px;
    overflow: hidden;
}
#pageHeader #menuBar .lightButton .button {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}
#pageHeader #menuBar .lightButton .mask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 37px;
}
#pageHeader #menuBar #menu1         {   left:    0px; width:  79px; }
#pageHeader #menuBar #menu1 .button {   left:   -0px; }
#pageHeader #menuBar #menu2         {   left:   81px; width: 105px; }
#pageHeader #menuBar #menu2 .button {   left:  -81px; }
#pageHeader #menuBar #menu3         {   left:  188px; width: 110px; }
#pageHeader #menuBar #menu3 .button {   left: -188px; }
#pageHeader #menuBar #menu4         {   left:  300px; width:  76px; }
#pageHeader #menuBar #menu4 .button {   left: -300px; }
#pageHeader #menuBar #menu5         {   left:  378px; width:  93px; }
#pageHeader #menuBar #menu5 .button {   left: -378px; }
#pageHeader #menuBar #menu6         {   left:  473px; width: 121px; }
#pageHeader #menuBar #menu6 .button {   left: -473px; }
#pageHeader #menuBar #menu7         {   left:  596px; width: 101px; }
#pageHeader #menuBar #menu7 .button {   left: -596px; }
#pageHeader #menuBar #menu8         {   left:  699px; width: 110px; }
#pageHeader #menuBar #menu8 .button {   left: -699px; }
#pageHeader #menuBar #menu9         {   left:  811px; width:  85px; }
#pageHeader #menuBar #menu9 .button {   left: -811px; }
/*---------------------------------------------------------
// 回転メニュー
//---------------------------------------------------------*/
.index #roundMenu {
    position: absolute; /* relative */
    top: 172px;
    left: 0px;
    width: 980px;
    height: 340px;
    xbackground-color: #24A;
    margin: 0px auto;
/*  overflow: hidden; */
}
.index #roundMenu .menu {
    position: absolute;
    width: 460px;
    height: 288px;
}
.index #roundMenu .menu img {
    width: 460px;
    height: 288px;
}
.index #roundMenu #setting {
    position: absolute;
    top: -168px;
    left: 4px;
    margin: 0px auto;
    display: none;
    color: white;
    background-color: #24A;
    padding: 4px;
}
.index #roundMenu #setting input[type="text"] {
    width: 40px;
    margin-right: 4px;
}
.index #roundMenu #menuMoveLeft {
    position: absolute;
    top: 302px;
    left: 430px;    /* 490 - 40 - 30 */
}
.index #roundMenu #menuMoveRight {
    position: absolute;
    top: 302px;
    left: 520px;    /* 490 + 40 */
}
/*---------------------------------------------------------
// フッタ
//---------------------------------------------------------*/
#pageFooter {
    position: relative;
    width: 980px;
    height: 100px;
    xbackground-color: #FCC;
}
#pageFooter img {
    position: absolute;
    top: 0px;
    left: 0px;
}
#pageFooter * {
    color: #567;
    font-size: 11px;
}
#pageFooter .menu {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 596px;
    xbackground-color: #FCC;
}
#pageFooter .menu a {
}
#pageFooter .menu a:hover {
    color: #88F;
}
#pageFooter .menu1 {
    position: relative;
    margin-bottom: 4px;
}
#pageFooter .menu2 {
    position: relative;
    margin-bottom: 4px;
}
#pageFooter .copyright {
    position: absolute;
    top: 48px;
    left: 20px;
}
#pageFooter .copyright a {
    color: #55F;
    font-size: 11px;
}
#pageFooter .copyright a:hover {
    color: #88F;
}
#pageFooter .contact {
    position: absolute;
    top: 8px;
    right: 16px;
    color: #036;
    font-size: 13px;
    font-weight: bold;
}
#pageFooter .contact a {
    font-size: 13px;
    font-weight: bold;
    color: #55F;
}
#pageFooter .contact a:hover {
    color: #036;
    color: #88F;
}
#pageFooter .staffBlog {
    position: absolute;
    top: 45px;
    right: 16px;
    width: 320px;
    height: 20px;
    xbackground-color:#FFC;
}
#pageFooter .staffBlog .linkText {
    position: absolute;
    top: 4px;
    left: 14px;
    font-size: 10px;
    font-weight: bold;
    color: #059;
}
#pageFooter .staffBlog .button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 116px;
    height: 19px;
}
/*---------------------------------------------------------
// センター
//---------------------------------------------------------*/
#pageCenter {                   /* ====== 中央コンテンツ ====== */
    xbackground-color:#FFC;
}
/*---------------------------------------------------------
// メインコンテンツ
//---------------------------------------------------------*/
#main {
    border: 0px solid #CCC;
    xbackground-color:#CFF;
}
#main * {
    font-size: 14px;
    line-height: 18px;
}
#main .title {
    padding-left: 5px;
    margin-bottom: 10px;
    font-size: 1.4em;
    color: #666;
}
#main ul.lv1 {
    margin-bottom: 20px;
}
#main .lv1 ul {
    margin-bottom: 10px;
}
#main .lv1 li {
    list-style-type: none;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding-top: 4px;
}
#main .lv2 ul {
    margin-top: 5px;
}
#main .lv2 li {
    list-style-type: square;
    font-weight: normal;
    margin-left: 20px;
    margin-bottom: 4px;
    border-bottom: 0px;
    padding-top: 5px;
}
#main .lv3 ul {
    margin-top: 5px;
}
#main .lv3 li {
    list-style-type: circle;
    margin-left: 20px;
    margin-bottom: 2px;
    padding-top: 0px;
}
#main .lv4 ul {
    margin-top: 5px;
}
#main .lv4 li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 2px;
    padding-top: 0px;
}
#main .box {
    margin-left: 20px;
    margin-bottom: 20px;
}
#main .box p {
    margin-bottom: 3px;
}
#main .none li {
    list-style-type: none;
}
#main .errorMark {
    background-color: #F00;
    color: #FFF;
    font-weight: bold;
}
#main .line1 {
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
    background-color: #CCC;
    margin: 8px 0px;
}
#main .list {
    margin-left: 15px;
}
#main .input300 {
    width: 300px;
    height: 16px;
    margin-bottom: 10px;
}
#main .areaA {
    width: 540px;
    height: 200px;
}
#main .submit {
    position: relative;
    margin: 10px;
    height: 32px;
    xbackground-color: #CCC;
}
#main .submit .ok {
    position: absolute;
    width: 80px;
    height: 30px;
    cursor: pointer;
    left: 90px;
    border: 2px solid #ADB;
    background-color: #CFD;
}
#main .submit .back {
    position: absolute;
    width: 80px;
    height: 30px;
    cursor: pointer;
    left: 0px;
    border: 2px solid #DAB;
    background-color: #FCD;
}
#main .frame {
    position: relative;
    background-color: #FFF;
}
#main .frame iframe {
    border: 0px;
}
#main .frame object {
    border: 0px;
    overflow-x: hidden;
}
#main .frame .topLeftImage {
    position: absolute;
    top: 0px;
    left: 0px;
}
#main .frame .topImage {
    position: absolute;
    top: 0px;
    left: 10px;
}
#main .frame .leftImage {
    position: absolute;
    top: 10px;
    left: 0px;
}
#main .frame .content {
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    xbackground-color: #FCC;
}
#main .size470w560h {
    width: 470px;
    height: 560px;
}
#main .size470w560h .content {
    width: 460px;
    height: 550px;
}
#main .size470w540h {
    width: 470px;
    height: 540px;
}
#main .size470w540h .content {
    width: 460px;
    height: 530px;
}
#main div.underConstruction {
    height: 250px;
    padding: 80px;
}
/*---------------------------------------------------------
// レイアウトボックス A
//---------------------------------------------------------*/
#layoutBoxTypeA {
    height: 580px;
}
#layoutBoxTypeA h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 16px 0px;
}
#layoutBoxTypeA .leftBox {
    color: #FFF;
    float: left;
    width: 466px;
}
#layoutBoxTypeA .leftBox .innerBox {
    position: relative;
    xbackground-color: #44C;
    margin: 0px 60px 0px 42px;
}
#layoutBoxTypeA .leftBox .innerBox p {
    margin-bottom: 10px;
}
#layoutBoxTypeA .leftBox .innerBox .informationBox {
    border: 2px solid #FFF;
    padding: 8px 16px;
}
#layoutBoxTypeA .leftBox .innerBox .informationBox caption {
    text-align: left;
}
#layoutBoxTypeA .leftBox .innerBox .informationBox table {
    border-collapse: collapse;
}
#layoutBoxTypeA .leftBox .innerBox .informationBox td {
    padding-right: 4px;
}
#layoutBoxTypeA .leftBox .innerBox .informationBox ul {
    margin-top: 8px;
}
#layoutBoxTypeA .leftBox .innerBox .informationBox li {
    list-style-type: none;
    font-size: 12px;
    line-height: 14px;
}
#layoutBoxTypeA .leftBox .innerBox ul.link {
    margin-top: 12px;
}
#layoutBoxTypeA .leftBox .innerBox ul.link li {
    position: relative;
    list-style-type: none;
    line-height: 22px;
}
#layoutBoxTypeA .leftBox .innerBox ul.link li .button {
    position: absolute;
    top: 2px;
    right: 0px;
}
#layoutBoxTypeA .rightBox {
    float: left;
}
#layoutBoxTypeA .leftBox .innerBox ul.space24 {
    margin-top: 24px;
}
/*---------------------------------------------------------
// レイアウトボックス B
//---------------------------------------------------------*/
#layoutBoxTypeB {
    color: #FFF;
    padding: 0px 40px;
}
#layoutBoxTypeB h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
}
#layoutBoxTypeB table {
    margin: 16px 0px;
}
#layoutBoxTypeB td {
    padding: 0px 32px;
}
#layoutBoxTypeB dl {
}
#layoutBoxTypeB dt {
    margin-bottom: 8px;
}
#layoutBoxTypeB dd {
    margin-bottom: 8px;
}
#layoutBoxTypeB li {
    list-style-type: none;
}
#layoutBoxTypeB li a {
    color: #DDF;
}
#layoutBoxTypeB li a:hover {
    color: #FCF;
}
/*---------------------------------------------------------
// トップページ
//---------------------------------------------------------*/
.index #main {
    position: relative;
    height: 200px;
}
.index #main #support {
    position: absolute;
    top: 40px;
    left: 16px;
}
.index #main #support #linkSupport {
    position: absolute;
    top: 82px;
    left: 200px;
}
.index #main #support #linkSupport a {
    font-size: 12px;
    color: #38A;
    text-decoration: underline;
}
.index #main #support #linkSupport a:hover {
    color: #D7D;
}
.index #main #topics {
    position: absolute;
    top: 8px;
    left: 360px;
    width: 240px;
    height: 180px;
    xbackground-color: #CCC;
}
.index #main #topics h3 {
    color: #777;
    font-size: 16px;
    border-bottom: 1px solid #999;
    padding-bottom: 4px;
    margin: 6px 0px 4px 0px;
}
.index #main #topics a {
    color: #19C;
}
.index #main #topics a:hover {
    color: #6DF;
}
.index #main #topics #summary {
    xbackground-color: #FFC;
    height: 120px;
    overflow: auto;
    padding: 4px 0px;
}
.index #main #topics #summary .rssTitle {
    margin: 4px 0px 0px 0px;
}
.index #main #topics #summary .rssTitle a {
    font-size: 12px;
    line-height: 12px;
}
.index #main #topics #summary .rssDate {
    margin: 0px;
    font-size: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCC;
}
.index #main #shopInfo {
    position: absolute;
    top: 10px;
    right: 2px;
}
/*---------------------------------------------------------
// ニュース
//---------------------------------------------------------*/
.news #main #rssSummary {
    xbackground-color: #009;
    font-size: 10px;
}
.news #main #rssSummary dt {
    border-top: 1px solid #66C;
}
.news #main #rssSummary dt a {
    font-size: 12px;
    line-height: 12px;
    margin: 0px;
    padding: 0px;
    color: #DDF;
}
.news #main #rssSummary dt a.active {
    color: #9FF;
}
.news #main #rssSummary dt a:hover {
    color: #99F;
}
.news #main #rssSummary dd {
    font-size: 11px;
    line-height: 11px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    color: #CCC;
}
/*---------------------------------------------------------
// 会社情報
//---------------------------------------------------------*/
.corporation #main li {
    list-style-type: none;
}
/*---------------------------------------------------------
// 試乗車
//---------------------------------------------------------*/
#main #testRideData {
    margin-top: 16px;
    margin-bottom: 16px;
}
/*---------------------------------------------------------
// ショップ情報／パーツ
//---------------------------------------------------------*/
#main #shopLogo {
    position: relative;
    width: 360px;
    height: 64px;
}
#main #shopLogo span {
    position: absolute;
    top: -42px;
    left: -10px;
}
#main .otherWindow {
    font-size: 12px;
    margin-left: 16px;
}
#main #layoutBoxTypeA ul {
}
#main #layoutBoxTypeA ul.link a {
    color: #CFF;
    font-weight: bold;
}
#main #layoutBoxTypeA ul.link a:hover {
    color: #FCF;
}
/*---------------------------------------------------------
// 新車情報／バイク詳細
//---------------------------------------------------------*/
#main #titleNewBikeLineup {
    position: relative;
    width: 980px;
    background-color: #000;
    background-image: url(backgroundBlueBlack.png);
    background-repeat: no-repeat;
}
#main #titleNewBikeLineup #titleBack {
}
#main #titleNewBikeLineup #titleLogo {
    position: absolute;
    top: 36px;
    left: 70px;
}
#main #titleNewBikeLineup #titleInfo {
    position: absolute;
    top: 92px;
    left: 152px;
    color: #999;
    font-size: 11px;
}
#main .menuNewBikeLineup li {
    list-style-type: none;
}
#main .menuNewBikeLineup li a {
    color: #FFF;
    font-size: 11px;
}
#main .menuNewBikeLineup li a:hover {
    color: #FCF;
}
#main .menuNewBikeLineup li.active a {
    color: #CFF;
}
#main .menuNewBikeLineup li a.mask {
    color: #777;
}
#main .menuNewBikeLineup li a.mask:hover {
    color: #FCF;
}
#main #newBikeLineup div.content {
    background-image: url(backgroundBlueDot.png);
}
#main #newBikeLineup div.content #outside {
    margin-left: 52px;
    background-color: #000;
    background-image: url(backgroundBlueBlack.png);
    background-repeat: no-repeat;
}
#main #newBikeLineup div.content #outside td.left {
    width: 192px;
}
/*---------------------------------------------------------
// 安心サポート
//---------------------------------------------------------*/
#main #supportInformation h4 {
    margin: 16px 0px 2px 0px;
}
#main #supportInformation p {
    font-size: 13px;
    line-height: 14px;
    margin: 0px;
    color: #EEF;
}
#main #supportInformation #list {
    margin: 24px 0px;
}
#main #supportInformation #list ul li {
    font-size: 12px;
    line-height: 13px;
    margin: 0px 0px 0px 38px;
    list-style-type: none;
    text-indent: -38px;
    color: #EEF;
}
#main #supportInformation a {
    color: #FDE;
}
#main #supportInformation a:hover {
    color: #FEF;
}
#main #supportInformation #blog {
    font-size: 12px;
    line-height: 13px;
    margin: 24px 0px;
}
/*---------------------------------------------------------
// 新車情報
//---------------------------------------------------------*/
#main #titleNewBikeLineup .menuNewBikeLineup {
    margin-left: 580px;
    padding: 24px 0px 16px 0px;
}
#main #titleNewBikeLineup .menuNewBikeLineup li {
    margin-bottom: 8px;
}
#main #newBikeLineup #bikeMenu {
    margin-left: 20px;
}
#main #newBikeLineup #bikeMenu li {
    margin-bottom: 2px;
}
#main #newBikeLineup #lineup #outside td.right {
    color: #FFF;
    font-size: 11px;
    width: 680px;
    padding-bottom: 20px;
}
#main #newBikeLineup #lineup #outside td.right .photo {
    position: relative;
    width: 127px;
    height: 99px;
    float: left;
    margin: 2px;
    background-color: #FFF;
    border: 2px solid #000; /* JavaScript で#FCFと入れ替え */
}
#main #newBikeLineup #lineup #outside td.right .photo .mask {
    position: absolute;
    top: 0px;
    left: 0px;
}
#main #newBikeLineup .bikeID {
    display: none;
}
/*---------------------------------------------------------
// バイク詳細
//---------------------------------------------------------*/
#main #newBikeLineup .left {
    color: #FFF;
}
#main #newBikeLineup #detail #outside td.right {
    width: 664px;
}
#main #newBikeLineup #detail #outside td.left {
    padding: 16px;
}
#main #newBikeLineup #detail #outside td.left #nameE {
    font-size: 14px;
    font-weight: bold;
    color: #EEE;
}
#main #newBikeLineup #detail #outside td.left #nameJ {
    font-size: 12px;
    color: #CCC;
}
#main #newBikeLineup #detail #outside td.left #introduction {
    font-size: 12px;
    color: #CCC;
}
#main #newBikeLineup #detail #outside td.left #overview {
    padding: 16px 0px;
}
#main #newBikeLineup #detail #outside td.left #overview dt {
    color: #CCC;
    font-size: 12px;
}
#main #newBikeLineup #detail #outside td.left #overview dd {
    color: #37C;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
}
#main #newBikeLineup #detail #outside td.left #overview dd td {
    font-size: 12px;
    line-height: 16px;
}
#main #newBikeLineup #detail #outside td.left #overview dd p {
    font-size: 12px;
    line-height: 16px;
}
#main #newBikeLineup #detail #outside td.left #overview #color {
    font-size: 12px;
}
#main #newBikeLineup #detail #outside td.left #overview #price {
    font-size: 12px;
}
#main #newBikeLineup #detail #outside td.left #openSpecSheet {
    position: relative;
    height: 20px;
    margin: 16px 0px 2px 0px;
    xbackground-color: #FCC;
}
#main #newBikeLineup #detail #outside td.left #openSpecSheet a {
    color: #CFF;
    font-size: 12px;
}
#main #newBikeLineup #detail #outside td.left #openSpecSheet a.close {
    display: none;
}
#main #newBikeLineup #detail #outside td.left #openSpecSheet a:hover {
    color: #FCF;
    font-size: 12px;
}
#main #newBikeLineup .right {
    position: relative;
    color: #FFF;
}
#main #newBikeLineup #photoAndSpec {
    position: relative;
    width: 662px;
    height: 523px;
    overflow: hidden;
}
#main #newBikeLineup #specSheet {
    position: absolute;
    top: 0px;
    left: 662px;
    width: 662px;
    height: 523px;
    overflow: auto;
    background-image: url(alpha60Blue.png);
    scrollbar-face-color: #073176;
    scrollbar-track-color: #505b68;
    scrollbar-highlight-color: #6a6969;
    scrollbar-3dlight-color: #d7d0c8;
    scrollbar-shadow-color: #282928;
    scrollbar-darkshadow-color: #000000;
    scrollbar-arrow-color: #9b9a9a;
}
#main #newBikeLineup #specSheet table {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 634px;
    border-collapse: collapse;
}
#main #newBikeLineup #specSheet table td {
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
    padding: 0px 2px;
    border: 1px solid #CCC;
}
#main #newBikeLineup #specSheet table td.tdLeft {
    white-space: nowrap;
    text-align: right;
}
#main #newBikeLineup #specSheet table td.tdGroup {
    white-space: nowrap;
}
/*---------------------------------------------------------
// 中古車情報
//---------------------------------------------------------*/
#main #usedBikeInformation {
}
#main #usedBikeInformation #subject p {
    font-weight: bold;
    font-size: 13px;
    margin: 0px;
    line-height: 22px;
    text-align: center;
}
#main #usedBikeInformation #subject p #nextone {
    color: #F33;
    text-decoration: underline;
}
#main #usedBikeInformation #information {
    margin: 8px 8px 0px 26px;
}
#main #usedBikeInformation #information p {
    font-size: 13px;
    line-height: 16px;
}
#main #usedBikeInformation #informationList {
    width: 350px;
    margin-left: 16px;
}
#main #usedBikeInformation #informationList dl {
    background-color: #FFF;
    color: #333;
    padding: 4px 16px;
}
#main #usedBikeInformation #informationList dl dt {
    position: relative;
    color: #777;
    font-size: 13px;
    font-weight: bolder;
    xbackground-color: #FCC;
}
#main #usedBikeInformation #informationList dl dt img {
    position: absolute;
    top: -8px;
    left: 250px;
}
#main #usedBikeInformation #informationList dl dd {
    color: #000;
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 8px;
}
#main #usedBikeInformation #informationList dl dd p {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}
#main #usedBikeInformation #informationList dl dd .title {
    font-size: 14px;
    line-height: 14px;
    font-weight: bolder;
    margin: 0px;
    padding: 0px;
    color: #000;
}
#main #usedBikeInformation #informationList #notice {
    background-color: #FFF;
    text-align: center;
    font-size: 10px;
    color: #000;
    margin: 0px;
    padding: 0px;
}
#main #blogLinkBottomRight {
    xbackground-color: #033;
    text-align: center;
    padding-top: 2px;
    color: #FFF;
    font-weight: bolder;
}
#main #blogLinkBottomRight a {
    font-size: 14px;
    text-decoration: underline;
}
#main #blogLinkBottomRight a:hover {
    color: #F3C;
}
/*---------------------------------------------------------
// アクセスマップ
//---------------------------------------------------------*/
.access-map #main {
    background-color: #FFF;
    text-align: center;
    width: 515px;
    margin: 0px auto;
}
.access-map #main #map {
    width: 425px;
    height: 380px;
    margin: 0px auto;
    text-align: right;
}
.access-map #main #information {
    width: 380px;
    margin: 20px auto;
    text-align: left;
}
.access-map #main #footer {
    position: relative;
}
.access-map #main #footer #close {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 515px;
    text-align: center;
}
.access-map #main #footer #close a {
    color: #39C;
    font-weight: bold;
    text-decoration: underline;
}
.access-map #main #footer #close a:hover {
    color: #3C9;
}
.access-map #main h2 {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: bold;
}
.access-map #main dt {
    font-size: 12px;
    font-weight: bold;
}
.access-map #main dd {
    font-size: 12px;
    margin-bottom: 12px;
    padding-left: 14px;
}
.access-map #main li {
    font-size: 12px;
    line-height: 14px;
    list-style-type: none;
}
.access-map #main .tel {
    margin-left: 32px;
}
.access-map #main .tel p {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
/*---------------------------------------------------------
// NEXT-ONE
//---------------------------------------------------------*/
.next-one #main {
    background-color: #FFF;
    text-align: center;
    width: 515px;
    margin: 0px auto;
}
.next-one #main #footer {
    position: relative;
}
.next-one #main #footer #close {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 515px;
    text-align: center;
}
.next-one #main #footer #close a {
    color: #39C;
    font-weight: bold;
    text-decoration: underline;
}
.next-one #main #footer #close a:hover {
    color: #3C9;
}
.next-one #main #information {
    xbackground-color: #FFC;
    padding: 16px 72px;
    text-align: left;
}
.next-one #main #information #subject {
    font-size: 14px;
    font-weight: bolder;
}
.next-one #main #information #informationList {
}
.next-one #main #information #informationList dl dt {
    position: relative;
    color: #039;
    font-weight: bolder;
    margin-top: 8px;
}
.next-one #main #information #informationList dl dt img {
    position: absolute;
    top: 0px;
    left: 250px;
}
.next-one #main #information #informationList dl dd dl dt {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin: 0px;
}
.next-one #main #information #informationList dl dd dl dd {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    padding-left: 40px;
}
.next-one #main #information #informationList #notice {
    margin-top: 24px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

















/*---------------------------------------------------------
// 以下 旧設定
//---------------------------------------------------------*/
/* SSL表記 */
.ssl {
    position: relative;
    border: 1px solid #F33;
    padding: 0px 2px;
    margin-top: 5px;
    background-color: #FDD;
    width: 580px;
}
.ssl .left {
    color: #F33;
}
.ssl .right {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #777;
    font-size: 0.8em;
}
/* FAQ */
.faq #main .lv2 li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
.faq .answer h4 {
    background-color: #DEF;
    padding: 5px;
    margin-bottom: 5px;
}
.faq .answer div {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 20px;
}
/* GUIDE */
.purchase .explain div {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 20px;
    margin-bottom: 10px;
}
.exhibit .explain div {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 20px;
    margin-bottom: 10px;
}
/* 商品検索 */
.categoryMenu {
    margin-bottom: 5px;
}
.searchBox {
    margin-bottom: 20px;
}
.categoryMenu li {
    list-style-type: none;
    display: inline;
    white-space: nowrap;
    margin-right: 10px;
    padding: 0px 4px;
}
.categoryMenu li.selected {
}
.categoryMenu li.selectable {
}
/* 商品リスト */
#main table.itemList {
    border-collapse: collapse;
    width: 100%;
}
#main table.itemList th {
    font-weight: normal;
    padding: 0px 4px;
}
#main table.itemList td {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #CCC;
    padding: 0px 4px;
}
#main table.itemList td.photo {
    width: 84px;
    height: 84px;
    margin: 2px;
    text-align: center;
}
#main table.itemList .noPhoto {
    width: 78px;
    height: 50px;
    padding-top: 28px;
    border: 1px solid #CCC;
    color: #CCC;
    font-size: 11px;
}
#main table.itemList td.photo img {
    border: 2px solid #FFF;
}
#main table.itemList td.photo img:hover {
    border: 2px solid #D7D;
}
#main table.itemList .introduction {
    border-top: 1px dotted #CCC;
    font-size: 12px;
}
#main table.itemList td.stock {
    font-size: 11px;
    color: #666;
}
#main table.itemList td.stock .info {
    font-size: 11px;
    color: #333;
    border: 1px solid #CCC;
    display: inline-block;
    width: 60px;
    padding: 0px;
    text-align: center;
}
#main table.itemList td.stock .soldOut {
    color: #FFF;
    background-color: #E00;
}
#main table.itemList td.stock .lastOne {
    background-color: #FF0;
}
#main table.itemList td.stock .fewLeft {
    background-color: #FFB;
}
#main table.itemList td.stock .reserve {
    background-color: #9F9;
}
#main .pageInfo {
    font-size: 12px;
    color: #778;
}
#main .pageNavi {
    margin: 2px 0px;
}
/* 商品詳細 */
.item #main .details li {
    list-style: none;
}
.item #main .details .introduction {
    font-size: 0.9em;
    margin-left: 5px;
}
.item #main .details .title {
    border-width: 2px;
    padding: 5px;
}
.item #main .details .title h2 {
    font-weight: bold;
    font-size: 1.3em;
    color: #000;
}
.item #main .details .itemData {
    border-collapse: collapse;
    border: 0px;
    margin: 1px;
    padding: 0px;
}
.item #main .details .itemData .left {
    border: 1px solid #CCC;
}
.item #main .details .itemData .right {
    padding: 4px 0px 0px 8px;
}
/* 商品画像 */
.item #main .details .images {
    width: 336px;
}
.item #main .details .images .photo {
    width: 328px;
    height: 328px;
    margin: 4px 4px 2px 4px;
    border: 1px solid #CCC;
}
.item #main .details .images .photo img {
    cursor: pointer;
}
.item #main .details .images .photo span.noPhoto {
    color: #CCC;
    font-size: 20px;
}
.item #main .details .images .zoomData {
    display: none;
}
/* 商品画像：サムネイル */
.item #main .details .images .selector {
    margin: 0px 2px 2px 2px;
}
.item #main .details .images .selector img {
    border: 2px solid #FFF;
    cursor: pointer;
}
.item #main .details .images .selector .imageData {
    display: none;
}
/* 価格と在庫 */
.item #main .details table.priceAndStock {
    border-collapse: collapse;
    margin: 0px 0px 10px 0px;
}
.item #main .details table.priceAndStock td {
    vertical-align: bottom;
    border-bottom: 1px dotted #999;
    padding: 2px;
}
.item #main .details table.priceAndStock td.price {
    text-align: right;
    font-size: 18px;
    padding: 2px 2px 2px 8px;
}
.item #main .details table.priceAndStock td.stock {
    text-align: right;
    font-size: 18px;
    color: #999;
    padding: 2px 2px 2px 8px;
}
/* 詳細データ：カート */
.item #main .details form.cart {
    margin: 0px 0px 20px 5px;
}
.item #main .details form.cart .btnCart {
    margin-left: 5px;
}
/* 詳細データ：詳細表 */
.item #main .details table.detailData {
    border-collapse: collapse;
    margin: 0px 0px 10px 5px;
}
.item #main .details table.detailData td {
    border: 1px solid #999;
    font-size: 12px;
    padding: 0px 5px;
}
/*---------------------------------------------------------
// プラグイン
//---------------------------------------------------------*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}
/*---------------------------------------------------------
// Copyright(C)Landwarf. All right reserved.
//---------------------------------------------------------*/