@charset "UTF-8";


/*/////////////////////////////
 mdn - 月刊MdN
 /////////////////////////////*/
 
 /* 
 


 * ------------------------- */
 

/* index - 月刊MdN詳細ページ
 * ------------------------- */ 
.mdnSection strong {
	 font-weight:bold;
 }
 
.mdnSection a:link { color:#bb0000; text-decoration: none; }
.mdnSection a:visited { color:#bb0000; text-decoration: none; }
.mdnSection a:active { color:#bb0000; text-decoration: underline; }
.mdnSection a:hover { color:#bb0000; text-decoration: underline; }
 
 	
	/* タイトル部分
	* ------------------------- */
	.mdnTitleWrap{
		width:640px;
		background:#fff;
		box-sizing:border-box;
		padding:0;
		margin-bottom:30px;
		position:relative;
		}
	
		.mdnTitleWrap a { color:#bb0000; text-decoration: none; }
		.mdnTitleWrap a:visited { color:#bb0000; text-decoration: none; }
		.mdnTitleWrap a:active { color:#bb0000; text-decoration: underline; }
		.mdnTitleWrap a:hover { color:#bb0000; text-decoration: underline; }
		
	.mdnTitleBg {
	}
	
	.mdnTitleTxt {	
		padding:15px 20px 15px;
		line-height:1.6;
	}
	
	.mdnLinkArrow {
		background: url(../img/common/icon_arrow_red.png) no-repeat left center;
		padding: 0 0 0 15px;
		margin-right:20px;
	}
	
/* テキストタイトル部分 added in 20150416
* ------------------------- */	
.mdnIndexTitleB {
	border-bottom:1px solid #000;
	padding-bottom: 10px;
	margin-bottom:50px;
}

.mdnIndexCoverBlock {
	
}

	.mdnIndexCoverL {
		float:left;
		width:340px;
		margin-right:36px;
	}
	
	.mdnIndexCoverR {
		float:left;
		width:204px;
		margin-bottom:20px;
	}


/* テキスト部分
* ------------------------- */	
.mdnBlock {
	padding:30px;
	margin-bottom:30px;
	position:relative;
	width: auto;
	font-size: 15px;
	line-height: 1.8em;
}

	.mdnFeatureTitle {
		border-bottom:1px solid #000;
		padding-bottom:20px;
		margin-bottom:30px;
	}
	
	.mdnCoverTable {
		margin-bottom:30px;
	}
	
	.mdnCoverTable td,
	.mdnCoverTable th {
		vertical-align:top;
	}

	.mdnImgLink img {
		border:1px solid #bb0000;
	}
	
	.mdnCover {
		line-height:1;
	}
	
	.mdnPagePhoto {
		background-color:#fafafa;
		padding:30px;
		margin-bottom:20px;
		clear:both;
	}
	
		.mdnPagePhoto p {
			font-size:13px;
			line-height:1.6;
		}
	
		.mdnPagePhoto .mdnPagePhotoTitle {
			font-weight:bold;
			border-bottom:1px solid #000;
			padding-bottom:10px;
			margin-bottom:20px;
			font-size:15px;
		}
		
		.mdnFeatureBtn {
			color:#fff;
			font-weight:bold;
			background:#373737;
			padding:4px 4px 3px;
			font-size:13px;
			margin-right:10px;
		}
		
		
/* 購入ボタン　カバー下
 * ------------------------- */	
 
.mdnBtnBuyS {
	text-align:center;
	width:200px;
	font-size:13px;
}

	.mdnBtnBuyS > li {
		margin-bottom:6px;
	}
	
	.mdnBlock .mdnBtnBuyS > li span,
	.mdnBlock .mdnBtnBuyS > li a {
		display:block;
		font-weight:bold;
		color:#fff;
	}
	
	.mdnBtnBuyS > li.mdnBtnBook span,
	.mdnBtnBuyS > li.mdnBtnEbook span {
		background:#0ba290;
		padding:10px 0;
	}
	
	.mdnBtnBuyS > li.mdnBtnPeriodicS a {
		background:#bb0000;
		padding:15px 0;
	}
	
		.mdnBtnBuyS > li.mdnBtnPeriodicS a:hover {
			text-decoration:none;
		}
	
	.mdnBtnBuyS > li.mdnBtnBook {
		z-index:1000;
	}
	
	.mdnBtnBuyS > li.mdnBtnEbook {
		z-index:100;
	}
	
	.mdnBtnBuyS > li.mdnBtnPeriodicS {
		z-index:10;
	}
	
	/* ドロップダウン
 	* ------------------------- */	
	
	#dropmenuMdN li {
		position: relative;
	}
	
		#dropmenuMdN li ul {
			display:none;
			position:absolute;
			top:47px;
			left: 0px;
			width:200px;
			background:#0ba290;
		}
		
			#dropmenuMdN li ul li {
				margin:0;
				padding:0;
				width:200px;
			}
			
				#dropmenuMdN li ul li a {
					display:inline-block;
					width:200px;
					padding:8px 0;
					color:#fff;
					text-decoration:none;
					border-bottom:1px solid #3bb4a6;
				}
				
				#dropmenuMdN li ul li a:hover {
					background:#3bb4a6;
				}
	
				
	
 
 	
/* 購入ボタン　ページ下
 * ------------------------- */
		
		.book_detail_label {
			font-size:13px;
		}
		
		.book_detail_label .lists a {
			color:#fff;
		}
		
		.book_detail_label .type {
			line-height:1.5;
		}
		
		.mdnBuyBtnPeriodicB {
			text-align:center;
		}
		
		.mdnBlock .mdnBuyBtnPeriodicB a {
			display:inline-block;
			background:#bb0000 url(../img/common/icon_arrow_white.png) no-repeat 95% center;
			color:#fff;
			padding:20px 80px;
			font-weight:bold;
		}
		
			.mdnBlock .mdnBuyBtnPeriodicB a:hover {
				text-decoration:none;
			}
			
			
/* MdNのmook
 * ------------------------- */
 
.mdnMookWrap {
	overflow:hidden;
	padding:20px 30px;
}

	.mdnMookCover {
		float:left;
		width:120px;
		margin:0 0 20px 0;
	}
	
	.mdnMookTxt {
		float:right;
		width:440px;		
	}
	
		.mdnMookTitle {
			font-weight:bold;
			margin-bottom:20px;
		}
		
		.mdnMookBtn a {
			font-weight:bold;
			background:#f2f2f2;
			font-size:11px;
			padding: 7px 12px 5px;
		}
		
		.mdnMookBtn a:hover { text-decoration:none; }
		
		

/* MdNのバックナンバー対応
 * ------------------------- */
 
.mdnBacknumWrap {
	background: #fff url(../img/mdn/bg_mdnbacknum.png) repeat-y;
	overflow:hidden;
	border-bottom:2px solid #f3f2eb;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius:  0 0 5px 5px;
	-moz-border-radius:  0 0 5px 5px;
}

	.mdnBacknumWrap li {
		width:320px;
		float:left;
		padding:15px 20px;
		box-sizing:border-box;
		overflow:hidden;
	}
	
	.noborder {
		border:none;
	}
	
	.mdnBacknumCover {
		width:82px;
		float:left;
		margin:0 15px 0 0;
	}
	
	
	
		
	.mdnBacknumTxt {
		float:right;
		width:183px;
	}
	
	.mdnBnDate {
			font-size:11px;
			margin-bottom:10px;
	}




	.book_article_text_area td {vertical-align: top;};

	/* Backnum Section
	========================================== */
	.article .backnumSection {
		margin: 0 0 25px;
	}

	.article .backnumSection h3 {
		margin: 0 0 5px 3px;
	}

		/* Backnumber Info
		---------------------------------------- */
		.article .backnumSection table.backnumInfo {
			width: 100%;
			table-layout: fixed;
		}
		
		.article .backnumSection table.backnumInfo tr td {
			padding: 7px;
			border: 1px solid #BFBFBF;
			zoom: 1;
		}
		
			/* Image
			---------------------------------------- */
			.article .backnumSection table.backnumInfo tr td p.image {
				float: left;
				margin: 0; /* Reset */
				width: 100px;
				text-align: center;
			}
			
			/* Text
			---------------------------------------- */
			.article .backnumSection table.backnumInfo tr td .text {
				float: right;
				width: 185px;
			}
			
			.article .backnumSection table.backnumInfo tr td .text h4 {
				margin: 0 0 5px;
				font-size: 116.67%;
				line-height: 1.143;
			}
			
			.article .backnumSection table.backnumInfo tr td .text h4 a {
				color: #303030;
			}
			
			.article .backnumSection table.backnumInfo tr td .text h4 span.date {
				font-size: 100%;
				line-height: 1.335;
				font-weight: normal
			}
			
			.article .backnumSection table.backnumInfo tr td .text p {
				margin: 0; /* Reset */
				font-size: 116.67%;
				line-height: 1.143;
			}


	/* Monthly Latest
	========================================== */
	.article .monthlyLatest {
		margin: 0 0 25px;
		padding: 10px 15px 12px;
		background-color: #D3EAF8;
	}

	.article .monthlyLatest h3 {
		padding: 0 0 0 24px;
		margin: 0 0 10px;
		background: url(../../images/MdN/monthlylatest_ico_01.gif) no-repeat 4px 0.25em;
		font-size: 92.4%;
		line-height: 1.666;
	}

	.article .monthlyLatest h3 strong {
		font-size: 116.67%;
		line-height: 1.429;
	}

		/* Book Info
		---------------------------------------- */
		.article .monthlyLatest ul.bookInfo {
			position: relative;
			margin: 0 0 0 -20px;
			width: 628px;
			zoom: 1;
		}
		
		.article .monthlyLatest ul.bookInfo:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		.article .monthlyLatest ul.bookInfo li {
			float: left;
			display: inline; /* for IE */
			position: relative;
			margin: 0 0 0 20px;
			padding: 7px 10px;
			width: 272px;
			border: 1px solid #BFBFBF;
			background-color: #FFFFFF;
			zoom: 1;
		}
		
		.article .monthlyLatest ul.bookInfo li:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
			/* Image
			---------------------------------------- */
			.article .monthlyLatest ul.bookInfo li p.image {
				float: left;
				margin: 0; /* Reset */
				width: 104px;
				text-align: center;
			}
			
			/* Text
			---------------------------------------- */
			.article .monthlyLatest ul.bookInfo li .text {
				float: right;
				width: 160px;
				padding: 0 0 15px;
			}
			
			.article .monthlyLatest ul.bookInfo li .text h4 {
				font-size: 116.67%;
				line-height: 1.286;
			}
			
			.article .monthlyLatest ul.bookInfo li .text h4 a {
				color: #303030;
			}
			
			.article .monthlyLatest ul.bookInfo li .text p {
				margin: 5px 0 0;
				font-size: 116.67%;
				line-height: 1.286;
			}
			
				/* Buy Link
				---------------------------------------- */
				.article .monthlyLatest ul.bookInfo li ul.buyLink {
					position: absolute;
					bottom: 30px;
					width: 160px;
				}
				
				.article .monthlyLatest ul.bookInfo li ul.buyLink li {
					float: none; /* Reset */
					position: absolute;
					top: 0;
					left: 0;
					padding: 0; /* Reset */
					margin: 0;
					width: 77px;
					border: none; /* Reset */
					zoom: normal;
				}
				
				.article .monthlyLatest ul.bookInfo li ul.buyLink li.amazon {left: 83px;}


	/* Book Ranking
	========================================== */
	.article ul.bookRanking {
		margin: 0 0 6px;
		border: 1px solid #BFBFBF;
		background: url(../../images/common/line_solid01_gray01.gif) repeat-y 318px 0;
		zoom: 1;
	}

	.article ul.bookRanking:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

	.article ul.bookRanking li {
		vertical-align: bottom;
		zoom: 1;
	}

	.article ul.bookRanking li:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

		/* 8-1.Book Image
		---------------------------------------- */
		.article ul.bookRanking li p.bookImage {
			float: left;
			padding: 7px 0;
			width: 120px;
			text-align: center;
		}
		
		/* 8-2.Book Summary
		---------------------------------------- */
		.article ul.bookRanking li .bookSummary {
			float: right;
			padding: 0 10px 0 0;
			width: 180px;
		}
		
		.article ul.bookRanking li .bookSummary .title {
			position: relative;
			margin: 10px 0;
			padding: 0 0 0 23px;
			font-weight: bold;
			font-size: 116.67%;
			line-height: 1.286;
			zoom: 1;
		}
		
		.article ul.bookRanking li .bookSummary span.num {
			position: absolute;
			top: 3px;
			left: 0;
		}
		
		.article ul.bookRanking li .bookSummary .title a {
			color: #303030;
		}
		
		.article ul.bookRanking li .bookSummary p {
			margin: 0 0 10px;
			font-size: 116.67%;
			line-height: 1.286;
		}
		
		/* 8-3.First
		---------------------------------------- */
		.article ul.bookRanking li.first {
			border-bottom: 1px solid #BFBFBF;
			background: url(../../images/parts/bookranking_bg_01.gif) repeat-y 134px 0;
		}
		
		.article ul.bookRanking li.first p.bookImage {
			width: 134px;
		}
		
		.article ul.bookRanking li.first .bookSummary {
			width: 469px;
			padding-right: 15px;
		}
		
		.article ul.bookRanking li.first .bookSummary .title {
			padding-left: 40px;
		}
		
		/* 8-4.Second
		---------------------------------------- */
		.article ul.bookRanking li.second {
			float: left;
			width: 318px;
		}
		
		/* 8-5.Third
		---------------------------------------- */
		.article ul.bookRanking li.third {
			float: right;
			width: 319px;
		}