@charset "utf-8";

/* CSS Document */


/*layout*/

#wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
}

#slide_contents {
    position: relative;
    width: 950px;
    margin: 0px auto;
    background: rgba(0, 0, 0, 0.70);
    /* background: rgb(60, 60, 60); */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#666666, EndColorStr=#666666);
    /*IE8以下用*/
}


/* a */

.slide_header {
    position: relative;
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

.slide_header>li {
    float: left;
}

.slide_header>li>a {
    display: block;
}

.fast_btn_L {
    margin: 80px 14px 80px auto;
}

.fast_btn_L>a>img {
    width: 36px;
    height: 20px;
}

.fast_btn_R {
    margin: 80px auto 80px 14px;
}

.fast_btn_R>a>img {
    width: 36px;
    height: 20px;
}

.imgsbox {
    width: 850px;
    overflow: hidden;
    margin: 0px;
    position:relative;
}

.thums {
    position: relative;
    left: 0px;
    width: 160px;
    margin: 30px 5px;
    cursor: pointer;
}


/* b */

.slider {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

.slide_bar {
    width: 740px;
    margin: 0 105px 30px 105px;
}

.slide_bar>img {
    width: 740px;
    height: 14px;
    cursor: pointer;
}

.slide_btn {
    position: absolute;
    left: 108px;
    top: -8px;
    width: 30px;
    height: 30px;
}

.slide_btn>img {
    cursor: pointer;
}

.cnt {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #FFFFFF;
}


/* c */

.slide_main {
    position: relative;
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

.slide_main div {
    float: left;
}

.slide_main div a {
    display: block;
    line-height: 600px;
}

.slide_main .center_img {
    width: 840px;
    margin: 0 5px;
}

.slide_main .center_img>img {
    width: 840px;
}

.next_btn_L>a>img {
    margin: 275px 15px 275px auto;
    width: 35px;
    height: 80px;
}

.next_btn_R>a>img {
    margin: 275px auto 275px 15px;
    width: 35px;
    height: 80px;
}


/* d */

.footer {
    width: 840px;
    margin: 0 auto;
    padding: 20px 0 30px;
    overflow: hidden;
}

.footer img {
    float: right;
    margin-left: 30px;
    width: 200px;
}

.red {
    color: red;
}

.orange {
    color: orange;
}

/* スライドの赤枠削除 */
#slide_contents a:focus, input:focus {
	outline: none !important;
}
#slide_contents a:focus img[style] {
	outline: none !important;
}

@media screen and (max-width: 764px) {
    #slide_contents {
        width: 740px;
    }
    /* a */
    .slide_header {
        width: 740px;
    }
    .fast_btn_L {
        margin: 63px 14px 63px auto;
    }
    .fast_btn_R {
        margin: 63px auto 63px 14px;
    }
    .imgsbox {
        width: 630px;
    }
    .thums {
        width: 116px;
        margin: 20px 5px;
    }
    /* b */
    .slider {
        width: 740px;
    }
    .slide_bar {
        width: 530px;
    }
    .slide_bar>img {
        width: 530px;
    }
    /* c */
    .slide_main {
        width: 740px;
    }
    .slide_main div a {
        line-height: 473px;
    }
    .slide_main .center_img {
        width: 630px;
    }
    .slide_main .center_img>img {
        width: 630px;
    }
    .next_btn_L>a>img {
        margin: 196px 15px 196px auto;
    }
    .next_btn_R>a>img {
        margin: 196px auto 196px 15px;
    }
    /* d */
    .footer {
        width: 630px;
    }
    .footer img {
        width: 180px;
    }
}

:-webkit-full-screen {
    background-color: black;
}