/*
-----------------------------------------------------
 全体
-----------------------------------------------------
*/

* {
        padding: 0px;
        margin: 0px;
        font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}

body {
        overflow: hidden;
        background-color: #b0b0b0;
}

#wrapper {
        display: none;
}


/*
-----------------------------------------------------
 プリロード
-----------------------------------------------------
*/

#divPreload {
        position: absolute;
        top: 230px;
        left: 440px;
        height: 75px;
        width: 75px;
        z-index: 300;
        text-align: center;
        background-color: #222;
        border-radius: 10px;
        opacity: 0.9;
}

#imagePreload {
        position: absolute;
        top: 11px;
        left: 20px;
}

#percentageText {
        position: absolute;
        top: 40px;
        left: 0px;
        width: 75px;
        font-size: 14px;
        padding-top: 10px;
        color: #fff;
        background-color: none;
        text-align: center;
}


/*
-----------------------------------------------------
 注釈文言の表示
-----------------------------------------------------
*/

#annotationTextDiv {
        position: absolute;
        top: 15px;
        right: 444px;
        width: 800px;
        font-size: 0.7em;
        color: #000;
        background-color: none;
        text-align: right;
}


/*
-----------------------------------------------------
 メイン画像表示部
-----------------------------------------------------
*/

#mainDisplayArea {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 485px;
        width: 870px;
        z-index: 100;
        background-color: none;
}

.layerImages {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 485px;
        width: 870px;
}


/*
-----------------------------------------------------
 フロントリア切り替え
-----------------------------------------------------
*/

#frontImage {
        position: absolute;
        top: 55px;
        left: 750px;
        height: 63px;
        width: 92px;
        z-index: 100;
        background-color: none;
        cursor: pointer;
}

#rearImage {
        position: absolute;
        top: 119px;
        left: 750px;
        height: 63px;
        width: 92px;
        z-index: 100;
        background-color: none;
        cursor: pointer;
}


/*
-----------------------------------------------------
 カラーチップ
-----------------------------------------------------
*/

#colorChipDisplayArea {
        position: absolute;
        top: 425px;
        right: 435px;
        height: 40px;
        width: 800px;
        z-index: 100;
        background-color: none;
}

.colorChipImage {
        position: relative;
        top: 0px;
        width: 45px;
        height: 47px;
        z-index: 100;
        margin-left: 4px;
        float: right;
        cursor: pointer;
}


/*
-----------------------------------------------------
 選択一覧
-----------------------------------------------------
*/

#selectListArea {
        position: absolute;
        top: 16px;
        left: 870px;
        height: 455px;
        width: 350px;
        z-index: 100;
        background-color: #e3e3e3;
        overflow: hidden;
}

#selectListTitle {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 50px;
        width: 350px;
        z-index: 100;
        background-color: #666666;
        overflow: hidden;
        line-height: 52px;
        font-size: 1.3em;
        color: #fff;
        text-align: center;
        letter-spacing: 1px;
}


/* 本体価格表示部 */

#selectListBikePriceArea {
        position: absolute;
        top: 50px;
        left: 15px;
        height: 35px;
        width: 320px;
        z-index: 100;
        background-color: none;
        overflow: hidden;
        border-bottom: 2px solid #fff;
}

#bikeNameDiv {
        position: absolute;
        left: 5px;
        height: 35px;
        width: 140px;
        background-color: none;
        overflow: hidden;
        line-height: 37px;
        font-size: 0.9em;
        text-align: left;
        color: #000;
        text-overflow: ellipsis;
        white-space: nowrap;
}

#selectBikePriceDiv {
        position: absolute;
        left: 140px;
        height: 35px;
        width: 180px;
        background-color: none;
        overflow: hidden;
}

#bikePriceInteger {
        height: 35px;
        background-color: none;
        overflow: hidden;
        line-height: 37px;
        font-size: 1.4em;
        float: right;
}

#bikePriceDecimal {
        height: 35px;
        background-color: none;
        overflow: hidden;
        line-height: 37px;
        font-size: 0.9em;
        float: right;
}

#bikePriceCurrency {
        height: 35px;
        background-color: none;
        overflow: hidden;
        line-height: 37px;
        font-size: 0.9em;
        float: right;
        margin-left: 5px;
        margin-right: 5px;
}



/* パーツ表示部 ------------------------------------------------------------- */

#grabObject {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 246px;
        width: 500px;
        z-index: 5000;
        background-color: none;
        overflow: hidden;
        padding-top: 5px;
}

