/* CSS Document */
@import "/lib/css/component.css"; 

#contents h1.viIndex {
	display: block;
	height: 180px;
	margin-bottom: 10px;
	width: 550px;
}

#contents table.infoTable {
	margin: 0 0 0 20px;
	width: 510px;
}

#contents table.infoTable th {
	border-bottom: 1px solid #FDFDEA;
	font-weight: normal;
	font-size: small;
	text-align: left;
	line-height: 150%;
	padding: 10px;
	vertical-align: top;
	width: 15%;
}

#contents table.infoTable td {
	border-bottom: 1px solid #FDFDEA;
	font-size: small;
	line-height: 150%;
	vertical-align: top;
	padding: 10px 10px 10px 0;
	width: 85%;
}

#mainIndex {
	background: none;
	background-color: #FDFDEA;
	border-bottom: none;
	border-left: 10px solid #343225;
	float: right;
	margin: 19px 10px 22px 40px;
	padding: 0;
	width: 550px;
}

#contents div.topics {
	background: #E1E1D2;
	margin: 0;
	padding: 0 0 30px 0;
	width: 550px;
}

#contents div.menuBox {
	clear: both;
	margin-left: 8px;
	width: 542px;
}

#contents div.idBox01 {
	float: left;
	margin-right: 5px;
	width: 175px;
}

#contents div.idBox02 {
	float: left;
	width: 175px;
}

#contents div.menuBox h2 {
	display: block;
	font-size: 0;
	border-bottom: 1px solid #343225;
	line-height: 100%;
	margin-bottom: 5px;
	padding-bottom: 4px;
	width: 167px;
}

#contents div.menuBox h2 img {
	margin-left: 7px;
}

#contents div.menuBox p {
	color: #333300;
	font-size: 75%;
	padding: 0 7px 15px 7px;
}


/* [infoMn] */
#contents div.infoMn,
#contents div.schoolMn,
#contents div.worksMn,
#contents div.historyMn,
#contents div.goodsMn {
	margin: 0 0 3px 0;
	width: 175px;
}

#contents div.infoMn p,
#contents div.schoolMn p,
#contents div.worksMn p,
#contents div.historyMn p,
#contents div.goodsMn p {
	line-height: 100%;
	height: 98px;
	padding: 0;
	width: 175px;
}

#contents div.infoMn p a,
#contents div.schoolMn p a,
#contents div.worksMn p a,
#contents div.historyMn p a,
#contents div.goodsMn p a {
	display: block;
	height: 98px;
	width: 175px;
}

#contents div.newsMn {
	border-bottom: 3px solid #FDFDEA;
	clear: both;
	margin: 0;
	width: 550px;
}

#contents div.newsMn h2 {
	line-height: 100%;
	height: 26px;
	padding: 0;
	width: 550px;
}

#contents div.newsMn h2 a {
	display: block;
	height: 26px;
	width: 550px;
}

#contents div.infoMn p img,
#contents div.schoolMn p img,
#contents div.worksMn p img,
#contents div.historyMn p img,
#contents div.goodsMn p img,
#contents div.newsMn h2 img {	vertical-align: top;}

#contents div.infoMn p a:hover,
#contents div.schoolMn p a:hover,
#contents div.worksMn p a:hover,
#contents div.historyMn p a:hover,
#contents div.goodsMn p a:hover,
#contents div.newsMn h2 a:hover {	background-color: transparent;}

#contents div.infoMn p a:hover img,
#contents div.schoolMn p a:hover img,
#contents div.worksMn p a:hover img,
#contents div.historyMn p a:hover img,
#contents div.goodsMn p a:hover img,
#contents div.newsMn h2 a:hover img {	visibility: hidden;}

#contents div.infoMn p{ background: url(/lib/img/top/h_index01_h.jpg); }
#contents div.schoolMn p{ background: url(/lib/img/top/h_index02_h.jpg); }
#contents div.worksMn p{ background: url(/lib/img/top/h_index03_h.jpg); }
#contents div.historyMn p{ background: url(/lib/img/top/h_index04_h.jpg); }
#contents div.goodsMn p{ background: url(/lib/img/top/h_index05_h.jpg); }
#contents div.newsMn h2{ background: url(/lib/img/top/h_index06_h.gif); }