@charset "utf-8";

#topicArea {
	position:relative;
	width:338px;
	float:left;
	padding:0 20px 0 0;
	overflow:hidden;
} 
/*--- end [#topicArea] ----*/

#pdctArea {
	position:relative;
	width:140px;
	margin:10px 0 0;
	padding:0 10px 10px;
	float:right;
	overflow: visible;
}
/*--- end [#pdctArea] ----*/

#topicArea h3 {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ddd;
	text-align:center;
}

#topicArea h4 {
	padding:20px 0 5px 0;
}
/*--- end [#topicArea　子要素] ----*/

#topicArea ul {
	width:322px;
	height:184px;
	padding:11px 5px 8px 11px;
	overflow:hidden;
}

#topicArea ul li{
	padding:0 3px 3px 0;
	float:left;
}
/*--- end [#topicArea ul] ----*/

#topicArea dl{
	background:#F5F5F5;
	width:308px;
	height:170px;
	padding:10px 15px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#topicArea dl dt {
	width:80px;
	float:left;
	padding:0 8px 0 0;
}

#topicArea dl dd {
	width:200px;
	float:left;
}

/*--- end [#topicArea dl] ----*/

#pdctArea h4{
	margin:-20px -11px 0;

}

#pdctArea dl dt {
	width:140px;
	height:130px;
	margin:-1px;
	padding:0;
	overflow:visible;
}

#pdctArea dl dd {
	font-size:90%;
	line-height:1.5;
	padding:8px 0 10px;
}

#pdctArea p{
	margin:0 -9px 0 56px;
}
/*--- end [#pdctArea　子要素] ----*/