#selectListBody {
        position: absolute;
        top: 88px;
        left: 15px;
        height: 240px;
        width: 331px;
        /* width: 620px; */
        z-index: 100;
        background-color: none;
        overflow-x: hidden;
        overflow-y: hidden;
        padding-top: 6px;
}

#scrollbar {
        position: absolute;
        top: 0px;
        left: 326px;
        height: 100px;
        width: 4px;
        z-index: 3000;
        background-color: #b5b5b5;
        border-radius: 4px;
        display: none;
}



/*  スクロールバー  */

#scrollbar2 {
        position: absolute;
        top: 0px;
        right: 3px;
        z-index: 3000;
        background-color: #b5b5b5;
        width: 6px;
        height: 200px;
        border-radius: 20px;
        opacity: 0.8;
        display: none;
        cursor: pointer;
}

#scrollOuter {
        position: absolute;
        /*top: 104px;*/
        top: 107px;
        left: 885px;
        height: 243px;
        width: 331px;
        z-index: 300;
        background-color: none;
        overflow: hidden;
}


#scrollInner {
        position: absolute;
        top: 0px;
        left: 0px;
        min-height: 600px;
        width: 331px;
        z-index: 300;
        font-size: 20px;
        background-color: none;
        overflow: auto;
        cursor: default;
        overflow:hidden;
}



.selectDiv {
        left: 0px;
        /*height: 25px;*/
        min-height: 15px;
        width: 320px;
        background-color: none;
        margin-bottom: 1px;
        /*margin-top: -10px;*/
        overflow: hidden;
}

.selectPartsNameDiv {
        position: absolute;
        left: 5px;
        margin-top: 7px;
        margin-bottom: 5px;
        width: 190px;
        background-color: none;
        word-wrap: break-word;
        line-height: 1.1em;
        font-size: 0.65em;
        white-space: normal;
}


.selectPartsPriceDiv {
        position: absolute;
        left: 170px;
        height: 25px;
        width: 128px;
        background-color: none;
        overflow: hidden;
        line-height: 26px;
        text-align: right;
}

.partsPriceInteger {
        height: 25px;
        font-size: 0.5em;
        line-height: 26px;
        float: right;
        background-color: none;
}

.partsPriceDecimal {
        height: 25px;
        font-size: 0.5em;
        line-height: 26px;
        float: right;
}

.partsPriceCurrency {
        height: 25px;
        font-size: 0.5em;
        line-height: 28px;
        float: right;
        margin-left: 5px;
        clear: both;
}

.selectPartsDeleteBtn {
        position: absolute;
        right: 8px;
        height: 25px;
        width: 25px;
        background-color: none;
        overflow: hidden;
        line-height: 26px;
        font-size: 0.8em;
        z-index: 10000;
        cursor: pointer;
}




/* 合計金額表示部 ------------------------------------------------------------- */

#selectListTotalArea {
        position: absolute;
        top: 335px;
        left: 15px;
        height: 65px;
        width: 320px;
        z-index: 100;
        background-color: none;
        overflow: hidden;
        border-top: 2px solid #969696;
}

#totalTitleDiv {
        position: absolute;
        left: 5px;
        height: 65px;
        width: 135px;
        background-color: none;
        overflow: hidden;
        line-height: 16px;
        font-size: 0.7em;
        text-align: left;
        color: #000;
        padding-top: 9px;
        z-index: 300;
}

#totalPriceDiv {
        position: absolute;
        left: 100px;
        height: 65px;
        width: 220px;
        background-color: none;
        overflow: hidden;
}

#totalPriceInteger {
        height: 65px;
        background-color: none;
        overflow: hidden;
        line-height: 68px;
        font-size: 1.5em;
        float: right;
        color: #44b034;
}

#totalPriceDecimal {
        height: 65px;
        background-color: none;
        overflow: hidden;
        line-height: 68px;
        font-size: 1.1em;
        float: right;
        color: #44b034;
}

#totalPriceCurrency {
        height: 65px;
        background-color: none;
        overflow: hidden;
        line-height: 68px;
        font-size: 1.1em;
        float: right;
        margin-left: 5px;
        margin-right: 5px;
        color: #44b034;
}


/* フッタ表示部 */

#selectListFooter {
        position: absolute;
        top: 402px;
        left: 0px;
        height: 52px;
        width: 350px;
        z-index: 100;
        background-color: none;
        overflow: hidden;
}

#printBtn {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 52px;
        width: 116px;
        background-color: none;
        z-index: 200;
        margin-right: 1px;
        cursor: pointer;
}

