<!--
﻿﻿body {
 background-image: url("../a1.jpg");
 background-repeat: no-repeat;
 background-position: 50% 40%;
 color: #000000;
}
tr { text-align: center; }
a { text-decoration: none; font-weight: bold; }
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #ffffff; }
a:active { color: #ffffff; }
// -->

html , body {
 height: 100%;
}

#container {
 width: 100%;
 position: relative;
 height: auto !important;
 height: 100%;
 min-height: 100%;
}

#contents {
 padding-bottom: 100px;
}

#footer {
 position: fixed;
 bottom: 0;
 width: 100%;
 height: 50px;
}

/* slideshow */

#slideshow {
    position:relative;
    width:400px; /* ボックス領域の横幅 */
    height:600px; /* ボックス領域の高さ */
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width:400px; /* ボックス背景の横幅 */
    height:410px; /* ボックス背景の高さ */
    background-color: #FFF; /* ボックス背景の色 */
}

#slideshow DIV.active {
    z-index:10; /* 画像の重なり具合 */
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    width:400px; /* 画像の横幅 */
    height:380px; /* 画像の高さ */
    display: block;
    border: 0;
    margin-bottom: 10px; /* 画像下部と文字との余白 */
}