.hover1 {
    width:        200px;
    height:        132px;
    overflow:    hidden;
    margin:        0px 0px 0px 0px;
    position:    relative;/* 相対位置指定 */
}
.hover1 .caption {
    font-size:    80%;
    text-align:     center;
    padding-top:    5px;
    color:        #fff;
}
.hover1 .mask {
    width:        100%;
    height:        15%;
    position:    absolute;/* 絶対位置指定 */
    top:        110;
    left:        0;
    opacity:    0;/* マスクを表示しない */
    background-color:rgba(0,0,0,0.1);/* マスクは半透明 */
    -webkit-transition:all 0.2s ease;
    transition:    all 1.5s ease;
}
.hover1:hover .mask {
    opacity:    1;/* マスクを表示する */
}
.sname-style1 {
    font-style: italic;
    font-size: medium;
    text-align: right;
    /* color: #FFFFFF; */
}
.ttb-bgcolor1 {
    background-color: #4472C4;  /* タイトル背景色 */
    color: #FFFFFF;
}
.txt-white {
    color: #FFFFFF;
}
.txt-center {
    text-align: center;
}
/* 種数、画像数スタイル */
.N-pic {
    font-style: normal;
    font-size: small;
}
/* リンクテキストスタイル */
.lnk1 {
color: #FFFFFF;
font-size: small;
text-decoration: none;
text-align: center;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
