@charset "utf-8";

/* nav
----------------------------------------------- */

#nav {
	margin: 40px 0 0;
}

/* intro
----------------------------------------------- */

#intro {
	margin: 40px auto 0;
	width: 960px;
}
#intro header h2 {
	float: left;
	width: 475px;
}
#intro header .readcopy {
	float: right;
	width: 451px;
}
#intro .banner {
	margin: 40px 0 0;
}

/* contents
----------------------------------------------- */

#contents {
	margin: auto;
	width: 960px;
}
#main {
	float: left;
	width: 720px;
}
#side {
	float: right;
	padding: 60px 0 0;
	width: 240px;
}

/* banners
----------------------------------------------- */

#banners {
	padding: 20px 0 0;
	text-align: center;
	border: 5px solid black;
}
#banners li {
	padding: 0 0 20px;
}
#banners li a {
	display: block;
}
#banners li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* index
----------------------------------------------- */

#index {
	width: 710px;
}
#index article {
	float: left;
	margin: 60px 30px 0 0;
	width: 325px;
}
#index article a {
	display: block;
	text-decoration: none;
}
#index article h4 {
	margin: 1.5em 0 0;
}
#index article .summary {
	margin: 1.5em 0 0;
	min-height: 5.4em;
	font-size: 0.85em;
	line-height: 1.8em;
}
#index article a:hover span {
	color: white;
	background: rgb(220,45,45);
}
#index article .image {
	margin: 30px 0 0;
}
#index article a:hover .image {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#index article .column {
	margin: 30px 0 0;
}
#index article .column .left {
	float: left;
	width: 150px;
}
#index article a:hover .left {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#index article .column .right {
	float: right;
	width: 155px;
}
#index article .column .latest {
	padding: 20px 0 0;
}
#index article .column .time {
	margin: 1em 0 0;
	color: rgb(150,150,150);
	font-size: 0.75em;
	font-weight: bold;
}
#index article .column h4 {
	margin: 1em 0 0;
	font-size: 0.85em;
	line-height: 1.8em;
}

.small {
	font-size: 0.85em;
	padding: 0 5px;
}