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

@import url(base.css);


/*----------------------------------------------------------------------------------------
	ARCHIVE PAGE
---------------------------------------------------------------------------------------- */
#container .article-intro {
	width:620px;
	margin: 0 0 20px;
}
#container h3.pagetitle {
	width:600px;
	background:transparent url(../img/title_txt.gif) left top no-repeat;
	height:30px;
	color:#FFF;
	font-size:1.2em;
	vertical-align:middle;
	line-height: 30px;
	padding: 0 10px;
	font-weight: bold;
}
#container .pagetitle {
	width:600px;
	background:transparent url(../img/title_txt.gif) left top no-repeat;
	height:30px;
	color:#FFF;
	font-size:1.2em;
	padding: 0 10px;
}
#container .pagetitle table.page-navi {
	width:600px;
	height:30px;
	vertical-align:middle;
}
#container .pagetitle table.page-navi td.left {
	width:25%;
	text-align:left;
}
#container .pagetitle table.page-navi td.center {
	width:50%;
	text-align:center;
	font-weight:bold;
}
#container .pagetitle table.page-navi td.right {
	width:25%;
	text-align:right;
}
#container .pagetitle a,
#container .pagetitle a:visited {
	color:#FFF;
	text-decoration:underline;
}
#container .pagetitle a:hover {
	color:#FFF;
	text-decoration:none;
}
#container .article-intro .article-unit {
	width:620px;
	padding:10px 0;
	border-bottom:1px dotted #7F7F7F;
}
#container .article-intro .thumbs {
	width:210px;
	margin:0 10px 0 0;
	float: left;
}
#container .article-intro .info-block {
	width:390px;
	float: left;
	padding:0 10px 0 0;
}
#container .article-intro .info-block-only {
	width:auto;
	padding:0 10px 0 0;
}
#container .article-intro li.title {
	width:auto;
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px;
	float: left;
	line-height: 140%;
}
#container .article-intro li.date {
	width:auto;
	margin: 0 0 5px;
	float: right;
}
#container .article-intro li.date span {
	width:auto;
	padding:3px 10px;
	font-size:1.2em;
	background:#000;
	color:#FFF;
	font-weight:bold;
	line-height: 160%;
}
#container .article-intro .summary {
	width:auto;
	font-size:1.2em;
	line-height: 160%;
}
#container .article-intro .summary .links {
	width:auto;
	padding: 5px 0 0;
}
#container .article-intro .info-block .summary p.category {
	width:310px;
	float:left;
	font-weight: bold;
}
#container .article-intro .info-block-only .summary p.category {
	width:530px;
	float:left;
	font-weight: bold;
}
#container .article-intro .summary p.readmore {
	width:80px;
	float:right;
}

.link-archive {
	width:600px;
	text-align: right;
	padding: 5px 10px 15px;
	font-size:1.2em;
}

#page-navi {
	width:620px;
	padding:10px 0 0;
	font-size:1.2em;
}
#page-navi table.functions {
	width:620px;
}
#page-navi table.functions td.prev {
	width:25%;
	vertical-align:top;
	padding:5px 0;
	text-align:left;
}
#page-navi table.functions td.next {
	width:25%;
	vertical-align:top;
	padding:5px 0;
	text-align:right;
}
#page-navi table.functions td.center {
	width:50%;
	vertical-align:top;
	padding:5px 0;
	text-align:center;
}