#printText {
        position: absolute;
        top: 0px;
        left: 55px;
        height: 52px;
        width: 61px;
        background-color: none;
        z-index: 250;
        line-height: 53px;
        font-size: 0.7em;
        color: #fff;
        cursor: pointer;
}

#loanArea {
        position: absolute;
        top: 0px;
        left: 117px;
        height: 52px;
        width: 116px;
        background-color: none;
        z-index: 200;
        margin-right: 1px;
        cursor: pointer;
}

#loanText {
        position: absolute;
        top: 0px;
        left: 161px;
        height: 52px;
        width: 72px;
        background-color: none;
        z-index: 250;
        line-height: 15px;
        font-size: 0.7em;
        color: #fff;
        padding-top: 11px;
        cursor: pointer;
}

#dealerLocationArea {
        position: absolute;
        top: 0px;
        left: 234px;
        height: 52px;
        width: 116px;
        background-color: none;
        z-index: 200;
        cursor: pointer;
}

#dealerLocationText {
        position: absolute;
        top: 0px;
        left: 275px;
        height: 52px;
        width: 75px;
        background-color: none;
        z-index: 250;
        line-height: 15px;
        font-size: 0.7em;
        color: #fff;
        padding-top: 11px;
        cursor: pointer;
}


/*
-----------------------------------------------------
 パーツリスト
-----------------------------------------------------
*/

#partsListArea {
        position: absolute;
        top: 485px;
        left: 0px;
        height: 235px;
        width: 1280px;
        z-index: 100;
        background-color: #e3e3e3;
        overflow: hidden;
}

#partsListTitle {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 48px;
        width: 1280px;
        z-index: 100;
        color: #fff;
        font-size: 1.5em;
        line-height: 50px;
        padding-left: 65px;
        background-color: #4d4d4d;
        overflow: hidden;
        letter-spacing: 1px;
}

#partsListBody {
        position: absolute;
        top: 48px;
        left: 0px;
        height: 161px;
        width: 1280px;
        z-index: 100;
        background-color: #fff;
        overflow: hidden;
}

#partsListDisplayArea {
        position: absolute;
        top: 0px;
        left: 50px;
        height: 161px;
        width: 1180px;
        z-index: 100;
        background-color: #fff;
        overflow: hidden;
}

#partsListTable {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 161px;
        width: 8280px;
        z-index: 100;
        background-color: #fff;
        overflow: hidden;
}

#partsSpacer {
        position: relative;
        top: 0px;
        height: 160px;
        width: 940px;
        background-color: #e3e3e3;
        float: left;
        margin-right: 1px;
}

#leftArrow {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 160px;
        width: 55px;
        background-color: #e3e3e3;
        z-index: 200;
}

#leftArrowImage {
        display: none;
}


#rightArrow {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 160px;
        width: 55px;
        background-color: #e3e3e3;
        z-index: 200;
}

#rightArrowImage {
        cursor: pointer;
}


/* ACC画像 表示部 */

.partsDiv {
        position: relative;
        top: 0px;
        height: 160px;
        width: 235px;
        background-color: #e3e3e3;
        float: left;
        margin-right: 1px;
}

.partsImage {
        position: absolute;
        top: 25px;
        left: 55px;
        height: 90px;
        width: 120px;
        background-color: #fff;
        z-index: 180;
        cursor: pointer;
}

.selectedImage {
        position: absolute;
        top: 25px;
        left: 55px;
        height: 90px;
        width: 120px;
        z-index: 200;
        display: none;
        cursor: pointer;
}

.informationImage {
        position: absolute;
        top: 16px;
        left: 183px;
        height: 40px;
        width: 40px;
        z-index: 250;
        cursor: pointer;
}


.unableSelectDiv{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: none;
        z-index: 230;
        opacity: 1;
        display: none;
}


/* ACC名 表示部 */

.accNameDiv {
        position: absolute;
        top: 118px;
        left: 5px;
        height: 35px;
        /*width: 190px;*/
        width: 225px;
        background-color: none;
        /*background-color: red;*/
        z-index: 200;
        font-size: 0.9em;
        line-height: 18px;
        text-align: center;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
}


/* フッター */

#partsListFooter {
        position: relative;
        top: 208px;
        width: 48px;
        max-width: 1280px;
        height: 23px;
        z-index: 500;
        background-color: none;
        overflow: hidden;
        margin: 0 auto;
}

.pageNaviDiv {
        position: relative;
        top: 0px;
        height: 26px;
        width: 26px;
        background-color: none;
        z-index: 200;
        float: left;
        margin-right: 0px;
        margin-left: 0px;
        border-radius: 0px;
}

