/* ==========================================================================
   Twitter
   ========================================================================== */

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: 308px 107px;
	width: 308px;
	height: 107px;
	margin: 15px auto;
	text-indent: -9999px;
}

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

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

.twitter .description a:active {
	display: block;
    width: 123px;
    height: 28px;
    background-image: url(../images/twitter/btn-twitter.png);
    background-repeat: no-repeat;
    background-size: 123px 56px;
    background-position: 0px -28px;
    text-indent: -9999px;
    margin: 42px auto 0;
}


#ArchivedTwitter {
	width: 303px;
	margin: auto;
	padding-left: 3px;
}

#ArchivedTwitter a.otherlink{
	color: #000;
}

#ArchivedTwitter li {
	display: block;
	float: left;
	background-image: url(../images/common/bg-thum.png);
	background-repeat: no-repeat;
	background-size: 303px 169px;
	width: 303px;
	margin-bottom: 6px;
}

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

#ArchivedTwitter li .ytVideo {
	width: 300px;
	height: 169px;
}

.ds3 #ArchivedTwitter li .ytVideo {
	width: 300px;
	height: 159px;
}

#ArchivedTwitter span {
	display: block;
	font-weight: bold;
	font-size: 90%;
	padding: 10px 15px 15px 15px;
	line-height: 1.35em;
	background-image: url(../images/common/bg-thum-bottom.png);
	background-repeat: no-repeat;
	background-size: 303px 233px;
	background-position: center bottom;
}

.moreReadSp {
    text-indent: -9999px;
    width: 303px;
    height: 55px;
    margin: 0 auto 20px;
}

.moreReadSp a {
	background-image: url(../images/common/btn-more.png);
	background-repeat: no-repeat;
    background-size: 303px 110px;
    background-position: 0px 0px;
	width: 303px;
	height: 55px;
	display: block;
}

.moreReadSp a:active {
	background-position: 0px -55px;
}

.moreRead3D {
	height: 43px;
	padding-left: 10px;
	padding-right: 5px;
}

.moreRead3D #morePrev {
	background-image: url(../images/common/btn-more-3ds.png);
	background-repeat: no-repeat;
    background-size: 296px 86px;
    background-position: 0px 0px;
    text-indent: -9999px;
    width: 148px;
    height: 43px;
    margin: 0 auto 20px;
    float: left;
}

.moreRead3D #morePrev:active {
	background-position: 0px -43px;
}

.moreRead3D #moreNext {
	background-image: url(../images/common/btn-more-3ds.png);
	background-repeat: no-repeat;
    background-size: 296px 86px;
    background-position: -148px 0px;
    text-indent: -9999px;
    width: 148px;
    height: 43px;
    margin: 0 auto 20px;
    float: right;
}

.moreRead3D #moreNext:active {
	background-position: -148px -43px;
}

.moreRead3D a {
	width: 303px;
	height: 55px;
	display: block;
}