/* CSS Document */

h2{
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: normal;
	color: #999;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}


/* bnr
================================================== */
#banner{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	padding-top: 0px;
	padding-bottom: 10px;
}

#banner .box{
	height: 234px;
	width: 232px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);
	clear: both;
	padding: 9px;
}

p.bnr_txt{
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 232px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}




/* topics
================================================== */
#topics{
	float: right;
	width: 380px;
	margin-right: 25px;
}

#topics h2.topicsH2{
	height: 30px;
	width: 380px;
	margin-bottom: 3px;
	padding-bottom: 10px;
}

#topics #feed{width: 380px;}

#feed ul{
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#feed li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 5px;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}


/* media
================================================== */
article .media{
	width: 640px;
	margin-left: 230px;
	background-image: url(../img/line_mediainfo.jpg);
	background-repeat: repeat-y;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}


article .media dl {  
 width:580px;  
}  
article .media dt {  
 float:left;  
 width:100px;  
 padding:5px 0 5px 10px;  
 clear:both;  
 font-weight:bold;  
}  
article .media dd {
	width:460px;
	margin-left:120px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}