@charset "utf-8";
/*<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />*/

/*============================================================

	[index.css]

	@author S.Kaizu

	1. content
	2. read
	3. list

============================================================*/

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

	1. content

------------------------------------------------------------*/
div.content {
	width: 705px;
}

div.content h1 {
	height: 50px;
}

div.content img {
	display: block;
	vertical-align: bottom;
}

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

	2. read

------------------------------------------------------------*/
div#read {
	margin: 0 15px 50px 0;
}

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

	3. list

------------------------------------------------------------*/
div#list {
	position: relative;
	margin: 0 0 40px;
}
* html div#list {
	margin: 0 0 50px;
}

div#list h2 {
	width: 690px;
	height: 55px;
	margin: 0 0 15px;
	background: #413732;
}

div#list p.notice {
	position: absolute;
	right: 25px;
	top: 36px;
	margin: 0;
}
* html div#list p.notice {
	right: 40px;
}

div#list ul {
	margin: 0;
	list-style: none;
}

div#list ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html div#list ul {
	height: 1%;
}
*:first-child+html div#list ul {
	min-height: 1%;
}

div#list li {
	float: left;
	margin: 0 15px 15px 0;
}

div#list li a {
	display: block;
	width: 210px;
	height: 140px;
	padding: 5px;
	background: #C6C3C1;
}

div#list li a img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

div#list li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}