.ddm {
    display:inline-block;
    list-style-type:none;
    padding:0;
    margin:0;
}

.ddm li {
    float:left;
}

.ddm li a {
    display:inline-block;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    color:#000000;
    background:#ffcccc;
}

.ddm li a:hover {
    color:#000000;
    background:#cccccc;
}

.ddm li div {
    display:none;
    position:absolute;
    z-index:100;
}

.ddm li:hover div {
    display:block;
}

.ddm li div a {
    display:block;
    text-align:left;
    white-space:nowrap;
    color:#000000;
    background:#cccccc;
}

.ddm li div a:hover {
    color:#ffffff;
    background:#999999;
}

body {
    background-color:#ffcccc;
}

.sd {
    background:#ffffff;
}

#gallery {
    width:100%;
}

#gallery span {
    font-weight:bold;
}

#gallery table {
    width:100%;
    background:#ffffff;
    border-collapse:collapse;
}

#gallery td {
    width:calc(100% / 3);
    border:1vw solid #ffffff;
}

#gallery img {
    width:100%;
}