#navi {
	float: left;
	height: 20px;
	width: 778px;
	background-color: #D1CEB8;
	background-image: url(../images/ehon_navi_bg.gif);
	background-repeat: no-repeat;
}
#wrapper #navi li {float: left; list-style: none;}

.top {
	display: block;
	float: left;
	height: 20px;
	width: 46px;
	background-image: url(../images/ehon_navi_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.what {
	display: block;
	float: left;
	height: 20px;
	width: 99px;
	background-image: url(../images/ehon_navi_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.prof {
	display: block;
	float: left;
	height: 20px;
	width: 68px;
	background-image: url(../images/ehon_navi_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.voice {
	display: block;
	float: left;
	height: 20px;
	width: 114px;
	background-image: url(../images/ehon_navi_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.event {
	display: block;
	float: left;
	height: 20px;
	width: 58px;
	background-image: url(../images/ehon_navi_05.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.ehon {
	display: block;
	float: left;
	height: 20px;
	width: 53px;
}
.cd {
	display: block;
	float: left;
	height: 20px;
	width: 38px;
	background-image: url(../images/ehon_navi_07.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.blog {
	display: block;
	float: left;
	height: 20px;
	width: 50px;
	background-image: url(../images/ehon_navi_08.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.mail {
	display: block;
	float: left;
	height: 20px;
	width: 41px;
	background-image: url(../images/ehon_navi_09.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content {
	background-image: url(../images/ehon_cont.jpg);
	background-repeat: no-repeat;
	height: 429px;
	width: 778px;
	text-align: left;
}
.top:hover {
	display: block;
	float: left;
	height: 20px;
	width: 46px;
	background-image: url(../images/ehon_navi_01_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.what:hover {
	display: block;
	float: left;
	height: 20px;
	width: 99px;
	background-image: url(../images/ehon_navi_02_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.prof:hover {
	display: block;
	float: left;
	height: 20px;
	width: 68px;
	background-image: url(../images/ehon_navi_03_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.voice:hover {
	display: block;
	float: left;
	height: 20px;
	width: 114px;
	background-image: url(../images/ehon_navi_04_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.event:hover {
	display: block;
	float: left;
	height: 20px;
	width: 58px;
	background-image: url(../images/ehon_navi_05_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.ehon:hover {
	display: block;
	float: left;
	height: 20px;
	width: 53px;
	background-image: url(../images/ehon_navi_06_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.cd:hover {
	display: block;
	float: left;
	height: 20px;
	width: 38px;
	background-image: url(../images/ehon_navi_07_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.blog:hover {
	display: block;
	float: left;
	height: 20px;
	width: 50px;
	background-image: url(../images/ehon_navi_08_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.mail:hover {
	display: block;
	float: left;
	height: 20px;
	width: 41px;
	background-image: url(../images/ehon_navi_09_on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#content_main {
	height: 352px;
	width: 700px;
	font-size: 13px;
	line-height: 135%;
	overflow: auto;
	margin-left: 40px;
}
#wrapper #content #content_main img {
	border: none;
}
#wrapper #content #content_main .photo {
	float: right;
	widht: 220px;
	padding: 3px;
}