body {
    background-image: url(../images/common/bg-yellow.png);
    background-repeat: repeat;
    background-attachment: fixed;
}

h1 {
    background-image: url(../images/twitter/title-twitter.png);
    background-repeat: no-repeat;
    background-size: 689px 180px;
    width: 689px;
    height: 180px;
    margin: 40px auto 40px;
    text-indent: -9999px;
}

.twitter .description {
    display: block;
    background-image: url(../images/twitter/text-description.png);
    background-repeat: no-repeat;
    background-size: 520px 153px;
    text-indent: -9999px;
    width: 520px;
    height: 153px;
    margin: 0 auto 30px;
}

.twitter .description a {
    display: block;
    width: 163px;
    height: 29px;
    background-image: url(../images/twitter/btn-twitter.png);
    background-repeat: no-repeat;
    background-size: 163px 58px;
    background-position: 0px 0px;
    text-indent: -9999px;
    margin: 75px auto 0;
}

.twitter .description a:hover {
    display: block;
    width: 163px;
    height: 29px;
    background-image: url(../images/twitter/btn-twitter.png);
    background-repeat: no-repeat;
    background-size: 163px 58px;
    background-position: 0px -29px;
    text-indent: -9999px;
    margin: 75px auto 0;
}

#ModalVideo {
    position: fixed;
    background-color: rgba( 245, 200, 0, 0.85 );
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

#ModalVideo iframe {
    width: 900px;
    height: 542px;
}

#ModalVideo span,
#ModalImage span {
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    display: block;
    padding: 20px;
    font-size: 90%;
}


#ModalVideo .inner,
#ModalImage .inner {
    position: absolute;
    width: 900px;
    left: 50%;
    top: 50%;
    margin-left: -450px;
    margin-top: -318px;
    padding: 20px 30px 20px 0;
}

#ModalVideo .close {
    margin: auto;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../images/common/btn-close.png);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    margin-top: 30px;
    text-indent: -9999px;
}

#ModalImage {
    position: fixed;
    background-color: rgba( 245, 200, 0, 0.85 );
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

#ModalImage .ytVideo {
    width: 900px;
    height: 542px;
}

#ModalImage .close {
    margin: auto;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../images/common/btn-close.png);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    margin-top: 30px;
    text-indent: -9999px;
}

#ModalImage .twitterImage img {
    display: block;
    width: 100%;
    height: auto;
}

#MainContent{
    padding-bottom: 175px;
    width:100%;
}

#ArchivedTwitter {
    width: 960px;
    margin: auto;
}

#ArchivedTwitter a {
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

/*
#ArchivedTwitter .movie a:before {
    content: ".";
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../images/common/btn-movie.png);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    text-indent: -9999px;
}

#ArchivedTwitter a:before {
    margin-left: 86px;
    margin-top: 38px;
}
*/

#ArchivedTwitter span {
    display: block;
    font-size: 87.5%;
    padding: 15px 15px 0 15px;
}

#ArchivedTwitter li {
    display: block;
    float: left;
    background-image: url(../images/common/bg-thum2.png);
    background-repeat: no-repeat;
    background-size: 233px 195px;
    width: 233px;
    height: 195px;
    margin: 0 7px 7px 0;
}

#ArchivedTwitter li.new:before {
    content: ".";
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../images/common/icon-new.png);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    text-indent: -9999px;
}