@charset "UTF-8";
/* CSS Document */

ul{
	width: 513px;
	margin: 0;
	padding: 0;
}

li{ margin: 0;
		padding: 0;
		list-style: none;
		font-size: 12px;
		border: 2px solid #FF9900;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin-bottom: 10px;
		clear: both;
		
	}
img.cover{
	 border: #FF9900 2px solid;
	 float: left;
	 margin-left: 5px;
	 margin-top: 10px;
}

img.title{ margin: 0; padding:0;}

p{ width: 170px;
	float: left;
	line-height: 16px;
	margin: 0;
	padding: 0;
	border-right: 3px dotted #FF9900;
	padding: 0 5px;
	padding-left: 15px;
	text-align: left;
	margin-top: 3px;
	_width: 190px;
	_width/*\**/: 190px\9;
	
	_padding-bottom: 50px;
	_padding-bottom/*\**/: 50px\9;
	
}

.detail{
	text-align: left;
	line-height: 16px;
	margin-top: 3px;
}

.subtit{ 
	width: 65px; display: inline-block;
	text-align: justify;
	text-justify: distribute-all-lines;
	margin-left: 5px;
}


.button{
	position: relative;
	width: 170px;
	float: left;
	left: 20px;
}

a.btnRead{
	background: url(img/new_read.jpg) no-repeat;
	width: 81px;
	height: 26px;
	display: inline-block;
	text-indent: -99999px;
	float: left;
}

a.btnDetail{
	background: url(img/new_detail.gif) no-repeat;
	width: 81px;
	height: 26px;
	display: inline-block;
	text-indent: -99999px;
	float: right;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}


* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}