.pageNaviDivInner {
        position: absolute;
        top: 9px;
        left: 8px;
        height: 10px;
        width: 10px;
        background-color: #fff;
        z-index: 200;
        float: left;
        margin-right: 0px;
        margin-left: 0px;
        border-radius: 5px;
        cursor: pointer;
}


/*
-----------------------------------------------------
 パーツ説明ウィンドウ
-----------------------------------------------------
*/

#partsInfoArea {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 770px;
        width: 1280px;
        z-index: 580;
        display: none;
}

#partsInfoBack {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 770px;
        width: 1280px;
        background-color: #fff;
        z-index: 600;
        opacity: 0.6;
}

#partsInfoWindow {
        position: absolute;
        top: 182px;
        left: 270px;
        height: 355px;
        width: 740px;
        background-color: #333;
        /* background-color: blue;        */
        z-index: 610;
        overflow: auto;
        border: 2px solid #333;
}

#partsInfoCloseDiv{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 670px;
        height: 340px;
        z-index: 720;
        opacity: 1;
        background-color: blue;
}

#partsInfoImage {
        position: absolute;
        top: 50px;
        left: 50px;
        width: 280px;
        height: 205px;
        z-index: 620;
}

#partsInfoTitle {
        width: 350px;
        margin-top: 47px;
        margin-left: 355px;
        background-color: none;
        z-index: 620;
        color: #fff;
        font-size: 1.6em;
        line-height: 25px;
}

#partsInfoCode {
        width: 295px;
        height: 30px;
        margin-left: 355px;
        background-color: none;
        z-index: 620;
        color: #b0b0b0;
        font-size: 1.0em;
        line-height: 31px;
}

#partsInfoText {
        width: 350px;
        max-height:500px;
        /* height: 180px; */
        margin-top: 10px;
        margin-left: 355px;
        padding-right: 5px;
        background-color: none;
        z-index: 820;
        color: #fff;
        font-size: 0.8em;
        line-height: 17px;
         /*overflow: scroll; */
        /*overflow-y : auto;*/
        /* text-align: justify;
        text-justify: inter-ideograph; */
}

#sideMenu__scrollOuter {
        position: absolute;
        top: 100px;
        left: 350px;
        height: 595px;
        width: 300px;
        z-index: 999;
        background-color: #eee;
        overflow: hidden;
        font-size: 8px;
}

/* 価格表示 */

#partsInfoPrice {
        width: 700px;
        height: 25px;
        margin-top: 10px;
        background-color: none;
        z-index: 620;
        margin-bottom: 20px;
}

#partsInfoPriceInteger {
        height: 25px;
        background-color: none;
        overflow: hidden;
        line-height: 26px;
        font-size: 1.5em;
        float: right;
        color: #44b034;
}

#partsInfoDecimal {
        height: 25px;
        background-color: none;
        overflow: hidden;
        line-height: 26px;
        font-size: 1.1em;
        float: right;
        color: #44b034;
}

#partsInfoCurrency {
        height: 25px;
        background-color: none;
        overflow: hidden;
        line-height: 26px;
        font-size: 1.1em;
        float: right;
        margin-left: 5px;
        margin-right: 5px;
        color: #44b034;
}


/*
-----------------------------------------------------
 警告メッセージの表示
-----------------------------------------------------
*/

#messageBack {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 720px;
        width: 1280px;
        background-color: #fff;
        z-index: 600;
        opacity: 0.6;
        display: none;
}

#messageWindow {
        position: absolute;
        top: 270px;
        left: 250px;
        width: 600px;
        padding-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 65px;
        background-color: #000;
        z-index: 610;
        overflow: hidden;
        display: none;
        text-align: left;
        color: #fff;
        font-size: 1em;
        /*text-align: justify;
        text-justify: inter-ideograph;*/
}

#okButton {
        position: absolute;
        margin-top: 15px;
        right: 121px;
        background-color: #B3B3B3;
        height: 30px;
        width: 90px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #fff;
        font-size: 1em;
        color: #000;
        cursor: pointer;
}

#chancelButton {
        position: absolute;
        margin-top: 15px;
        right: 21px;
        background-color: #B3B3B3;
        height: 30px;
        width: 90px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #fff;
        font-size: 1em;
        color: #000;
        cursor: pointer;
}


/*
-----------------------------------------------------
ローンシミュレーター
-----------------------------------------------------
*/

