@charset "utf-8";

/* ========================================================
	column.css => 義家弘介先生コラム
======================================================== */


/* ブログ
============================================================================================================ */

#blogContents {
	width: 720px;
	padding-bottom: 20px;
}
#blogContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

/* メイン
----------------------------------------------------------------------------------------- */
#mainArea {
	position: relative;
	z-index: 3;
}
#mainArea p {
	position: absolute;
}

/* 記事エリア
----------------------------------------------------------------------------------------- */
#blogArea {
	float: left;
	width: 576px;
	background: url(../../../campus/common/images/blog_area_bg.gif) repeat-y right;
}
#blogAreaInner01 {
	padding-top: 155px;
	background: url(../../../campus/common/images/blog_area_bg_top.gif) no-repeat right top;
}
#blogAreaInner02 {
	background: url(../../../campus/common/images/blog_area_bg_bottom.gif) no-repeat right bottom;
	position: relative;
	zoom: 1;
}

#blogArea .blogArea {
	position: relative;
	top: -1px;
	z-index: 1;
	/* min-height: 680px; */
	margin-right: 20px;
	padding-bottom: 50px;
	background-color: #ffffff;
	border: 1px solid #e1ded4;
}
#blogArea .blogArea .title {
	position: relative;
	margin: 0 29px 30px;
	padding: 28px 0 5px;
	border-bottom: 1px solid #e1e1e1;
}
#blogArea .blogArea .title h3 {
	font-size: 159%;
	line-height: 1.3;
	color: #ffa200;
}
#blogArea .blogArea .title p {
	font-size: 92%;
	color: #898989;
}

#blogArea .blogArea .blog_body {
	margin: 0 57px 1.4em;
	font-size: 109%;
	zoom: 1;
}
#blogArea .blogArea .blog_body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#blogArea .blogArea .blog_body p {
	margin-bottom: 1.4em;
}

#blogArea .pager {
	position: absolute;
	bottom: -3em;
	left: 0;
	width: 554px;
	z-index: 10;
	text-align: center;
	margin: 0;
}
#blogArea .pager .current_page {
	font-weight: bold;
}

/* 一覧
----------------------------------------------------------------------------------------- */
#blogList {
	position: relative;
	left: -10px;
	float: right;
	width: 140px;
	line-height: 1.4;
}
#blogList dl {
	zoom: 1;
}
#blogList dl a {
	color: #535353;
}
#blogList dt {
	margin: 5px 0;
	border-bottom: 1px solid #c9c9c9;
	font-weight: bold;
	color: #535353;
}
#blogList dd dt {
	margin: 0.3em 0 0;
	border-bottom: none;
	font-weight: normal;
}
#blogList dd dd {
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #cccccc;
	font-size: 92%;
	color: #a0a0a0;
}
#blogList dd li {
	margin-top: 0.3em;
}