@charset "utf-8";

/* ---------- common style ---------- */

@import url(common.css);

/* ---------- right area style ---------- */

.banner_rss {
	width: 234px;
	height: 30px;
	margin-bottom: 18px;
	font-size: 12px;
	text-indent: 30px;
}

.banner_rss a {
	display: block;
	width: 234px;
	height: 26px;
	background: url(../images/blog_rss_base.jpg) no-repeat left top;
	padding-top: 4px;
}

.area_box_head {
	width: 234px;
	height: 21px;
	background: url(../images/blog_head_icon.gif) no-repeat left top;
	border-bottom: 4px solid #1576D7;
	font-weight: normal;
	text-indent: 32px;
}

.area_box {
	width: 214px;
	background: url(../images/blog_column_bg.jpg) repeat-x left top;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 9px 9px 0 9px;
}

.area_box .box_left {
	float: left;
	width: 100px;
	margin-bottom: 10px;
}

.area_box .box_right {
	float: right;
	width: 100px;
	margin-bottom: 10px;
}

.area_box ul.list_link {
	font-size: 0.625em;
}

.area_box p.btn {
	text-align: center;
}

.area_box_bottom {
	width: 234px;
	height: 7px;
	background: url(../images/blog_column_bottom.gif) no-repeat left top;
	margin-bottom: 8px;
}


/* ブログ内検索＆過去の記事 */

.blog_head1 {
	margin-top: 18px;
}

.blog_box1 {
	width: 212px;
	border: 1px solid #CCCCCC;
	padding: 8px 10px;
}

#tb_blog_search {
	width: 212px;
	border-collapse: collapse;
}

#tb_blog_search .search_field {
	width: 165px;
}

#tb_blog_search .cell_btn {
	width: 38px;
}


/* ----------left area---------- */

/* トップ一覧 */

#tb_blog_head {
	width: 644px;
	border-collapse: collapse;
	margin-bottom: 12px;
}


.blog_list_box {
	width: 644px;
	margin-bottom: 18px;
}

.blog_list_box h3 {
	background: url(../images/blog_list_head.jpg) no-repeat left top;
	padding-top: 8px;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	text-indent: 50px;
}

.blog_list_box .box1 {
	width: 602px;
	background: url(../images/blog_list_bg.jpg) repeat-y left top;
	border: 1px solid #929255;
	padding: 10px 20px;
}

.blog_list_box ul {
	list-style-type: none;
}

.blog_list_box ul li {
	margin-left: 8.5em;
	padding: 0.25em 0;
}

.blog_list_box ul li .date {
	background: url(../images/blog_icon_list.gif) no-repeat left center;
	margin-left: -8.5em;
	padding : 0.25em 1.5em 0.25em 2em;
	font-family: Arial, Helvetica, sans-serif;
}

.blog_list_box ul li .new {
	margin-left: 1em;
	color: #FF0000;
	font-weight: bold;
}

/* 社員コメント */

#top_comment_line {
	width: 644px;
	height: 20px;
	background: url(../images/others_box_line.gif) repeat-x left top;
	margin-top: 2em;
}

#top_comment_box {
	width: 644px;
	background: url(../images/others_box_line.gif) repeat-x left bottom;
	padding-bottom: 2px;
}

#top_comment_box p {
	line-height: 1.4em;
}

#top_comment_box .comment_left {
	float: left;
	width: 305px;
	margin-bottom: 18px;
}

#top_comment_box .comment_right {
	float: right;
	width: 305px;
	margin-bottom: 18px;
}

#top_comment_box .box_left {
	float: left;
	width: 72px;
	text-align: center;
}

#top_comment_box .box_right {
	float: right;
	width: 218px;
}

#top_comment_box .photo {
	border: 4px solid #E7E7E7;
	margin-bottom: 3px;
}