@charset "utf-8";

h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin-left: 20px;
}
#topics {
	margin: 20px;
	background: #DDDDDD url(../images/corner_l.gif) no-repeat left top;
	border: 1px solid #CCCCCC;
	line-height: 1;
	float: left;
	display: inline;
	width: 518px;
}
#topics .contents {
	background: url(../images/corner_r.gif) no-repeat right bottom;
	padding: 20px;
}

#topics  .contents p.title {
	border-left: 5px solid #333333;
	padding-left: 5px;
	margin-bottom: 5px;
}
#topics  .contents ul.feedList {
	height: 185px;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	overflow: auto;

}
#topics  .contents li.list {
	line-height: 150%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#topics .contents .list img {
	vertical-align: middle;
	padding-right: 3px;
}

#topics  .contents p.old_topics {
	text-align: right;
	padding-top: 5px;
}
#topics .contents .old_topics span {
	margin-right: 4px;
}
#topics .contents .old_topics img {
	vertical-align: middle;
}

#topics   p.foot {
	text-align: right;
}
#movie {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
	float: left;
}





/* untroduction style
----------------------------------*/
#introduction {
	margin: 40px 0;
	clear: left;
}

#introduction .intro-box {
	float: left;
	width: 300px;
}

.intro-box h2 {
	margin-left: 20px;
	font-weight: bold;
	font-size: 1.4em;
}

.intro-box p {
	padding: 20px 20px 0 20px;
}

.intro-box p.photos {
	margin-bottom: -20px;
	padding: 0;
}

/* interview style
----------------------------------*/

#interview {
	clear: left;
	margin: 0 40px;
	background: #C3D4D4;
}

#interview p {
	padding: 25px 25px 0 25px;
}

#interview p.photo {
	float: right;
	margin-left: 25px;
	padding: 0;
}

#interview p.speeker {
	margin-right: 25px;
	text-align: right;
}

#lead-shadow-top {
	margin-top: 30px;
}
