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


* {
        padding: 0px;
        margin: 0px;
        font-family: Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body {
        overflow:auto;
        background-color: #000;
        /*display: none;*/
        /*overflow-x: hidden;*/
        overflow-y: scroll;
        /*background-image: url(images/bgImage.png);*/
        /*background-repeat: repeat-x;*/
}

#wrapper {
        background-color: #000;
}

/* テキスト選択時の色 */
::selection {
    background:#d4dcd6;         /* Safari */
}

::-moz-selection {
    background:#d4dcd6;         /* Firefox */
}

.rolloverBright{
        cursor: pointer;
}

.rolloverBright:hover{
        /*opacity: 0.7;*/
        -webkit-filter: brightness(1.3);
        -moz-filter: brightness(1.3);
        -o-filter: brightness(1.3);
        -ms-filter: brightness(1.3);
        filter: brightness(1.3);
}

.grayOut {
        opacity: 0.5;
}


/*
 * -----------------------------------------------------
 * PC用 ページ共通
 * -----------------------------------------------------
 */

 .clearfix:after {
     visibility: hidden;
     display: block;
     content: " ";
     clear: both;
     height: 0;
 }

 .page_pc {
         width: 1000px;
         /*background-color: blue;*/
         overflow:hidden;
 }


/*　PC用 ヘッダー　*/

#pc_header {
        display: none;
        width: 1000px;
        height: 83px;
        z-index: 300;
        /*background-color: #000;*/
        display: none;
}

#pc_logo {
        margin-top:20px;
        margin-left: 21px;
        cursor: pointer;
        z-index: 10;
}

#pc_headerGreenLine {
        margin-top: 16px;
        width: 1000px;
        height: 23px;
        background-image: url(images/header_line.png);
        background-repeat : repeat-x;
}

#pc_lang {
        position: absolute;
        top: 0px;
        right: 0px;
        cursor: pointer;
}

/*　MB用 ヘッダー　*/

#mb_header {
        display: none;
        width: 750px;
        height: 130px;
        z-index: 300;
        /*background-color: red;*/
}

#mb_logo {
        margin-top:29px;
        margin-left: 27px;
        cursor: pointer;
        z-index: 10;
}

#mb_headerGreenLine {
        margin-top: 25px;
        width: 750px;
        height: 33px;
        background-image: url(images/mb_header_line.png);
        background-repeat : repeat-x;
}

#mb_lang {
        position: absolute;
        top: 0px;
        right: 0px;
        cursor: pointer;
}


/* 　PC用 フッター　 */

#pc_footer {
        display: none;
        width: 1000px;
        height: 100px;
        /*background-color: green;*/
        text-align: center;
}

#pc_goTop {
        position: absolute;
        bottom: 105px;
        right: 22px;
}

#pc_copyRight {
        margin-top: 25px;
        font-size: 0.8em;
        color: #ddd;
}

/* 　MB用 フッター　 */

#mb_footer {
        display: none;
        width: 750px;
        height: 200px;
        /*background-color: green;*/
        text-align: center;
}

#mb_goTop {
        margin-left: 600px;
}

#mb_footerHorizontalLine{
        margin-top: 30px;
}

#mb_copyRight {
        margin-top: 30px;
        font-size: 1.0em;
        color: #ddd;
        width: 750px;
        text-align: center;
}


/*
 * -----------------------------------------------------
 * PC用 topページ
 * -----------------------------------------------------
 */

#page_pc_top{
        display: none;
}

.pc_mainTitle{
        margin-top: 101px;
        margin-left: 290px;
}

#pc_upperHorizontalLine{
        margin-top: 75px;
}

#pc_thumbnailArea{
        margin-top: 60px;
        margin-left: 12px;
        width: 976px;
        min-height: 300px;
        padding-bottom: 50px;
        /*background-color: yellow;*/
}

.pc_thumbnailImages{
        float: left;
        margin-left: 34px;
        margin-bottom: 25px;
        cursor: pointer;
}

.pc_topLine {
        background-color: #333;
        border: none;
        height: 1px;
        margin-bottom: 30px;
        margin-top: -40px;
        margin-left: 45px;
        margin-right: 45px;
}

.pc_topBanner {
        margin-left: 23px;
        margin-bottom: 30px;
        float: left;

}

#pc_topBanner_first {
        margin-left: 45px;
}

#pc_topBanner_tms {
        margin-left:   290px;
        margin-bottom: 40px;
}



