html {
			font-size: 16px;
			font-family: 'MS PGothic', 'Osaka', 'Arial', sans-serif;
			background-color: #fffff0;
			color: #000000;
		}

		body {
			width: 800px;
			margin: 0 auto;
			background-color: #ffffff;
			border: 1px solid #999999;
			padding: 10px;
		}

		.left {
			float: left;
			margin-right: 10px;
		}

		.right {
			float: right;
			margin-left: 10px;
		}

		.chapter_nav {
			text-align: center;
			background-color: #f0f0ff;
			border: 1px dotted #6666cc;
			padding: 5px;
			font-size: 14px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.cfix {
			clear: both;
		}

		a {
			color: #0000cc;
			text-decoration: underline;
		}

		a:hover {
			color: #ff0000;
			text-decoration: none;
		}

		hr {
			border: none;
			border-top: 1px dashed #999999;
			margin: 10px 0;
		}
.img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
    height: 100%;
    object-fit: cover; 
}