body, html {
    margin: 0;
    padding: 0;
}
#head {
    width: 300px;
    height: 37px;
    background: url(images/ferame-h3-title.png) left top no-repeat;
    display: block;
}
.ja #head {background: url(images/ferame-h3-title-jp.png) left top no-repeat;}
#footer {
    width: 300px;
    height: 65px;
    background: url(images/ferame-h3-footer.png) left top no-repeat;
    display: block;
    margin-top: -7px;
    position: absolute;
    z-index: 1000;
}
.ja #footer {background: url(images/ferame-h3-footer-jp.png) left top no-repeat;}
#banner-container {
    background: #000;
    position: relative;
    padding-left: 35px;
    height: 155px;
    overflow: hidden;
}
#banner-cycle {
    margin-top: -25px;
}
#overlay-pic {
    width: 89px;
    height: 155px;
    background: url(images/ferame-h3-pic.png) left top no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 32000;
}
.play {
    width: 73px;
    height: 73px;
    background: url(images/play-ferame-73.png) left top no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin: -36px 0 0 -36px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE 5.5+*/
    -moz-opacity: 0.4; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.4; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.4; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
    zoom: 1;
}
a:hover .play {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}