#loanBack {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 720px;
        width: 1280px;
        background-color: #fff;
        z-index: 600;
        opacity: 0.6;
        display: none;
}

#loanWindow {
        position: absolute;
        top: 150px;
        left: 370px;
        width: 540px;
        height: 400px;
        background-color: #C9C9C9;
        opacity: 1;
        z-index: 650;
        display: none;
}

#loanCloseBtn{
        position: absolute;
        top: 49px;
        right: 24px;
        width: 35px;
        height: 35px;
        z-index: 700;
        cursor: pointer;
}

#loanLine {
        position: absolute;
        top: 95px;
        left: 30px;
        width: 480px;
        height: 1px;
        background-color: #000;
}

#loanTitle, #loanAmount, #loanRate, #loanMonths, #loanInitial, #loanMonthlyPayment, #loanFinalAmount {
        position: absolute;
        width: 230px;
        font-size: 1.1em;
        left: 50px;
        background-color: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

#loanAnnotation{
        position: absolute;
        top: 15px;
        right: 28px;
        width: 500px;
        font-size: 0.7em;
        line-height: 1.2em;
        color: #000;
        background-color: none;
        text-align: right;
}

#loanTitle {
        top: 49px;
        font-size: 1.6em;
        background-color: none;
        width: 400px;
        text-overflow:inherit;
}

#loanAmount {
        top: 123px;
}

#loanRate {
        top: 168px;
}

#loanMonths {
        top: 213px;
}

#loanInitial {
        top: 258px;
}

#loanMonthlyPayment {
        top: 303px;
}

#loanFinalAmount {
        top: 348px;
}

#loanAmountVar, #loanMonthlyPaymentVar, #loanFinalAmountVar {
        position: absolute;
        width: 250px;
        font-size: 1.0em;
        left: 240px;
        /* background-color: yellow; */
        background-color: none;
        text-align: right;
}

#loanInitialVar, #loanMonthsVar, #loanRateVar {
        position: absolute;
        width: 200px;
        font-size: 1.0em;
        left: 290px;
        /* background-color: yellow; */
        background-color: none;
        text-align: right;
}

#loanAmountVar {
        top: 116px;
}

#loanRateVar {
        top: 161px;
}

#loanMonthsVar {
        top: 211px;
}

#loanInitialVar {
        top: 251px;
}

#loanMonthlyPaymentVar {
        top: 296px;
}

#loanFinalAmountVar {
        top: 341px;
}

#loanRateVarForm {
        position: absolute;
        left: 100px;
        top: 2px;
        width: 50px;
        height: 30px;
        font-size: 1.2em;
        text-align: right;
        border:none;
}

#loanRateVarParcent {
        position: absolute;
        left: 160px;
        top: 9px;
        width: 30px;
        height: 30px;
        font-size: 1.2em;
        text-align: left;
        background-color: none;
}


#loanMonthsUnit {
        position: absolute;
        left: 158px;
        top: 5px;
        width: 60px;
        height: 30px;
        font-size: 1.0em;
        text-align: left;
        background-color: none;
}

#loanMonthsVarForm {
        position: absolute;
        left: 100px;
        top: -4px;
        width: 50px;
        height: 30px;
        font-size: 1.2em;
        text-align: right;
        border:none;
}

#loanInitialVarForm {
        position: absolute;
        left: 50px;
        top: 3px;
        width: 100px;
        height: 30px;
        font-size: 1.2em;
        text-align: right;
        border:none;
}

#loanInitialVarCurrency{
        position: absolute;
        left: 160px;
        top: 13px;
        font-size: 1.0em;
        text-align: left;
}


#loanAmountInteger, #loanFinalInteger, #loanMonthlyInteger {
        height: 35px;
        /* background-color: red; */
        background-color: none;
        overflow: hidden;
        line-height: 35px;
        font-size: 1.4em;
        float: right;
        color: #44b034;
}

#loanAmountDecimal, #loanFinalDecimal, #loanMonthlyDecimal {
        height: 35px;
        background-color: none;
        overflow: hidden;
        line-height: 37px;
        font-size: 0.9em;
        float: right;
        color: #44b034;
}

#loanAmountCurrency, #loanFinalCurrency, #loanMonthlyCurrency {
        height: 35px;
        background-color: none;
        overflow: hidden;
        line-height: 37px;
        font-size: 1.0em;
        float: right;
        margin-left: 5px;
        margin-right: 5px;
        color: #44b034;
}


/*
-----------------------------------------------------
印刷用
-----------------------------------------------------
*/

#printArea {
        display: none;
}

#print_loanArea{
        display: none;
}