@import "default.css";

/* index */
div.welcome {
	width: 720px;

}
div.welcome div.image {
	float: left;
	width: 660px;
	height: 380px;
	overflow: hidden;
}
div.welcome div.title {
	float: left;
	width: 60px;
	height: 380px;
}

div.menu {
	min-height: 35px;
}
div.menu ul li {
	float: left;
	width: 110px;
	height: 34px;
	margin-right: 5px ;
	margin-left: 5px ;
}
div.menu a > img,
div.menu a:active > img {
	opacity: 0.9;
}
div.menu a:hover > img {
	opacity: 0.6;
}

div.accessCounter {
	text-align: center ;
	vertical-align: middle;
}

div.topic {
	width: 720px;
	margin-right: auto ;
	margin-left: auto ;
}

div.information {
	float: left;
	width: 400px;
	min-height: 180px;
	padding: 5px;
}

div.news {
	float: right;
	width: 297px;
	min-height: 180px;
	padding: 5px;
	border-top-width: 1px;
	border-top-color: #f7fcfe;	/* 卯の花色 */
	border-top-style: solid;
	border-right-width: 2px;
	border-right-color: #c0c6c9;	/* 灰青 */
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #c0c6c9;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-color: #f7fcfe;
	border-left-style: solid;
	background-color: #f8fbf8 ;	/* 白磁 */
}
div.news div {
	border-top-width: 1px;
	border-top-color: #c0c6c9;
	border-top-style: solid;
}
div.news h3 {
	font-size: 90%;
}
div.news p {
	margin-left: 0.5em ;
	font-size: 90%;
}

div.news ul {
	margin-left: 1em ;
	font-size: 90%;
}


div.link {
	text-align: center ;
}
div.link p {
	font-size: 70% ;
}

div.welcome::after,	/* float解除 */
div.menu::after,
div.topic::after {
	display: block ;
	clear: both ;
	content: "" ;
}
div.welcome:after,	/* float解除 */
div.menu:after,
div.topic:after {
	display: block ;
	clear: both ;
	content: "" ;
}