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

body {font-family: "Tahoma", "Lucida Grande","Trebuchet MS","Verdana","Helvetica Neue","Helvetica","Arial", Roboto, "Droid Sans", sans-serif;}
@media screen and (max-width: 480px) {
	body {margin:0;}
}
@media screen and (min-width: 481px) {
	body {margin:4;}
}

.frame {width:100%; max-width:960px; margin-left:auto; margin-right:auto;}
.contents .pieces { max-width:800px; margin-left:auto; margin-right:auto;}

.top {font-family: "Tahoma", "Lucida Grande","Trebuchet MS","Verdana","Helvetica Neue","Helvetica","Arial", Roboto, "Droid Sans", sans-serif;}
.top td {padding:10; background-color:3569ED; color:white;}
.top a {color:white;}

.subject, .index, .copyright { text-align:center; }
.subject, .index, .contents, .version { background-color:white; }

.subject { padding:10 10 0 10; }
.index { padding:10; }
.contents { padding:2 10 2 10; }
.version { padding:0 10 10 10; }

.version { text-align:right; }
.copyright {color:white; background-color: 3569ED; padding:10;}

.navi {padding:0;}
.navi {background-color:CFE7FF;}
.navi li {background-color:CFE7FF;white-space: nowrap; cursor:pointer; padding:4; float:left;}
.navi ul {list-style-type:none; padding:0; margin:0;}

@media screen and (max-width: 480px) {
	#navi, #search_box {display:none;}
	#navi li {border-width:0 0 1 0; border-style:solid; border-color:3569ED;padding:8;float:none;}
	.list_abc {line-height:1.5;}
}

.navi_spacer {font-size:1px; height:0px; width:0px; padding:0 !important; clear:left; line-height:0px; display:block; float:none !important;}

@media screen and (max-width: 480px) {
	#navi li#naviclose {background-color:3569ED;}
	#navi li#naviclose {color:white;}

	#menu {border-right:1px solid CFE7FF;}
	#search {border-left:1px solid CFE7FF;}
}
@media screen and (min-width: 481px) {
	#navi li#naviclose {display:none;}

	#menu a {display:none;}
	#menu {padding:0;}
	#search a {display:none;}
	#search {padding:0;}
}

#index_fixed { position:fixed; z-index:1; }
@media screen and (min-width: 481px) {
	#index_fixed {  width:calc(100% - 8px);}
}

.agent_name {overflow-wrap:break-word; word-break:break-all;}

.navi { font-size: 1.em; }

ul.list_abc, .list_abc ul {list-style:none; padding:0;}
.list_abc ul {padding:0 5 0 5;}
@media screen and (min-width: 481px) {
	ul.list_abc > li {float:left;}
}
@media screen and (max-width: 480px) {
	ul.list_abc > li {width:100% !important;}
}
@media screen and (min-width: 481px) {
	.title { font-size: 1.7em; }
	.navi { font-size: 1.05em; line-height:1.5em; }
	ul.list_abc {font-size:1em; line-height:1.5em;}
}
@media screen and (max-width: 480px) {
	.title { font-size: 1.8em; }
	.navi { font-size: 1.05em; line-height:1.5em; }
	#navi { font-size: 1.05em; line-height:1.75em; }
	ul.list_abc {font-size:1em; line-height:1.75em;}
}

.index .abc { font-size: 1.1em; }
.index .abc a { margin:0 0.25em 0 0.25em; white-space:nowrap; }
@media screen and (max-width: 480px) {
	.index .abc { font-size: 1.2em; }
	.index .abc a { margin:0 0.4em 0 0.4em; }
}
.index .pieces { font-size: 1.05em; }
.index .pieces a { margin:0 0.2em 0 0.2em; white-space:nowrap; }
.index .abc a.this, .index .pieces a.this { font-weight:bold; }

#index_sticky { position: sticky; top:0; }

.contents .pieces ul { padding-inline-start: 30px; }
.contents .pieces li { margin: 0.75em 0; }
.contents .pieces dd { margin-inline-start: 20px; padding: 0.25em 0 0.25em 0; }