/* CSS Document */
/*メインナビゲーション部分*/
#wrapper .gnavi {
	background-color: #E9EAEA;
	padding: 0px 13px 10px;
	display: block;
	width: 764px;
	height: 35px;
	outline-width: 0;
}
.gnavi li {
	display: block;
	float: left;
outline-width: 0;}

.genre {
	background-image: url(../img/genre.gif);
	display: block;
	margin: 0px 13px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 182px;
	text-indent:-9999px;
	outline-width: 0;
}


.bookall {
	background-image: url(../img/bookall.gif);
	display: block;
	margin: 0px 13px 0px 0px;	
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 133px;
	text-indent:-9999px;
	outline-width: 0;
}


.about a {
	background-image: url(../img/about.gif);
	display: block;
	margin: 0px 13px 0px 0px;	
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 176px;
	text-indent:-9999px;
	outline-width: 0;
}
.about a:hover{
	background-image: url(../img/about.gif);
	background-position: 0px -35px;
	display: block;
	margin: 0px 13px 0px 0px;	
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 176px;
	text-indent:-9999px;
	outline-width: 0;
}
.about_o {
	background-image: url(../img/about.gif);
	background-position: 0px -35px;
	margin: 0px 13px 0px 0px;	
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 176px;
	text-indent:-9999px;
	outline-width: 0;
}


.aisatu a {
	background-image: url(../img/aisatu.gif);
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 234px;
	text-indent:-9999px;
	outline-width: 0;
}
.aisatu a:hover{
	background-image: url(../img/aisatu.gif);
	background-position: 0px -35px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 234px;
	text-indent:-9999px;
	outline-width: 0;
}
.aisatu_o {
	background-image: url(../img/aisatu.gif);
	background-position: 0px -35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 35px;
	width: 234px;
	text-indent:-9999px;
	outline-width: 0;
}



