@charset "utf-8";

div#history_slide{
    min-width:960px;
    width:100%;
    height:100%;
    min-height:700px;
    position:relative;
    padding-bottom:84px;
}
#history_slide ul{
    position:absolute;
    height:100%;
    width:10000px;/* コンテンツの縦幅 */
    top:0px;
    left:0px;
    overflow:hidden;
}
#history_slide li{
    display:block;
    float:left;
    height:100%;
    min-width:150px;
    border-right:1px dashed #AFAFAF;
}
#history_slide li dl{
    height:100%;
    overflow-y: hidden;
}

#history_slide li dt{
    height:21%;
    width:100%;
    background-color:#000000;
    position:relative;
}
#history_slide li dt span{
    position:absolute;
    top:0px;
    left:-90px;
    text-align:center;
    line-height:60px;
    height:150px;
    width:150px;
    display:block;
    font-size:60px;
    font-style:italic;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#history_slide li dd{
    width:100%;
}
#history_slide li dd p{
    float:left;
    padding-top:20px;
}
#history_slide li dd.main{
    height:41%;
    background-color:#000000;
    border-bottom:1px solid #AFAFAF;
    font-size:18px;
    line-height:17px;
}
#history_slide li dd.sub{
    height:38%;
    background-color:#333333;
    font-size:14px;
    line-height:15px;
}
#history_slide li dd span{
    width:1em;
    float:right;
    margin:0 2px 0 2px;
}
#history_slide li dd span b{
    display:inline-block;
    float:right;
    width:0.5em;
    height:1em;
    line-height:1px;
    font-weight:normal;
}
#history_slide li dd span b.kakko{
    width:1em;
    height:1em;
    line-height:1em;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}
#history_slide li dd span b.box{
    width:1em;
    height:1em;
    line-height:1em;
}

.flipsnap div.next,.flipsnap div.prev{
    position:absolute;
    top:0px;
    width:15%;
    height:100%;
    background-color:rgba(255,255,255,0.5);
    cursor:pointer;
}
.flipsnap div.next:hover,.flipsnap div.prev:hover{
    filter:alpha(opacity=6);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
}
.flipsnap div.next img,.flipsnap div.prev img{
    position:absolute;
    top:37%;
}

.flipsnap div.prev{
    left:0px;
}
.flipsnap div.prev img{
    left:50%;
    margin-left:-23px;
}
.flipsnap div.next{
    right:0px;
}
.flipsnap div.next img{
    right:50%;
    margin-right:-23px;
}