/* -------------------------------------------------------
    japanknowledge.com articles column css
    last update 2023.1.16  Ver 1.02
------------------------------------------------------ */

/* コンテンツ部分スタイル
------------------------------------*/
.twoColumnRightPane #main {
	width: 680px;
	padding: 0;
	background: none;
	border: none;
}

#upperMain {
	margin: 0 0 10px;
	text-align: center;
}
#middleMain {
	font-size: 15px;
	line-height: 1.7;
	margin: 0 0 20px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
}
#middleMain h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
#middleMain p {
	margin: 10px 0;
}

#lowerMain {
	overflow: hidden;
	zoom: 1;
}
#lowerMain .writer {
	font-size: 12px;
	line-height: 1.7;
	margin: 0 0 20px;
	padding: 15px 20px;
	background: #fff;
	border: 10px solid #ddd;
	overflow: hidden;
	zoom: 1;
}
#lowerMain .writer .imgR {
	float: right;
	margin: 0 0 0 20px;
}
#lowerMain .writer .name {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px;
}
#lowerMain .writer .contInfo {
	font-weight: bold;
	margin: 10px 0 0;
	padding: 0 0 0 15px;
	background: url(/image.jsp?id=2554) no-repeat left center;
}
#lowerMain .adSpace {
	float: left;
	width: 50%;
	margin: 0 0 20px;
	text-align: center;
}

/* 右ペインスタイル
------------------------------------*/
#rightPane .adSpace {
	text-align: center;
}
#rightPane .mainSeries,
#rightPane .specialSeries {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}
#rightPane .specialSeries {
	background: #f5f5f5;
}
#rightPane .specialSeries h4 {
	margin: 0 0 5px 0;
	border-left: 18px solid #3b9ada;
	padding: 0 0 0 10px;
}
#rightPane .mainSeries .more,
#rightPane .specialSeries .more {
	display: none;
}
#rightPane .mainSeries li,
#rightPane .specialSeries li {
	padding: 3px;
}
#rightPane .mainSeries a,
#rightPane .specialSeries a {
	color: #333;
}
#rightPane .mainSeries .moreBtn,
#rightPane .specialSeries .moreBtn {
	margin: 5px 0 0;
	text-align: right;
}
#rightPane .mainSeries .moreBtn span,
#rightPane .specialSeries .moreBtn span {
	display: inline-block;
	font-size: 11px;
	cursor: pointer;
}


/* メディアクエリー
------------------------------------*/
@media (max-width: 640px) {

	#main {
		margin: 0 10px;
	}
	#lowerMain .adSpace {
		float: none;
		width: auto;
	}
}