body { background-color: #eee; margin: auto; text-align: center; text-decoration: none; max-width: 800px }

div.albm_page     { width: 100% }
div.albm_page p   { font-family: arial; font-weight: normal; font-size: 18px; width: 90%; margin: auto; text-align: left; color: #555 }
div.albm_page h1  { font-family: arial; font-weight: normal; font-size: 18px; width: 90%; margin: auto; margin-top: 0.5em;  margin-bottom: 0.5em; color: #555; text-align: left }
div.albm_page h2  { font-family: arial; font-weight: normal; font-size: 18px; width: 90%; margin: auto; margin-top: 0.5em;  margin-bottom: 0.5em; color: #555 }
div.albm_page h3  { font-family: arial; font-weight: normal; font-size: 15px; width: 90%; margin: auto; margin-top: 0.0em;  margin-bottom: 1.0em; color: #555 }
div.albm_page h4  { font-family: arial; font-weight: normal; font-size: 18px; width: 90%; margin: auto; margin-top: -0.6em; margin-bottom: 1.0em; color: #555 }
div.albm_page h5  { font-family: arial; font-weight: normal; font-size: 16px; width: 90%; margin: auto; margin-top: 0.5em;  margin-bottom: 0.5em; color: #555; text-align: left }

div.albm_page q           { font-family: arial; font-style: italic; font-weight: normal; font-size: 18px; width: 90%; margin: auto; margin-top: 0.0em; margin-bottom: 1.0em; color: #55C }
div.albm_page blockquote  { font-family: arial; font-style: italic; font-weight: normal; font-size: 18px; width: 90%; margin: auto; margin-top: 0.0em; margin-bottom: 1.0em; color: #55C }

div.albm_page hr    { width: 90%; color: #5ac }
div.albm_page img   { max-width: 100%; height: auto }
div.albm_page video { max-width: 100%; height: auto }

div.info_page     { width: 90%; margin: auto }
div.info_page p   { font-family: arial; font-weight: normal; font-size: 18px; text-align: left; color: #555 }
div.info_page h1  { font-family: arial; font-weight: normal; font-size: 18px; color: #BBB }
div.info_page h2  { font-family: arial; font-weight: normal; font-size: 18px; margin-top: 0em; margin-bottom: 0em; color: #555 }
div.info_page h3  { font-family: arial; font-size: 16px; margin-top: 0em; margin-bottom: -0.85em; color: #555 }
div.info_page h4  { font-family: arial; font-size: 16px; margin-top: 0em; margin-bottom: -0.6em; color: #555; text-align: left }

div.info_page hr  { margin-top: 1em; margin-bottom: -0.5em; color: #5ac }
div.info_page img { max-width: 100%; height: auto; padding-top: 0px }
div.info_page pre { white-space: pre; font-size: 12px; font-family: monospace; text-align: left }

a:link    { color: #369 }
a:visited { color: #369 }
a:hover   { color: #58B }
a:active  { color: #369 }

div.navi_butn                   { display: flex; background-color: #eee; position: fixed; top: 0; font-size: 0; z-index: 10 }
div.navi_butn a img	        { max-width: 100%; height: auto }
div.navi_butn a img.menu	{ opacity: 0.6; padding: 0 }
div.navi_butn a img.menu:hover	{ opacity: 1.0; padding: 0 }

div.albm_butn    		{ margin-top: 0px; z-index: 1 }
div.albm_butn a img		{ max-width: 100%; height: auto }
div.albm_butn a img.titl	{ opacity: 0.7; padding: 0 }
div.albm_butn a img.titl:hover	{ opacity: 1.0; padding: 0 }

details			{ font-family: arial; font-weight: normal; font-size: 16px; width: 90%; margin: auto; margin-top: 0.5em;  margin-bottom: 0.5em; color: #55C }
details summary		{ cursor: pointer }