@charset "UTF-8";

/* @group import */

/* common */


@import url(../../shared/css/reset-fonts.css);
@import url(../../shared/css/elements.css);
@import url(../../shared/css/module.css);
@import url(../../shared/css/section/footer.css);

@import url(../../shared/css/section/thickbox.css);

/* star */

/* override */

@import url(elements-module.css);
@import url(footer.css);

/* original */

@import url(header.css);
@import url(content.css);

/* @end */

/* @group twitter */

#twitter .Ttl {
	position: relative;
	width: 680px;
}

#twitter .Ttl p {
	position: absolute;
	top: 6px;
	right: 20px;
	line-height: 1;
}

#twitter .Ttl p img {
	padding-top: 3px;
	vertical-align: top;
}

#twitter .Ttl p span {
	padding-left: 5px;
	color: #fff;
	font-size: 190%;
	font-weight: bold;
}


#posts {
	position: relative;
	margin: 0 auto;
}

#posts ul {
	overflow: hidden;
	margin-right: -60px;
}

#posts ul li {
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

#posts ul li .Tweet {
	padding-top: 12px;
	background: url(../img/twitter/bg_post_top.png) no-repeat left top;
}

#posts ul li .Tweet p {
	text-align: justify;
	padding: 0 12px 30px;
	background: url(../img/twitter/bg_post_btm.png) no-repeat left bottom;
}

#posts ul li .Account {
	text-align: right;
	margin-top: -20px;
}

#posts ul li .Account img {
	vertical-align: baseline;
}

#twitter .More p.MoreView {
	margin-top: 1em;
	text-align: center;
}

#twitter .More p.Twitter {
	text-align: right;
	margin-bottom: 0;
}

/* @end */


/* @group interview */



#interview {
}

#interview .Lead {
    margin-bottom: 15px;
}

#interview ul {
    overflow: hidden;
    margin-right: -50px;
}

#interview ul li {
    float: left;
    width: 305px;
    margin-right: 25px;
    margin-bottom: 25px;
}

#interview ul li .Text {
    padding-top: 12px;
    background: url(../img/top/bg_serif_top.png) no-repeat left top;
}

#interview ul li .Text p {
    padding: 0 12px 35px 12px;
    background: url(../img/top/bg_serif_btm.png) no-repeat left bottom;
}

#interview ul li .Profile {
    margin-top: -10px;
    overflow: hidden;
}

#interview ul li .Profile img {
    float: left;
}

#interview ul li .Profile a {
    margin-top: 10px;
    margin-left: 15px;
    display: inline-block;
}



/* @end */

/* @group questionnaire */

#questionnaire dl {
    padding-top: 7px;
    overflow: hidden;
}

#questionnaire dl dt img {
    float: left;
}

#questionnaire dl dd {
    text-align: center;
    padding-bottom: 15px;
    background: url(../img/top/line_sub.png) repeat-x center bottom;
}

#questionnaire li.Last dl dd {
	background: none;
}

/* @end */

/* @group movie */

#content #sub #movie .Inner {
    width: 220px;
    padding: 15px;
}

#movie ul:after {
    content: url(/shared/img/px.gif);
    display: block;
    clear: both;
    height: 0;	
}

* html #movie ul:after {
    display: inline-block;
}

#movie ul li {
    display: inline; /* for IE6 */
    float: left;
    width: 60px;
    margin-left: 10px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 85%;
}

/* @end */