/* --------------------------------------------------------------
navi
-------------------------------------------------------------- */
#navi {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#navi ul {
	text-align:left;
	width:320px;
	height:21px;
	margin:83px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#navi li {
	margin:0px;
	padding:0px;
	float:left;
}

#navi li a{
	position:relative;
	display:block;
	height:21px;
	background-image:url(../img/navi.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
	overflow:hidden;
}
/* --------------------------------------------------------------
個別設定
-------------------------------------------------------------- */
#navi ul li#navi_home a:link,
#navi ul li#navi_home a:visited {
	width:70px;
	background-position:0px 0px;
}

#navi ul li#navi_daily a:link,
#navi ul li#navi_daily a:visited {
	width:69px;
	background-position:-70px 0px;
}

#navi ul li#navi_portfolio a:link,
#navi ul li#navi_portfolio a:visited {
	width:97px;
	background-position:-139px 0px;
}

#navi ul li#navi_contact a:link,
#navi ul li#navi_contact a:visited {
	width:84px;
	background-position:-236px 0px;
}

/* --------------------------------------------------------------
naviマウスオーバー設定
-------------------------------------------------------------- */
#navi ul li#navi_home a:hover {
	background-position:0px -21px;
}

#navi ul li#navi_daily a:hover {
	background-position:-70px -21px;
}

#navi ul li#navi_portfolio a:hover {
	background-position:-139px -21px;
}

#navi ul li#navi_contact a:hover {
	background-position:-236px -21px;
}

/* --------------------------------------------------------------
navi現在ページ設定
-------------------------------------------------------------- */
#P_home #navi ul li#navi_home a:link,
#P_home #navi ul li#navi_home a:visited,
#P_home #navi ul li#navi_home a:hover {
	background-position:0px -21px;
}

#P_daily #navi ul li#navi_daily a:link,
#P_daily #navi ul li#navi_daily a:visited,
#P_daily #navi ul li#navi_daily a:hover {
	background-position:-70px -21px;
}

#P_portfolio #navi ul li#navi_portfolio a:link,
#P_portfolio #navi ul li#navi_portfolio a:visited,
#P_portfolio #navi ul li#navi_portfolio a:hover {
	background-position:-139px -21px;
}

#P_contact #navi ul li#navi_contact a:link,
#P_contact #navi ul li#navi_contact a:visited,
#P_contact #navi ul li#navi_contact a:hover {
	background-position:-236px -21px;
}