@charset "Shift_JIS";

/* ===================================================================
CSS information
 file name  :  related.css
 style info :  @niftyビジネス 関連記事
=================================================================== */
#contentsMain #main .relatedLink {
	/zoom: 1;
	position: relative;
	margin: 20px 0;
	padding: 0;
	background: #4c70c9;
}

#contentsMain #main .relatedLink h2 {
	margin: 0;
	padding: 7px 8px;
	background: #4c70c9 url(../images/bg_ttl_related.gif) no-repeat;
	border: 0;
	color: #fff;
}

#contentsMain #main .relatedLink ul.articleList {
	/zoom: 1;
	margin: 0 0 15px;
	padding: 0 2px 2px;
	/margin-bottom: 0;
}

#contentsMain #main .relatedLink ul.articleList li {
	background: #e4f0f9 url(../images/icon_article.gif) no-repeat 10px .7em;
	border-bottom: 1px solid #fff;
	padding-right: 10px;
	padding-left: 30px;
}

#contentsMain #main .relatedLink ul.articleList li.even {
	background-color: #f0f9fd;
}

#contentsMain #main .relatedLink ul.articleList li:nth-child(even) {
	background-color: #f0f9fd;
}

#contentsMain #main .relatedLink ul.articleList li a:link {
	color: #333;
}

#contentsMain #main .relatedLink ul.articleList li a:hover {
	color: #f60;
}

#contentsMain #main .relatedLink .more {
	color: #fff;
	position: absolute;
	top: 7px;
	/top: 5px;
	right: 5px;
	margin: 0;
}

#contentsMain #main .relatedLink .more a {
	background: none;
	color: #fff;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-weight: bold;
}

#contentsMain #main .relatedLink .more a:hover {
	background: none;
	color: #6ff;
}