/*
 * -----------------------------------------------------
 * MB用 topページ
 * -----------------------------------------------------
 */

#page_mb_top{
        display: none;
}

.mb_mainTitle{
        margin-top: 72px;
        margin-left: 75px;
}

#mb_upperHorizontalLine{
        margin-top: 54px;
}

#mb_thumbnailArea{
        margin-top: 35px;
        margin-left: 2px;
        width: 748px;
        min-height: 300px;
        padding-bottom: 50px;
        /*background-color: yellow;*/
}

.mb_thumbnailImages{
        float: left;
        margin-left: 32px;
        margin-bottom: 15px;
        cursor: pointer;
}

.mb_topLine {
        background-color: #333;
        border: none;
        height: 1px;
        margin-bottom: 50px;
        margin-top: -30px;
}

.mb_topBanner {
        margin-left: 105px;
        margin-bottom: 43px;
}

/*
 * -----------------------------------------------------
 * PC用 詳細ページ
 * -----------------------------------------------------
 */

#page_pc_detail{
        display: none;
}

#pc_breadcrumbs{
        position: absolute;
        top: 100px;
        left: 21px;
        color: #d7d7d7;
        z-index: 80;
        font-size: 0.9em;
}

#pc_linkTop{
        position: absolute;
        /*background-color: red;*/
        width: 80px;
        height: 50px;
        z-index: 500;
        cursor: pointer;
}


#mainImage{
        margin-top: 0px;
        /*border: 1px red solid;*/
        margin-bottom: -10px;
}


#page_pc_detail_leftColumn{
        float: left;
        margin-top: 11px;
        margin-left: 180px;
        width: 221px;
        /*background-color: green;*/
}

#page_pc_detail_rightColumn{
        float: left;
        margin-top: 13px;
        margin-left: 7px;
        width: 480px;
        /*background-color: pink;*/
        min-height: 280px;
}

#specText_en {
        color: #d7d7d7;
        /*background-color: red;*/
        width: 300px;
        font-size: 0.9em;
        margin-top: 9px;
        margin-left: 10px;
}

#specText_jp {
        color: #d7d7d7;
        /*background-color: red;*/
        width: 300px;
        font-size: 0.9em;
        margin-top: 9px;
        margin-left: 10px;
}

#mainCopy_en {
        color: #d7d7d7;
        /*background-color: blue;*/
        font-weight: bold;
        line-height: 28px;
}

#mainCopy_jp {
        color: #d7d7d7;
        /*background-color: blue;*/
        font-weight: bold;
        line-height: 28px;
        font-size: 1.2em;
}

#detailText_en {
        color: #d7d7d7;
        /*background-color: yellow;*/
        /*margin-top: 8px;*/
        padding-bottom: 60px;
        font-size: 1.0em;
        line-height: 1.5em;
        text-align: justify;
}

#detailText_jp {
        color: #d7d7d7;
        /*background-color: yellow;*/
        /*margin-top: 10px;*/
        padding-bottom: 60px;
        font-size: 0.9em;
        line-height: 1.5em;
        text-align: justify;
}

#pc_btn_360{
        margin-left: 218px;
        margin-bottom: 60px;
}



#pc_btn_video{
        margin-left: 27px;
        margin-bottom: 60px;
}


/*
 * -----------------------------------------------------
 * MB用 詳細ページ
 * -----------------------------------------------------
 */

#page_mb_detail{
        display: none;
}

#mb_breadcrumbs{
        position: absolute;
        top: 145px;
        left: 25px;
        color: #d7d7d7;
        z-index: 80;
        font-size: 1.5em;
}

#mb_mainImage{
        margin-top: 42px;
        /*border: 1px red solid;*/
        margin-bottom: -16px;
}

#mb_linkTop{
        position: absolute;
        /*background-color: red;*/
        width: 110px;
        height: 50px;
        z-index: 500;
        cursor: pointer;
}

#mb_typeName {
        margin-top: 57px;
        margin-left: 50px;
        z-index: 300;
}

#mb_mainCopy_en{
        color: #d7d7d7;
        /*background-color: blue;*/
        margin-top: 26px;
        margin-left: 50px;
        font-weight: bold;
        line-height: 1.8em;
        font-size: 2.0em;
        width: 650px;
}

#mb_mainCopy_jp{
        color: #d7d7d7;
        /*background-color: blue;*/
        margin-top: 26px;
        margin-left: 50px;
        font-weight: bold;
        line-height: 1.8em;
        font-size: 2.0em;
        width: 650px;
}

