body {
    overflow: hidden;
}

.topframe {
    width: 100%;
    height: 80%;
    background-color: #343434;
    background-image: url("../Resources/iotag.png");
    position: relative; /* 位置指定の基準点にする */
}
#login {
    position: absolute; /* 位置指定 */
    background-color: #343434;
    width: 700px;
    padding-top: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.bottomframe {
    width: 100%;
    height: 20%;
    background-color:#fff;
}
.logo {
    font-size: 30px;
    font-family: 'Cormorant Garamond', serif;
    margin-left:5px;
}

.footer {
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    color: #222;
    padding-bottom:20px;
}