body{
	background-image:url("logo_half.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#cccccc;
}
hr{
	width:90%;
}
h1{
	font-size:20pt;
	color:#555555;
	text-align:left;
}
h2{
	font-size:16pt;
	color:#555555;
	text-align:left;
}
h3{
	font-size:12pt;
	color:#555555;
}

a{
	color:#000055;
	margin-left:10px;
}
ul{
	LIST-STYLE-TYPE: none;
	font-size:10pt;
	color:#555555;
}
ol{
	font-size:10pt;
	color:#555555;
}
p{
	font-size:10pt;
	color:#555555;
}
.ribbon{
	text-align:center;
	background:#ffffff;
	margin-top:3px;
	margin-left:-10%;
	margin-right:-10%;
	padding-top:3px;
	padding-bottom:3px;
	width:120%;
	color:#555555;
}
.ribbon-image{
	animation-name: fadein;
	animation-duration: 2.5s;
}

.frame{
	width:1000px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding-top:3px;
	padding-left:10px;
	background:#ffffff;
	text-align:left;
}
.menu{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.contents{
	margin-left:30px;
	margin-right:30px;
}
.func label{
	font-size: 10.5pt;
	color: #ffffff;
}
.func input{
	height:10;
}
.func .func_hidden{
	height: 0;
	padding: 10px;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.func input:checked ~ .func_hidden{
	height: auto;
	opacity: 1;
	padding: 10px;
}
.fade{
	padding-left:10px;
	background:#777777;
	transition:all 150ms 0s ease;
}
.fade:hover{
	padding-left:10px;
	background:#242a61;
}
.fade:hover h2{
	color:gold;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(-3px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}