@charset "utf-8";

#left-box {
	width:563px;
	/*background:lightblue;*/
	float:left;
}
article>h1 {
	margin-right:20px;
	padding:10px 0 10px 25px;
	font-size:3.0rem;
	letter-spacing:0.1rem;
	line-height:4.0rem;
	border-left:10px solid hsla(130,100%,30%,1);
	border-bottom:1px solid hsla(130,100%,30%,1);
	/*border-left:10px solid hsla(20,90%,50%,1);
	border-bottom:1px solid hsla(20,90%,50%,1);*/
}
article>h3 {
	margin:10px 0 0 35px;
	color:hsla(20,60%,40%,1);
	color:hsla(130,100%,30%,1);
}
#right-box {
	width:227px;
	/*min-height:100%;*/
	float:right;
	/*position: fixed;
	  left: 714px;
	  top: 293px; */
}
.contentlink {
	margin-bottom:20px;
	padding:1px;
	/*width:225px;*/
	background:hsla(220,100%,50%,1);
}
.contentlink h1 {
	padding:10px 0;
	font-size:2.0rem;
	text-align:center;
	color:white;
	/*border-style:double;
	border-color:white;
	border-width:0 0 3px 0;*/
}
.contentlink ul,
.contentlink dl {
	/**/margin-bottom:10px;
	/*background:hsla(220,100%,80%,1);*/
}
.contentlink dt {
	margin-top:10px;
	padding:10px;
	font-size:1.8rem;
	color:hsla(220,100%,0%,1);
}
.contentlink ul {
}
.contentlink li {
	margin-top:1px;
}
.contentlink a {
	padding:10px;
	color:hsla(220,100%,0%,1);
	background:hsla(220,100%,95%,1);
	/*border-left:4px solid hsla(220,100%,30%,1);*/
	text-decoration:none;
	display:block;
}
.contentlink a:hover {
	background:hsla(60,100%,80%,1);
}