@charset "utf-8";

/*
-------------------------------------
CSS file croon a song
FileName:topics.css
-------------------------------------
*/

/*
===== CONTENTS ===========================================

	1: LIST PAGE
	2: DETAIL PAGE

==========================================================
*/
#pankuzu{
	display: block;
	width: 954px;
	height: 36px;
	margin: 0 auto 0 auto;
}
#pankuzu p{
	font-size: 12px;
	padding: 12px 0 12px 5px;
}
/*
===== 1: LIST PAGE ==========================================
*/
#topics_list_wrap{
	display: block;
	width: 954px;
	height: 100%;
	margin: 30px auto 60px auto;
}
/**/
#topics_list_wrap #part{
	display:block;
	width: 200px;
	height: 320px;
	margin: 0 9px 0 9px;
	float:left;
	padding: 10px;
}
/**/
#part p.midashi_tx{
	height: 35px;
	line-height:18px;
	padding: 5px 0 10px 0;
	color: #000;
	border-bottom: 1px solid #CCC;
}
#part div.sumnail{
	display: block;
	width:200px;	
	height:200px;
	margin: 10px 0 10px 0;
}
#part div.bb_detail{
	display: block;
	width: 80px;
	height: 20px;
	margin:0;
}
/*
===== 2: DETAIL PAGE ==========================================
*/
#topics_detail_wrap{
	display: block;
	width: 954px;
	height: 100%;
	margin: 30px auto 60px auto;
}
/**/
#topics_detail_wrap div.title{
	display: block;
	width: 954px;
	height: 50px;
	border-bottom: 1px solid #CCC;
}
#topics_detail_wrap div.title p{
	font-size: 14px;
	color: #000;
	padding: 18px 10px 18px 10px;
}
/**/
#topics_detail_wrap div.photo{
	display: block;
	width: 400px;
	height: 400px;
	margin: 10px;
	float:left;
}
/**/
#topics_detail_wrap div.tx_area01{
	display: block;
	width: 524px;
	height: 100%;
	margin: 10px 0 10px 0;
	float:left;
}
#topics_detail_wrap div.tx_area01 p{
	padding:15px;
	line-height: 22px;
}
/**/
#topics_detail_wrap div.tx_area02{
	clear:both;
	display: block;
	width: 954px;
	height: 100%;
	margin: 20px 0 30px 0;
}
#topics_detail_wrap div.tx_area02 p{
	padding:15px;
	line-height: 22px;
}