@charset "utf-8";
/* CSS Document */

/*
	Site Name: www.nxdn-forum.com
	Description: Case Studies 専用CSS
	Last update: 2026.2.9
*/

/* =============================================================================
   Case Studies 専用CSS
   ========================================================================== */

.case-study-info {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

	.case-study-info th {
		text-align: left;
		padding: 8px 15px;
		background-color: #f5f5f5;
		border: 1px solid #ddd;
		width: 130px;
		font-weight: bold;
	}

	.case-study-info td {
		padding: 8px 15px;
		border: 1px solid #ddd;
	}

.case-study-image {
	margin: 20px 0;
	text-align: center;
}

	.case-study-image img {
		max-width: 100%;
		height: auto;
		border: 1px solid #ddd;
	}

	.image-caption {
		font-size: 85%;
		color: #666;
		margin-top: 5px;
		font-style: italic;
	}

.case-study-products {
	display: table;
	width: 100%;
	margin: 15px 0 25px 0;
}

	.case-study-products .product-item {
		display: table-cell;
		width: 25%;
		text-align: center;
		vertical-align: top;
		padding: 10px;
	}

	.case-study-products .product-item img {
		max-width: 120px;
		max-height: 120px;
		height: auto;
	}

	.case-study-products .product-item p {
		font-size: 85%;
		margin-top: 5px;
		font-weight: bold;
	}

.case-study-source {
	font-size: 85%;
	color: #666;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}

.case-study-list h3 {
	margin-top: 25px;
}

	.case-study-list h3 a {
		color: #09C;
	}

blockquote {
	margin: 15px 0;
	padding: 10px 20px;
	border-left: 4px solid #09C;
	background-color: #f9f9f9;
	font-style: italic;
}