body {
    font-family: "Arial", sans-serif;
    color: #3E3E3E;
    font-size: 16px;
	line-height:1.5em;
	margin:0;
	padding:0;
}
a:link {
	color:red;
	text-decoration: none!important;
}
a:visited {
	color:#B07C7C;
}
a:hover {
	color:#2564D4;
}
.content {
	width:100%;
	max-width:1200px;
	display:block;
	margin-right:auto;
	margin-left:auto;
}
section {
	padding:10px 0;
}
h1 {
	font-size:19px;
	font-weight:600;
	color: #000;
}
h2 {
	display:inline-block;
	font-size:17px;
	font-weight:600;
	margin-top:20px;
	padding:4px 8px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color: #000;
}
h3 {
    font-size: 17px;
    font-weight: 600;
    color: #506079;
    margin-left: 20px;
}
dl.link-list {
	width:calc(100% - 20px);
	margin-left:20px;
	display:flex;
	flex-flow:wrap;
	justify-content: flex-start;
	font-size:90%;
}
dl.link-list dt {
	width:calc(50% - 190px);
	margin-bottom:10px;
	line-height:135%;
	padding-bottom:4px;
	border-bottom:1px dotted #555;
}
dl.link-list dt:before {
	content:"⚫︎";
	padding-right:4px;
}
dl.link-list dd {
	width:150px;
	margin-bottom:10px;
	margin-left:0;
	margin-right:20px;
	line-height:135%;
	padding-bottom:4px;
	border-bottom:1px dotted #555;
}
@media screen and (max-width:800px) { 
	dl.link-list {
		width:calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	dl.link-list dt {
		width:calc(100% - 190px);
	}
}

ol.flow {
	width:auto;
	margin-left:20px;
}
ol.flow li {
	margin-bottom:5px;
}
ul, ol {
	line-height:150%;
}
ul li, ol li {
	margin-bottom:10px;
}
ul ul li, ol ol li {
	margin-bottom:4px;
}

ul.directory {
	font-size:80%;
	line-height:135%;
}
ul.directory li {
	list-style-type: none;
}
ul.directory li span {
	color:#2564D4;
	font-size:82%;
	margin-left:20px;
}
.pdg-1st {
	padding-left:40px;
}
.pdg-2nd {
	padding-left:80px;
}
.pdg-3rd {
	padding-left:120px;
}
.pdg-4th {
	padding-left:160px;
}
ul.directory li.dl-1 {
    background-repeat: repeat-y;
    background-image: url(img/line.png);
    background-position: 40px 0%;
}
ul.directory li.dl-2 {
    background-repeat: repeat-y;
    background-image: url(img/line.png),url(img/line.png);
	background-position: 40px 0%,80px 0%;
}
ul.directory li.dl-3 {
    background-repeat: repeat-y;
    background-image: url(img/line.png);
	background-position: 80px 0%;
}
ul.directory li.dl-4 {
    background-repeat: repeat-y;
    background-image: url(img/line.png),url(img/line.png);
	background-position: 40px 0%,123px 0%;
}
li span {
	color:blue;
}