/* indexm.htmlスタイルシート */
.ttb {
    background-color: #808000;  /* タイトル背景色 */
    color: #FFFFFF;
    width: 100%;
    height: 120px;
    font-family: "HG丸ｺﾞｼｯｸM-PRO";
    font-size: 2em;
    text-align: center;
}
.hoverm {
    width:        250px;
    height:        350px;
    text-align: center;
    /*overflow:    hidden;*/
    margin:        0px 0px 0px 0px;
    position:    relative;/* 相対位置指定 */
}

.hoverm .family {
    font-size:    2em;
    text-align: center;
    padding-top:5px;
    color:        #fff;
}

 /* album2スタイルシート */
.hover1 {
    width:        298px;
    height:        198px;
    overflow:    hidden;
    margin:        0px 0px 0px 0px;
    position:    relative;/* 相対位置指定 */
}
.hover1 .caption {
    font-size:    120%;
    text-align:     center;
    padding-top:    5px;
    color:        #fff;
}
.hover1 .mask {
    width:        100%;
    height:        15%;
    position:    absolute;/* 絶対位置指定 */
    top:        170;
    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: #808000;  /* タイトル背景色 */
    color: #FFFFFF;
}
.txt-white {
    color: #FFFFFF;
}
.txt-center {
    text-align: center;
}
.HD1 {
    text-align: center;
    vertical-align: middle;
    font-size: 4em;
}
/* 種数、画像数スタイル */
.N-pic {
    font-style: normal;
    font-size: 2em;
    text-align: right;
}
/* リンクテキストスタイル */
.lnk1 {
color: #FFFFFF;
font-size: 1.8em;
text-decoration: none;
text-align: center;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}