@charset "utf-8";

.contentlink:nth-of-type(1) li:nth-child(1) a {
	border-color:hsla(215,100%,80%,1);
}
#footer-box div:nth-of-type(5) h1 a {
	border-color:hsla(220,100%,50%,1);
	border-top-style:solid;
}
#footer-box div:nth-of-type(5) li:nth-child(1) a {
	background:hsla(220,100%,60%,1);
}


article>p {
	margin:20px 50px;
	text-indent:1.2rem;
}
article img {
	margin:0 auto;
	padding:10px;
	border:1px solid hsla(50,10%,50%,1);
	border-radius:5px;
	display:block;
	box-shadow:1px 1px 5px hsla(50,20%,50%,1);
}
img.limitwidth {
	width:300px;
	height:212px;
}
img.limitheight {
	width:212px;
	height:300px;
}
img.toleft {
	margin:7px 10px 0 30px;
	float:left;
}
img.toright {
	margin:7px 55px 0 10px;
	float:right;
}

article a {
	padding-bottom:1px;
	color:black;
	text-decoration:none;
	border-bottom:2px dotted black;
}
article a:hover {
	color:hsla(0,80%,40%,1);
	border-color:hsla(0,80%,40%,1);
}

.feedback,
.supplement {
	margin:0 70px;

}
.feedback li,
.supplement p {
	margin:30px 0;
	padding:1px 15px 0;
	color:hsla(0,0%,0%,0.7);
	border-color:hsla(130,100%,30%,1);
	border-style:dotted;
	border-width:0 0 0 3px;
}

.postscript {
	margin:0 40px 0 60px;
} 
.postscript span {
	float:left;
}
.postscript p {
	margin:0 30px 0 40px;
}

.author {
	margin:0 10px 40px 0;
	padding:0;
	font-size:1.4rem;
	text-indent:0;
	float:right;
}

.scroll-up {
	margin-left:385px;
	width:100px;
	display:block;
}
.scroll-up>a {
	padding-top:2px;
	color:hsla(40,30%,30%,1);
	font-size:1.5rem;
	text-decoration:none;
	text-align:center;
	background:hsla(50,50%,90%,1);
	border:1px solid hsla(40,30%,30%,1);
	border-radius:5px;
	display:block;
}
.scroll-up>a:hover {
	color:white;
	background:hsla(220,50%,50%,1);
	border:1px solid hsla(220,40%,30%,1);
}