html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* my definition */ html { font-size: 16px; } a img { border: none; } body { font-family: Arial, sans-serif color: #000000; background-color: #ffffff; line-height: 1.5; margin: 0; } strong { font-weight: bold; color: #6b2d00; } pre { overflow-wrap: break-word; white-space: pre-wrap; font-weight: bold; font-family: "Courier New", Consolas, monospace; color: #000000; } hr { color: #000000; } h2 a:link, h2 a:visited { background-color: transparent; color: #000000; font-weight: bold; } h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited { background-color: transparent; color: #000000; } span.info { color: #000000; } img { border: 1px solid #dddddd; max-width: 50%; height: auto; width: auto; text-align: center; object-fit: contain; backface-visibility: hidden; } img.shape { backface-visibility: hidden; } ol.bracket, ol.closing_bracket { list-style-type: none; } ol.bracket > li, ol.closing_bracket > li { counter-increment: cnt; } ol.bracket > li:before { content: "("counter(cnt) ") "; } ol.closing_bracket > li:before { content: counter(cnt) ") "; } .italic { font-style: italic; margin-top: 0px; margin-bottom: 0px; } .highlight { font-weight: bold; background-color: Yellow; } header { border: none; } .header { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 10px; background-color: #eceeef; border: none; } .whitenote { border: solid 0.4px #9966ff; background-color: #000000; } .keyword { color: #1e40c0; } .brandbar { border: solid 1px #eeeeee; } .button { color: #996633; text-align: right; border-width: thin; } a { overflow-wrap: break-word; } .button a { text-decoration: none; } .button a:hover { color: #ffffcc; background-color: #996633; } tr td { padding: 8px 16px; border: solid 1px #dddddd; } .tableborder1 { border: solid 1px #444444; } .subtopbtn { border-radius: 0px; } .subtopbtnen { border-radius: 0px; background-color: #e9ebf1; } .left-aligned { text-align: left; display: flex; } .center-aligned { text-align: center; } .right-aligned { text-align: right; } @media (hover: none) { a, button, .button, .subtopbtn { min-height: 44px; min-width: 44px; } } @media screen and (min-width: 768px) { h1 { font-weight: bold; font-size: 2rem; text-align: left; border-style: solid; border: solid 0px; border-radius: 0px; margin-bottom: 1em; padding: 0.6em; text-decoration: none; color: #000000; background-color: #f0ccb3; } .h15 { font-weight: bold; font-size: x-large; text-align: center; border-style: solid; border: solid 0px; border-radius: 0px; margin-bottom: 1em; padding: 1em; text-decoration: none; color: #000000; background-color: #f0ccb3; } h2 { font-weight: bold; font-size: x-large; text-align: left; border-top: solid 2px #000000; margin-top: 1em; margin-bottom: 1em; padding: 0.5em; text-decoration: none; background-color: #ebedfb; color: #000000; } h3 { font-weight: bold; text-align: left; border: solid 0.5px #000000; margin-top: 1em; margin-bottom: 1em; padding: 0.2em; text-decoration: none; background-color: #ebedfb; color: #000000; } h4 { text-align: left; margin: 1em; margin-top: 1em; margin-bottom: 1em; padding: 0.2em; text-decoration: none; background-color: #ebedfb; color: #000000; } h5 { text-align: left; margin: 1.8em; margin-top: 1em; margin-bottom: 1em; padding: 0.2em; text-decoration: none; background-color: #ebf6f8; color: #000000; } ol { list-style-type: decimal; padding-left: 3em; } ul { list-style-type: disc; padding-left: 3em; } p { margin-top: 8px; margin-bottom: 8px; margin-left: 1em; } .note { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 6em; margin-right: 2em; padding-left: 2em; padding-right: 0.5em; padding-top: -1em; padding-bottom: -1em; border: dashed 1px #dee1e3; background-color: #f9f9fa; } .code, .kbd { display: block; border: solid 0.4px #dddff8; background-color: #f9f9fe; margin-left: 1em; margin-top: 8px; margin-bottom: 8px; padding-left: 1em; } li { margin-top: 8px; margin-bottom: 8px; } .sitelink { margin: 0; margin-top: 1em; padding: 0; } iframe { max-width: 100%; height: auto; width: 65%; text-align: center; border: 1px solid #dddddd; object-fit: contain; } #google_translate_element{ text-align: right; } #google_translate_element img { height: 1.4em; display: inline; } .smallimage { width: 25%; } .tinyimage { width: 15%; } .iconimage { width: 80px; } .kanekoface { width: 115px; } .kanekomailpng { width: 200px; } .lablogo { border: 0px solid #dddddd; width: 24px; margin: 0; margin-top: 0; margin-bottom: 0; padding: 0; padding-left: 0; padding-right: 10px; } .footer { border: 0; margin-top: 10px; margin-left: 0; margin-right: 0; padding: 10px; background-color: #eceeef; line-height: 1.2; } .menu { text-align: center; margin-top: -1em; margin-bottom: 2em; } .sitemenuformobile { display: none; } table { border-collapse: collapse; table-layout: fixed; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; box-sizing: inherit; padding: 10px; } .button1 { justify-content: space-between; margin: 0 auto; align-items: center; padding: 0 0.5em; color: #333; font-size: 18px; background-color: #efefef; transition: 0.3s; } .button1:hover { background-color: #bbbbbb; } } @media screen and (max-width: 768px) { body { font-size: 16px; -webkit-overflow-scrolling: touch; line-height: 1.5; } h1 { font-weight: bold; font-size: 1.5em; text-align: left; padding: 0.6em; text-decoration: none; color: #000000; background-color: #f0ccb3; } .h15 { font-weight: bold; font-size: large; text-align: center; margin-bottom: 0.5em; padding: 0.5em; text-decoration: none; color: #000000; background-color: #f0ccb3; } h2 { font-weight: bold; font-size: 1.3em; text-align: left; border-top: solid 2px #000000; margin-top: 1em; margin-bottom: 0.3em; padding: 0.5em; text-decoration: none; background-color: #ebedfb; color: #000000; } h3 { font-weight: bold; font-size: 1.2em; text-align: left; margin-top: 1em; margin-bottom: 0.3em; padding: 0.5em; text-decoration: none; background-color: #ebedfb; color: #000000; } h4 { text-align: left; margin-top: 1em; margin-bottom: 0.3em; padding: 0.5em; text-decoration: none; background-color: #ebedfb; color: #000000; } h5 { text-align: left; margin-top: 1em; margin-bottom: 0.3em; padding: 0.5em; text-decoration: none; background-color: #ebf6f8; color: #000000; } ol { list-style-type: decimal; padding-left: 1.4em; } ul { list-style-type: disc; padding-left: 1.4em; } p { margin-top: 8px; margin-bottom: 8px; } .note, .code, .kbd { display: block; margin: 10px 5px; padding: 10px; border: dashed 1px #dee1e3; background-color: #f9f9fa; } li { margin-top: 4px; margin-bottom: 4px; } .sitelink { display: none; } iframe { margin: 0; padding: 0; max-width: 100%; height: auto; width: 100%; text-align: center; border: 1px solid #dddddd; object-fit: contain; } img { margin: 10px 0; padding: 0; max-width: 100%; height: auto; width: 100%; text-align: center; border: 1px solid #dddddd; object-fit: contain; } #google_translate_element{ display: none; } #google_translate_element img { display: none } .iconimage { width: 25% } .smallimage { width: 60%; } .tinyimage { width: 30%; } .kanekoface { width: 115px; } .lablogo { display: none; } .footer { overflow-wrap: break-word; margin-top: 10px; padding: 10px; background-color: #eceeef; line-height: 1.2; } .kanekomailpng { width: 200px; } .menu { display: none; } table, thead, tbody, th, td, tr { display: block; } table { border-collapse: collapse; width: 100%; } thead tr { position: absolute; top: -9999px; left: -9999px; } tr { margin-bottom: 0; border: 1px solid #ccc; } tr:last-child { border-bottom: none; } td { border: none; position: relative; padding: 8px 8px 8px 50%; min-height: 30px; } td:empty { display: none; } td:before { content: attr(data-label); position: absolute; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; } .header { flex-direction: column; } a, button, .button, .subtopbtn { padding: 12px; margin: 5px 0; } input, select, textarea { width: 100%; padding: 10px; margin: 5px 0; } } nav[aria-label="breadcrumb"] { flex-grow: 1; } ol[role="breadcrumb"] { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; } ol[role="breadcrumb"] li { display: inline; font-size: 14px; margin-right: 5px; } ol[role="breadcrumb"] li + li:before { content: ">"; padding: 0 8px; color: #0c252d; } ol[role="breadcrumb"] li a { color: #003bcf; text-decoration: none; white-space: nowrap; } ol[role="breadcrumb"] li a:hover { text-decoration: underline; } ol[role="breadcrumb"] li:last-child { color: #0c252d; } .site-menu { background-color: #eceeef; padding: 10px 0; border-top: none; text-align: center; } .menu-container { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; } .menu-title { font-weight: bold; margin-right: 20px; white-space: nowrap; } .menu-items { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; border: 1px solid #ccc; border-radius: 4px; } .menu-items li { margin: 0; border-right: 1px solid #ccc; } .menu-items li:last-child { border-right: none; } .menu-items a { text-decoration: none; color: #000000; padding: 5px 10px; display: block; transition: background-color 0.3s; } .menu-items a:hover { background-color: #007bff; color: white; } /* スマートフォン用のレスポンシブ対応 */ @media (max-width: 768px) { .menu-container { flex-direction: column; align-items: flex-start; } .menu-title { margin-bottom: 10px; } .menu-items { flex-direction: column; width: 100%; border: none; } .menu-items li { margin-right: 0; margin-bottom: 5px; border-right: none; border-bottom: 1px solid #ccc; } .menu-items li:last-child { border-bottom: none; } }