@charset "euc-jp";

/* -----------------------------------------------------------
	Site Name: Tochigi TV
	Author: Yamazen Communications co.,ltd.
	Comment: weblog page(list/detail)
	Since2008

Index
	01Detail Page
	02List Page
	

----------------------------------------------------------- */


/*ĦĦ01Detail Page
----------------------------------------------------------- */
/* ˘¨ described in topics.css */


/* Blog Header Area */
/* ˘¨ described in performersblog.css */


/*ĦĦ02List Page
----------------------------------------------------------- */

/* blog List Area */

/* Unit */

div#contents div.BlogList{
	width:550px;
	margin:0px auto 5px auto;
	text-align:left;
	border-bottom:1px #cccccc solid;
}
div#contents div.BlogList table{
	width:550px;
	margin:0;
	padding:0;
}

div#contents div.BlogList table tr td{
	text-align:center;
	margin:0;
	padding:0;
}

div#contents div.BlogList table tr td div{
	float:left;
	width:170px;
	min-height:220px;
	_height:220px;
	text-align:center;
	margin:0 8px 10px 0;
	padding:0;
	border: 1px #cccccc solid;
}

div#contents div.BlogList table tr td div span{
	display:block;
	height:120px;
	margin:5px auto 0 auto;
}

div#contents div.BlogList table tr td div h4{
	width:160px;
	margin:5px auto 0 auto;
	text-align:left;
	font-weight:bold;
}

div#contents div.BlogList table tr td div p{
	width:160px;
	margin:0px auto;
	text-align:left;
}

@media only screen and (max-width: 640px){
	div#contents div.BlogList,
	div#contents div.BlogList table{width:100%;}

	div#contents div.BlogList table tr td div{
		float: none;
		width:100%;
		margin:0 0 10px;
	}

	div#contents div.BlogList table tr td div h4,
	div#contents div.BlogList table tr td div p{
		width:auto;
		padding: 0 10px;
	}
}