@charset "UTF-8";
/* CSS Document */

/* ナビバーの土台*/
#groval_navi_basic{
	width:100%;
	border-bottom-color: #5E8164;
	border-bottom-style: solid;
	border-bottom-width: thin;
	background-image: url(navi_bg.png);
	background-repeat: repeat-x;
}

/* ナビバー*/
#groval_navi_bar{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 32px;
	position: relative;
}

/* ホーム（通常）リンク*/
a#navi_home_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_01.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	top: 1px;
}

/* ギャラリー（通常）リンク*/
a#navi_gallery_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_02.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 98px;
}

/* 小説（通常）リンク*/
a#navi_novel_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_03.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 196px;
}

/* 感想・トーク（通常）リンク*/
a#navi_talk_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_04.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 294px;
}

/* ブログ（通常）リンク*/
a#navi_blog_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_05.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 392px;
}

/* BBS（通常）リンク*/
a#navi_bbs_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_06.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 490px;
}

/* ストーリー（通常）リンク*/
a#navi_story_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_07.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 588px;
}

/* イベント（通常）リンク*/
a#navi_event_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_08.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 686px;
}

/* 外部リンク（通常）リンク*/
a#navi_link_n{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_09.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 784px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #66cc66;
}

/* ここからは、今どこにいるのかを示すハイライト表示用のスタイルです*/

/* ホーム（ハイライト）リンク*/
a#navi_home_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_10.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
}

/* ギャラリー（ハイライト）リンク*/
a#navi_gallery_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_11.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 98px;
}

/* 小説（ハイライト）リンク*/
a#navi_novel_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_12.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 196px;
}

/* 感想・トーク（ハイライト）リンク*/
a#navi_talk_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_13.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 294px;
}

/* ブログ（ハイライト）リンク*/
a#navi_blog_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_14.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 392px;
}

/* BBS（ハイライト）リンク*/
a#navi_bbs_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_15.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 490px;
}

/* ストーリー（ハイライト）リンク*/
a#navi_story_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_16.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 588px;
}

/* イベント（ハイライト）リンク*/
a#navi_event_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_17.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 686px;
}

/* 外部リンク（ハイライト）リンク*/
a#navi_link_a{
	height: 32px;
	width: 96px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #66cc66;
	background-image: url(bottons/navibottons_18.png);
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 784px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #66cc66;
}

/* 画像リンクのロールオーバー振る舞い*/

a:link{
	background-position: 0px 0px;
	}
	
a:visited{
	background-position: 0px 0px;
	}
	
a:hover{
	background-position: 0px -32px;
}