@charset "utf-8";

#storyPage{
    background: url(../img/story/bg_story.jpg) no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

#storyPage h2.pageTitle{
    background: url(../img/story/storypage_title.png) left top no-repeat;
    width: 136px;
    height: 28px;
    margin: 80px auto 30px auto;
}

#storyPage img{
    display: block;
    margin: 0 auto 80px auto;
}

#story{
    margin:40px 0 20px;
}

.tc{
    text-align:center;
}

#story_left{
    float:left;
    width:230px;
}

#story_right{
    float:left;
    width:690px;
}

#story_left img, #story_right img{
    margin:0px;
    display:inline;
}

#story_left li img{
    margin:0px;
    margin-bottom:15px;
}

#story_left h2, #story_right h2{
    margin-bottom:40px;
}

#story_slider_flame{
    position:relative;
    margin-bottom: 10px;
}
#story_slider .swiper-slide img {
	width: 598px;
}
/*
#story_slider_flame #story_slider{
    margin-left:45px;
    width:598px;
    height:330px;
    overflow:hidden;
}

#story_icon_left{
    position:absolute;
    left:0px;
    top:150px;
}

#story_icon_right{
    position:absolute;
    right:0px;
    top:150px;
}
*/

#file_ttl{
    margin-left:40px;
}

/*
#story_slider_bt{
    width:80px;
    margin:20px auto 40px;
}

#story_slider_bt li{
    float:left;
    margin-right:5px;
    color:#afdd1e;
}

#story_slider_bt li.last{
    margin:0px;
}

#story_slider_bt li a{
    text-decoration:none;
    color:#FFFFFF;
}
*/

#story_info{
    font-size:12px;
}

#story_arasuji{
    margin-top:20px;
    line-height:2.0em;
    margin-left: 40px;
    margin-right: 40px;
}

#story_left li {
    width: 171px;
    height: 30px;
    margin-bottom: 15px;
}

#story_left li a {
    width: 171px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

#story_left .story00 a{
    background: url(../img/story/file00_off.png) left top no-repeat;
}
#story_left .story00 a:hover{
    background: url(../img/story/file00_on.png) left top no-repeat;
}

#story_left .story01 a{
    background: url(../img/story/file01_off.png) left top no-repeat;
}
#story_left .story01 a:hover{
    background: url(../img/story/file01_on.png) left top no-repeat;
}

#story_left .story02 a{
    background: url(../img/story/file02_off.png) left top no-repeat;
}
#story_left .story02 a:hover{
    background: url(../img/story/file02_on.png) left top no-repeat;
}

#story_left .story03 a{
    background: url(../img/story/file03_off.png) left top no-repeat;
}
#story_left .story03 a:hover{
    background: url(../img/story/file03_on.png) left top no-repeat;
}

#story_left .story04 a{
    background: url(../img/story/file04_off.png) left top no-repeat;
}
#story_left .story04 a:hover{
    background: url(../img/story/file04_on.png) left top no-repeat;
}

#story_left .story05 a{
    background: url(../img/story/file05_off.png) left top no-repeat;
}
#story_left .story05 a:hover{
    background: url(../img/story/file05_on.png) left top no-repeat;
}

#story_left .story06 a{
    background: url(../img/story/file06_off.png) left top no-repeat;
}
#story_left .story06 a:hover{
    background: url(../img/story/file06_on.png) left top no-repeat;
}

#story_left .story07 a{
    background: url(../img/story/file07_off.png) left top no-repeat;
}
#story_left .story07 a:hover{
    background: url(../img/story/file07_on.png) left top no-repeat;
}

#story_left .story08 a{
    background: url(../img/story/file08_off.png) left top no-repeat;
}
#story_left .story08 a:hover{
    background: url(../img/story/file08_on.png) left top no-repeat;
}

#story_left .story09 a{
    background: url(../img/story/file09_off.png) left top no-repeat;
}
#story_left .story09 a:hover{
    background: url(../img/story/file09_on.png) left top no-repeat;
}

#story_left .story10 a{
    background: url(../img/story/file10_off.png) left top no-repeat;
}
#story_left .story10 a:hover{
    background: url(../img/story/file10_on.png) left top no-repeat;
}

#story_left .story11 a{
    background: url(../img/story/file11_off.png) left top no-repeat;
}
#story_left .story11 a:hover{
    background: url(../img/story/file11_on.png) left top no-repeat;
}

#story_left .story12 a{
    background: url(../img/story/file12_off.png) left top no-repeat;
}
#story_left .story12 a:hover{
    background: url(../img/story/file12_on.png) left top no-repeat;
}

.swiper-container {
    margin-left:45px;
    width: 598px;
    height: 370px;
    padding: 0 52px;
}

.bx-next{
    background: url(../img/story/icon_right.png) right top no-repeat !important;
    top: 178px !important;
    height: 42px !important;
    right: -40px !important;
}

.bx-prev{
    background: url(../img/story/icon_left.png) left top no-repeat !important;
    top: 178px !important;
    height: 42px !important;
    left: -40px !important;
}

.bx-pager-link{
    background: #ffffff !important;
}

.bx-pager-item .active{
    background: #AFDD1E !important;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    left: 0 !important;
    background: none !important;
    -webkit-transform: !important; */
    -moz-transform: !important;
    -ms-transform: !important;
    -o-transform: !important;
    transform: none !important;
}