@charset "UTF-8";

/* -----------------------------------------------
 *           recommend
 * ----------------------------------------------- */

img.icon-01,
img.icon-02,
img.icon-03,
img.icon-11,
img.icon-12,
img.icon-13 {
	vertical-align: baseline;
}


#main-area div.structure-content {
	margin-bottom: 0;
}

/* =========== content-area =========== */

#content-area {
	width: 700px;
/*
	margin-left: 100px;
	_margin-left: 50px;
*/
}


/* =========== content-title =========== */

#content-title {
}

#content-title h1 {
	margin-bottom: 20px;
}


/* =========== recommend-unit =========== */

#content-body div.recommend-unit {
	margin-bottom: 40px;
}

#content-body div.recommend-header {
	margin-bottom: 15px;
	padding: 7px 7px;
	border: 1px solid #4b5e70;
}

#content-body div.recommend-header h2 {
	margin-bottom: 3px;
	*margin-bottom: 0;
	font-size: 117%;
	font-weight: normal;
	color: #4b5e70;
	line-height: 1.3;
}

#content-body div.recommend-header p.date {
	line-height: 1.3;
}

div.recommend-unit div.txt {
	margin:0 0 20px 0;
	padding: 10px;
	background: #efefef;
}

div.recommend-unit table {
	border-collapse: collapse;
}

div.recommend-unit table thead {
	display: none;
}

div.recommend-unit table td {
	padding-bottom: 10px;
	vertical-align: top;
}

div.recommend-unit table td.thumbnail {
	padding: 0;
	width: 60px;
	height: 45px;
	border-bottom: 10px solid #fff;
	text-align: center;
	vertical-align: middle;
}

div.recommend-unit table td.date {
	padding: 0 20px;
	line-height: 1.2;
	vertical-align: middle;
}

div.recommend-unit table td.date span {
	padding: 0 15px;
	display: block;
	width: 100px;
	border-right: 1px solid #4b5e70;
	border-left: 1px solid #4b5e70;
	font-size: 82%;
	font-weight: bold;
	text-align: center;
}

div.recommend-unit table td.link {
	vertical-align: middle;
}

div.recommend-unit table td.link p {
	padding-left: 15px;
	text-indent: -15px;
	line-height: 1.3;
}

div.recommend-unit table img.new {
	margin-left: 5px;
}

div.recommend-unit p.more {
	float: right;
	font-size: 82%;
}

div.paging {
	width: 940px;
	margin: 0 auto 40px auto;
	text-align: left;
}

div.paging div.block{
	margin: 0;
	padding: 20px 0 0 0;
	width: 700px;
	border-top: 1px solid #ccc;
	text-align: center;
}
div.paging ul {
	margin: 0;
	padding: 0;
}

div.paging ul li {
	margin-left: 15px;
	display: inline-block;
	display: -moz-inline-box;
	/display: inline;
	/zoom: 1;
	list-style: none;
	font-size: 82%;
}
div.paging ul li.prev {
	margin: 0 15px 0 0;
	font-size: 93%;
}

* html div.paging ul li.prev {
	font-size: 82%;
}

*:first-child + html div.paging ul li.prev {
	font-size: 82%;
}

div.paging ul li.next {
	margin: 0 0 0 30px;
	font-size: 93%;
}

* html div.paging ul li.next {
	font-size: 82%;
}

*:first-child + html div.paging ul li.next {
	font-size: 82%;
}

div.paging ul li.cur {
	font-size: 100%;
	font-weight: bold;
}

div.recommend-unit:after,
div.recommend-unit p.more:after,
div.paging ul:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div.recommend-unit,
div.recommend-unit p.more,
div.paging ul{
	zoom:1;
}

