img
			{
				-ms-interpolation-mode : bicubic;
			}

			body.sfpg
			{
				background : #efe2ca;
				background-image: none;
				color: #2c1f18;
				font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', Georgia, serif;
				font-size: 12px;
				font-weight: normal;
				margin:0px;
				padding:0px;
				overflow:hidden;
			}

			body.sfpg a:active, body.sfpg a:link, body.sfpg a:visited, body.sfpg a:focus
			{
				color : #7a2f1f;
				text-decoration : none;
			}

			body.sfpg a:hover
			{
				color : #4b1b12;
				text-decoration : none;
			}

			table
			{
				font-size: 12px;
				height:100%;
				width:100%;
			}

			table.info td
			{
				padding : 10px;
				vertical-align : top;
			}

			table.sfpg_disp
			{
				text-align : center;
				padding : 0px;
			}

			table.sfpg_disp td.menu
			{
				background : #efe2ca;
				border-top : 1px solid #8c7a5f;
				vertical-align : middle;
				white-space: normal;
			}

			table.sfpg_disp td.navi
			{
				height: 25px;
				background : #e7dac1;
				border-top : 1px solid #8c7a5f;
				vertical-align : middle;
				white-space: nowrap;
			}

			table.sfpg_disp td.mid
			{
				vertical-align : middle;
			}

			.sfpg_info_text, .loading
			{
				background : #f8efdf;
				border : 1px solid #8c7a5f;
				color : #2c1f18;
				padding : 1px 4px 1px 4px;
				width : 200px;
			}

			.loading
			{
				padding : 20px 20px 20px 20px;
				margin-right: auto;
				margin-left: auto;
			}

			.sfpg_button, .sfpg_button_hover, .sfpg_button_on, .sfpg_button_nav, .sfpg_button_disabled
			{
				cursor: pointer;
				display: inline-block;
				padding: 2px 9px;
				margin: 0px 4px;
				white-space: nowrap;
				font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
				font-size: 11px;
				letter-spacing: 0.01em;
				border: 2px solid #2e120c;
				border-radius: 999px;
				background: linear-gradient(180deg, #6e311f 0%, #42170f 100%);
				color: #fff9ef;
				text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
				box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 2px 4px rgba(36, 15, 10, 0.18);
			}

			.sfpg_button_hover
			{
				background: linear-gradient(180deg, #8f4f38 0%, #542014 100%);
				border-color: #100806;
				color: #ffffff;
			}

			.sfpg_button_on
			{
				background: linear-gradient(180deg, #3f1a11 0%, #29100a 100%);
				border-color: #160805;
				color: #ffffff;
				font-weight: bold;
			}

			.sfpg_button_disabled
			{
				cursor: default;
				border: 2px solid #8c7a5f;
				background: #c7b293;
				color: #4d3e31;
				text-shadow: none;
				box-shadow: none;
			}

			.sfpg_button_nav
			{
				border: 1px solid #8c7a5f;
				border-radius: 999px;
				background: #f6ead3;
				color: #2c1f18;
				text-shadow: none;
				box-shadow: none;
			}

			.sfpg_menu_break
			{
				display: block;
				flex-basis: 100%;
				height: 0;
			}

			.sfpg_creator_link
			{
				display: inline-block;
				width: 100%;
				text-align: center;
				margin-top: 0;
				font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
				font-size: 11px;
				line-height: 1.1;
			}

			.sfpg_creator_link a:link,
			.sfpg_creator_link a:visited,
			.sfpg_creator_link a:active
			{
				color: #7a2f1f;
				text-decoration: underline;
			}

			.sfpg_creator_link a:hover
			{
				color: #4b1b12;
			}

			#div_menu
			{
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				gap: 2px 6px;
				padding: 2px 8px;
			}

			.thumbbox
			{
				vertical-align : top;
				display:-moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
				width: 198px;
				height: 172px;
				margin: 0px;
				padding: 0px;
			}

			.thumbimgbox
			{
				width: 182px;
				height: 138px;
				margin: 0px;
				padding: 0px;
			}

			.innerboxdir, .innerboximg, .innerboxfile, .innerboxdir_hover, .innerboximg_hover, .innerboxfile_hover
			{
				cursor:pointer;
				margin: 7px;
				padding: 0px;
				width: 184px;
				height: 158px;
			}

			.innerboxdir, .innerboxdir_hover
			{
				border: 1px solid #8c7a5f;
				background : #f8efdf;
				color : #2c1f18;
			}

			.innerboximg, .innerboximg_hover
			{
				border: 1px solid #8c7a5f;
				background : #f6ead3;
				color : #2c1f18;
			}

			.innerboxfile, .innerboxfile_hover
			{
				border: 1px solid #8c7a5f;
				background : #f6ead3;
				color : #2c1f18;
			}

			.innerboxdir_hover
			{
				background : #ead8bb;
				color : #2c1f18;
			}

			.innerboximg_hover
			{
				background : #ead8bb;
				color : #2c1f18;
			}

			.innerboxfile_hover
			{
				background : #ead8bb;
				color : #2c1f18;
			}

			.full_image
			{
				cursor:pointer;
				border : 5px solid #7e6a4e;
			}

			.thumb
			{
				margin: 10px 10px 5px 10px;
				border : 1px solid #7e6a4e;
			}

			.box_image
			{
				position:absolute;
				bottom:90px;
				right:0;
				z-index:1020;
				overflow:auto;
				visibility:hidden;
				text-align : center;
			}

			.box_wait
			{
				position:absolute;
				bottom:90px;
				right:0;
				z-index:1015;
				overflow:auto;
				visibility:hidden;
				text-align : center;
			}

			.box_navi
			{
				position:absolute;
				bottom:0;
				left:0;
				height:90px;
				width:100%;
				z-index:1120;
				overflow:auto;
				text-align : center;
			}

			.box_info
			{
				position:absolute;
				top:10px;
				left:10px;
				width:250px;
				z-index:1040;
				visibility:hidden;
				overflow:auto;
				border : 1px solid #8c7a5f;
				background: #f6ead3;
			}

			.box_overlay
			{
				position:absolute;
				bottom:90px;
				left:0;
				height:100%;
				width:100%;
				z-index:1010;
				overflow:hidden;
				visibility:hidden;
				background:#3b2a1f;
			}

			.box_gallery
			{
				text-align:center;
				position:absolute;
				top:0;
				right:0;
				z-index:1000;
				overflow:auto;
			}

			@media (max-width: 768px)
			{
				table.sfpg_disp td.menu,
				table.sfpg_disp td.navi
				{
					white-space: normal;
				}

				#navi
				{
					display: block;
					overflow-x: auto;
					white-space: nowrap;
					padding: 4px 8px;
				}

				#div_menu
				{
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					gap: 2px 6px;
					padding: 2px 8px;
				}

				.sfpg_button, .sfpg_button_hover, .sfpg_button_on, .sfpg_button_nav, .sfpg_button_disabled
				{
					display: inline-block;
					margin: 0;
					padding: 2px 6px;
					font-size: 11px;
					line-height: 1.2;
				}

				.sfpg_button_disabled
				{
					pointer-events: none;
				}

				.sfpg_menu_break
				{
					display: block;
					flex-basis: 100%;
					height: 0;
				}

				.sfpg_creator_link
				{
					flex-basis: 100%;
					margin-top: 0;
				}

				.box_navi
				{
					height: 98px;
				}

				.box_info
				{
					left: 10px;
					right: 10px;
					width: auto;
					max-width: none;
				}

				.box_gallery,
				.box_image,
				.box_wait,
				.box_info
				{
					-webkit-overflow-scrolling: touch;
				}

				.box_gallery
				{
					overflow-y: auto;
					overflow-x: hidden;
					touch-action: pan-y;
				}

				#box_inner_info
				{
					overflow: hidden;
				}

				.box_info .thumbimgbox
				{
					float: left;
					width: 94px;
					height: auto;
					margin: 0 8px 6px 0;
				}

				.sfpg_info_text, .loading
				{
					width: auto;
					box-sizing: border-box;
				}

				.box_info .thumb
				{
					max-width: 82px;
					height: auto;
					margin: 4px auto;
				}

				.thumbbox
				{
					width: calc(50% - 8px);
					height: auto;
				}

				.innerboxdir, .innerboximg, .innerboxfile, .innerboxdir_hover, .innerboximg_hover, .innerboxfile_hover
				{
					width: auto;
					height: auto;
				}

				.thumbimgbox
				{
					width: auto;
					height: auto;
				}

				.thumb
				{
					display: block;
					max-width: calc(100% - 16px);
					height: auto;
					margin: 8px auto 4px auto;
				}
			}