/*genreナビゲーション部分*/
#wrapper #navi {
	width: 764px;
	background-color: #E9EAEA;
	padding: 0px 13px 13px 13px;
}
#navi .top {
	display: block;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#navi .middle {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 28px;
}
#navi .bottom {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 28px;
}
#navi li {
	display: block;
	float: left;
}
.japan a {
	background-image: url(../img/japan.gif);
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 118px;
	text-indent:-9999px;
	outline-width: 0;
}
.japan a:hover{
	background-image: url(../img/japan.gif);
	background-position: 0px -28px;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 118px;
	text-indent:-9999px;
	outline-width: 0;
}
.japan_o {
	background-image: url(../img/japan.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 118px;
	text-indent:-9999px;
	outline-width: 0;
}
.foreign a {
	background-image: url(../img/foreign.gif);
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 123px;
	text-indent:-9999px;
	outline-width: 0;
}
.foreign a:hover{
	background-image: url(../img/foreign.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 123px;
	text-indent:-9999px;
	outline-width: 0;
}
.foreign_o {
	background-image: url(../img/foreign.gif);
	background-position: 0px -28px;
	margin: 10px 8px 0px 0px;
	display: block;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 123px;
	text-indent:-9999px;
	outline-width: 0;
}
.essay a {
	background-image: url(../img/essay.gif);
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 250px;
	text-indent:-9999px;
	outline-width: 0;
}
.essay a:hover{
	background-image: url(../img/essay.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 250px;
	text-indent:-9999px;
	outline-width: 0;
}
.essay_o {
	background-image: url(../img/essay.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 250px;
	text-indent:-9999px;
	outline-width: 0;
}
.history-j a {
	background-image: url(../img/history-j.gif);
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 119px;
	text-indent:-9999px;
	outline-width: 0;
}
.history-j a:hover{
	background-image: url(../img/history-j.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 119px;
	text-indent:-9999px;
	outline-width: 0;
}
.history-j_o {
	background-image: url(../img/history-j.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 119px;
	text-indent:-9999px;
	outline-width: 0;
}
.history-w a {
	background-image: url(../img/history-w.gif);
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 122px;
	text-indent:-9999px;
	outline-width: 0;
}
.history-w a:hover{
	background-image: url(../img/history-w.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 122px;
	text-indent:-9999px;
	outline-width: 0;
}
.history-w_o {
	background-image: url(../img/history-w.gif);
	background-position: 0px -28px;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 122px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-j a {
	background-image: url(../img/idea-j.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 167px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-j a:hover{
	background-image: url(../img/idea-j.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 167px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-j_o {
	background-image: url(../img/idea-j.gif);
	background-position: 0px -28px;
	margin: 8px 8px 0px 0px;
	display: block;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 167px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-w a {
	background-image: url(../img/idea-w.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 171px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-w a:hover{
	background-image: url(../img/idea-w.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 171px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-w_o {
	background-image: url(../img/idea-w.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 171px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-t a {
	background-image: url(../img/idea-t.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 97px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-t a:hover{
	background-image: url(../img/idea-t.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 97px;
	text-indent:-9999px;
	outline-width: 0;
}
.idea-t_o {
	background-image: url(../img/idea-t.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 97px;
	text-indent:-9999px;
	outline-width: 0;
}
.religion a {
	background-image: url(../img/religion.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.religion a:hover{
	background-image: url(../img/religion.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.religion_o {
	background-image: url(../img/religion.gif);
	background-position: 0px -28px;
	margin: 8px 8px 0px 0px;
	display: block;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.mind a {
	background-image: url(../img/mind.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.mind a:hover{
	background-image: url(../img/mind.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.mind_o {
	background-image: url(../img/mind.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.politics a {
	background-image: url(../img/politics.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 113px;
	text-indent:-9999px;
	outline-width: 0;
}
.politics a:hover{
	background-image: url(../img/politics.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 113px;
	text-indent:-9999px;
	outline-width: 0;
}
.politics_o {
	background-image: url(../img/politics.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 113px;
	text-indent:-9999px;
	outline-width: 0;
}
.education a {
	background-image: url(../img/education.gif);
	display: block;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.education a:hover{
	background-image: url(../img/education.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.education_o {
	background-image: url(../img/education.gif);
	background-position: 0px -28px;
	margin: 8px 0px 0px 0px;
	display: block;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.human a {
	background-image: url(../img/human.gif);
	display: block;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 159px;
	text-indent:-9999px;
	outline-width: 0;
}
.human a:hover{
	background-image: url(../img/human.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 159px;
	text-indent:-9999px;
	outline-width: 0;
}
.human_o {
	background-image: url(../img/human.gif);
	background-position: 0px -28px;
	margin: 8px 8px 0px 0px;
	display: block;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 159px;
	text-indent:-9999px;
	outline-width: 0;
}
.language a {
	background-image: url(../img/language.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.language a:hover{
	background-image: url(../img/language.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.language_o {
	background-image: url(../img/language.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.human a {
	background-image: url(../img/human.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 159px;
	text-indent:-9999px;
	outline-width: 0;
}
.human a:hover{
	background-image: url(../img/human.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 159px;
	text-indent:-9999px;
	outline-width: 0;
}
.human_o {
	background-image: url(../img/human.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 159px;
	text-indent:-9999px;
	outline-width: 0;
}
.nature a {
	background-image: url(../img/nature.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 96px;
	text-indent:-9999px;
	outline-width: 0;
}
.nature a:hover{
	background-image: url(../img/nature.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 96px;
	text-indent:-9999px;
	outline-width: 0;
}
.nature_o {
	background-image: url(../img/nature.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 96px;
	text-indent:-9999px;
	outline-width: 0;
}
.art a {
	background-image: url(../img/art.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.art a:hover{
	background-image: url(../img/art.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.art_o {
	background-image: url(../img/art.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 56px;
	text-indent:-9999px;
	outline-width: 0;
}
.construction a {
	background-image: url(../img/construction.gif);
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 137px;
	text-indent:-9999px;
	outline-width: 0;
}
.construction a:hover{
	background-image: url(../img/construction.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 137px;
	text-indent:-9999px;
	outline-width: 0;
}
.construction_o {
	background-image: url(../img/construction.gif);
	background-position: 0px -28px;
	display: block;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 137px;
	text-indent:-9999px;
	outline-width: 0;
}


/*ナビゲーション部分ここまで*/