* {
        margin: 0;
        padding: 0;
}

html, body {
        height:100%;
}

body {
        background-color: #000000;
        font-family: Bitstream Vera Sans, Tahoma, sans-serif;
        font-size: 11px;
        color: #999999;
}

table {
        font-size: inherit;
}

a {
        color:#757575;
        text-decoration: none;
}

a:hover {
        color: #888888;
}

#head, #foot {
        height: 6%;
        min-height: 25px;
        width: 100%;
        background-color: #151515;
        overflow: hidden;
}

#foot {
        /*background-image: url('images/hyosetsu2.png');*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: 85px;
        text-align: center;
}

#foot > span,#head > span {
        top: 35%;
        position: relative;
        padding: 20px;
}

#foot > span {
        color: #393939;
}

#maincontent {
        width:100%;
        height:88%;
}

.logoanim {
        height: 100px;
        width: 100%;
        background-image: url('images/titleanim.gif');
        background-repeat: no-repeat;
        background-position: center;
        padding: 50px 0px 0px 0px;
        text-align: center;
}

.logoanim .logotext {
        position: relative;
        top: 50px;
}

.hidden {
        display: none;
}

.info {
        color: green;
        font-weight: bold;
}

.warning {
        color: red;
        font-weight: bold;
}

.clear {
        clear:both;
}

.photo-link {
        padding:5px;
        margin:5px;
        border:1px solid #ccc;
        display:block;
        width:200px;
        float:left;
}

.photo-link:hover {
        border-color:#999;
}