@CHARSET "UTF-8";

/* CSS document for system */

/* Contents */
.contents {
	width: 1200px;
	height: 1250px;
	overflow: hidden;
	background: url(../img/background_contents.png) repeat-y;
}
/* Contents */



/* main */
.main {
	font-weight: bolder;
	position: absolute;
}

.label {
	position: absolute;
}

.sub_ttl {
	width: 150px;
	font-size: 120%;
	font-weight: bolder;
	color: #BBBB85;
	position: absolute;
	top: 5px;
	left: 50px;
}

#institution {
	width: 670px;
	height: 950px;
	position: absolute;
	top: 290px;
}

#for_kids {
	width: 670px;
	height: 410px;
	position: absolute;
	top: 50px;
	left: 10px;
	border-bottom: 2px dotted #69ADE1;
}

#for_kids .explanation {
	font-size: 120%;
	width: 160px;
	position: absolute;
	top: 25px;
	left: 65px;
}

#for_kids #ttl {
	position: absolute;
	top: 105px;
	left: 260px;
}

#for_kids #item01 {
	position: absolute;
	top: 85px;
	left: 25px;
}

#for_kids #item02 {
	position: absolute;
	top: 5px;
	left: 220px;
}

#for_kids #item02 .explanation {
	width: 150px;
	top: 15px;
}

#for_kids #item03 {
	position: absolute;
	top: 125px;
	left: 410px;
}

#for_kids #item04 {
	position: absolute;
	top: 255px;
	left: 350px;
}

#for_kids #item05 {
	position: absolute;
	top: 275px;
	left: 105px;
}

#for_kids #character01 {
	position: absolute;
	top: 5px;
	left: 20px;
}

#for_kids #character02 {
	position: absolute;
	left: 510px;
}

#for_kids #character03 {
	position: absolute;
	top: 275px;
	left: 5px;
}

#for_kids #character04 {
	position: absolute;
	top: 285px;
	left: 590px;
}

#topics {
	width: 670px;
	position: absolute;
	top: 490px;
	left: 10px;
}

#topics .left,
#topics .center,
#topics .right {
	width: 220px;
	height: 400px;
	padding-top: 5px;
	border-left: 2px dotted #69ADE1;
}

#topics .left {
	position: absolute;
}

#topics .center {
	position: absolute;
	left: 225px;
}

#topics .right {
	position: absolute;
	left: 450px;
}

#topics .top {
	position: absolute;
}

#topics .bottom {
	position: absolute;
	top: 190px;
}

#topics .line2 {
	position: absolute;
	top: 10px;
}

#topics .explanation {
	width: 190px;
	line-height: 15px;
	position: absolute;
	top: 70px;
	left: 20px;
}

#topics #character05 {
	position: absolute;
	top: 230px;
	left: 60px;
}
/* main */