#mb_detailText_en {
        color: #d7d7d7;
        /*background-color: yellow;*/
        margin-left: 50px;
        margin-top: 23px;
        padding-bottom: 0px;
        font-size: 2.0em;
        line-height: 1.5em;
        text-align: justify;
        width: 650px;
        font-weight: 100;
}

#mb_detailText_jp {
        color: #d7d7d7;
        /*background-color: yellow;*/
        margin-left: 50px;
        margin-top: 23px;
        padding-bottom: 0px;
        font-size: 1.6em;
        line-height: 1.5em;
        text-align: justify;
        width: 650px;
        font-weight: 100;
}

#mb_specText_en {
        color: #d7d7d7;
        /*background-color: red;*/
        margin-left: 46px;
        width: 650px;
        font-size: 2.0em;
        line-height: 1.5em;
        margin-top: 23px;
        margin-bottom: 50px;
        font-weight: 100;
}

#mb_specText_jp {
        color: #d7d7d7;
        /*background-color: red;*/
        margin-left: 46px;
        width: 650px;
        font-size: 1.6em;
        line-height: 1.5em;
        margin-top: 23px;
        margin-bottom: 50px;
        font-weight: 100;
}

#mb_specText ul li{
  display: inline-block;
}

#mb_specText ul li:before{
    content: "\FF65";
    font-size: 1.0em;
    vertical-align: middle;
}

#mb_specText ul {
        list-style:circle;
}

#mb_btn_360{
        margin-left: 123px;
        margin-bottom: 40px;
}

#mb_btn_video{
        margin-left: 123px;
        margin-bottom: 60px;
}

/*
 * -----------------------------------------------------
 * サンプル用のページ
 * -----------------------------------------------------
 */

#page_sample {
        display: none;
}



/*  スクロールバー  */

#scrollbar {
        position: absolute;
        top: 0px;
        right: 5px;
        z-index: 3000;
        background-color: #fff;
        width: 8px;
        height: 200px;
        border-radius: 20px;
        opacity: 0.5;
        display: none;
}

#scrollOuter {
        position: absolute;
        top: 159px;
        left: 100px;
        height: 500px;
        width: 284px;
        z-index: 300;
        background-color: rgb(60, 60, 60);
        overflow: hidden;
}

#scrollInner {
        position: absolute;
        top: 0px;
        left: 0px;
        min-height: 600px;
        width: 284px;
        z-index: 300;
        font-size: 20px;
        background-color: rgb(152, 152, 152);
        overflow: auto;
        cursor: default;
}


/*
 * -----------------------------------------------------
 * 360° View
 * -----------------------------------------------------
 */

#view360_div{
        /*position:fixed;*/
        /*top: -2000px;*/
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1000px;
        height: 2000px;
        z-index: 10000;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 1;
}

#iframe_view360 {
        position: absolute;
        border: 0;
        top: 30px;
        left: 30px;

}

#view360_close_btn{
        position: absolute;
        top: 30px;
        right: 16px;
        opacity: 0.5;
}

#mb_view360_div{
        /*display: none;*/
        position:fixed;
        top: -4000px;
        /*top: 0px;*/
        left: 0px;
        width: 750px;
        height: 4000px;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.8);
        opacity: 1;
}

#mb_iframe_view360 {
        position: absolute;
        border: 0;
        top: 130px;
        left: 75px;
        z-index: 5000;
}

#mb_view360_close_btn{
        position: absolute;
        top: 30px;
        left: 680px;
        opacity: 0.5;
        z-index: 6000;
}

/*
 * -----------------------------------------------------
 * video
 * -----------------------------------------------------
 */

#video_div{
        /*position:fixed;*/
        /*top: -2000px;*/
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1000px;
        height: 2000px;
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 1;
}

#iframe_video {
        position: absolute;
        border: 0;
        top: 30px;
        left: 30px;

}

#video_close_btn{
        position: absolute;
        top: 30px;
        right: 14px;
        opacity: 0.5;
}


#mb_video_div{
        position:fixed;
        top: -4000px;
        /*top: 0px;*/
        left: 0px;
        width: 750px;
        height: 4000px;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.7);
        opacity: 1;
}

#mb_iframe_video {
        position: absolute;
        border: 0;
        top: 30px;
        left: 75px;

}

#mb_video_close_btn{
        position: absolute;
        top: 30px;
        left: 680px;
        opacity: 0.5;
}

.grayscale{
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.5;
}


/*  EOF  */