@charset "Shift_JIS";

:root{
	-webkit-text-size-adjust:100%; 
	text-size-adjust:100%;
	text-spacing-trim: trim-start;
	overflow-wrap: anywhere;
	line-break: strict;
	scrollbar-gutter: stable;
	interpolate-size: allow-keywords;
	-webkit-tap-highlight-color: transparent;
}

:where([id],:focus){
	scroll-margin-block-start: 5vh;
}

html,body,li,dt,dd,li address,li form{ margin: 0; padding: 0; }
li address, li form{ display: inline; }
header,hgroup,section,article,nav,footer,figure,figcaption{
	display: block; margin: 0; padding: 0; border: none; }
br{ letter-spacing: normal;  }
h1,h2,h3,h4,h5,h6{ margin: 1.5em 0 .25em; padding: 0; font-weight: 700; line-height: 1.3; }
p,form,ol,ul,dl,address,blockquote,pre,table{ margin: 1em 0; padding: 0; }
li,dd{ margin-left: 2em; }
blockquote{ margin-left: 3em; }
th,td{ vertical-align: top; text-align: left; }
a{ font:inherit; font-size: inherit; }
a:not([href]):hover{ color: inherit; }
a:link{ text-decoration: underline; }
em,strong,caption,th,kbd kbd{ font-weight: bold; }
em em,strong strong{ font-size: 120%; }
code{ font-family: Consolas,"Courier New",Osaka-mono,MeiryoUI,monospace; }
caption,cite,var{ font-family: Georgia,"Hiragino ProN W3","ƒqƒ‰ƒMƒm–¾’© ProN W3","‚l‚r ‚o–¾’©",Serif; }
code,dfn,kbd,samp,var{ margin: 0 .12em; }
q{ quotes: "\201c" "\201d" "\2018" "\2019" "\201c" "\201d"; }
q:before{ content: open-quote; }
q:after{ content: close-quote; }
img{ margin: 1px; border-width: 0; vertical-align: text-bottom; }
input[type="button"],input[type="reset"],input[type="submit"]{ cursor: pointer; }
input[type="checkbox"],input[type="radio"],input[type="image"]{ border: none; }
* html pre{ width: 88%; margin-right: auto; margin-left: auto; }

ul.banner{  padding: 0 0 0 10px; margin: 0; background: none; border: none; }
ul.banner li,
ul.display li{ display:inline;  margin: 0; padding: 0; border: none; background: none; }
ul.banner li+li,ul.display li+li{ border: none; }
ul.banner:after,
ul.banner:before{ content: ""; display: none; clear: both; }
dl.site{ margin-bottom: 2em; }
dl.record{  height: 20em;  overflow: auto; padding-right: 10px; }

ul.display a{ margin-bottom: 5px; display: inline-block; }
ul.display a:link img{ border: 2px solid #000CFF; }
ul.display a:visited img{ border: 2px solid #FFF; }

form.link_call label{ display: inline-block; width: 7.2em; }
form.link_call dl{ margin-left: 7.2em; margin-top: -1.5em; }
form.link_call dd label{ display: inline; width: auto; }

dl.site ul{ margin-top: 0; margin-bottom: 0; }
ul.page{ text-align: center; border: none; background: transparent none; }
ul.page li{ display: inline; margin: 0 .5em; padding: 0;border: none; background: transparent none; }
ul.page li+li{ border-left: 1px dotted #888; padding-left: .5em;  }
ul.page a{ padding: .2em; }

div.notice{ margin:.8em 0; background:#FFF; padding:.7em 1em; border:1px solid #CCC }
div.notice p{ margin:0 }


@media print
{
body{ background: #FFF; color: #000; }
}