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

/*** Side ***/

#aside {
	width:400px;
	margin-top:15px;
	float:left;
}

#aside img {
	border: solid 1px #c0c0c0;
	padding: 3px;
	margin-bottom: 10px;
	clear: both;
	background-color:#fff;
}

/*** Contents ***/

#article {
	width:390px;
	float:right;
	margin-top:15px;
	text-align:left;
}
#article p {
	line-height:180%;
	margin-bottom:8px;
}
/* styles.css */
.scroll-container {
    overflow-x: auto; /* 水平スクロールを有効にする */
    overflow-y: auto; /* 垂直スクロールも引き続き有効にする */
    width: 95%;
    height: 600px;
    border: 0px solid #ccc;
    padding: 20px;
	}
/* Custom scrollbar styles */
.scroll-container::-webkit-scrollbar {
    width: 12px; /* スクロールバーの幅を設定 */
}

.scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* トラックの背景色を設定 */
}

.scroll-container::-webkit-scrollbar-thumb {
    background: #888; /* スクロールバーの色を設定 */
    border-radius: 10px; /* 角を丸める */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
    background: #555; /* ホバー時のスクロールバーの色を設定 */
}