@charset "utf-8";
/* NEWSやPROJECTSページのページナビゲーション関係のスタイル */


/* --- navi --- */

/* view */
div.navi
{
	margin:10px 0;
}
div.navi div.view div
{
	float: left;
	width:52px;
	height:23px;
	text-indent: -9999px;
	text-align:left;
	margin-right:15px;
}
div.navi div.view a
{
	display:block;
	width:52px;
	height:23px;
}
div.view div.thumb { background:url(../../img/viewbtn_img-thin.gif) no-repeat;}
/* ↑ 無効時の表示 */
div.view div.thumb a{ background:url(../../img/viewbtn_img-thic.gif) no-repeat;}
div.view div.thumb a:hover{ background-image:url(../../img/viewbtn_img-red.gif); }
div.view div.thumb a:active{ background-image:url(../../img/viewbtn_img-thin.gif); }

div.view div.text { background:url(../../img/viewbtn_list-thin.gif) no-repeat;} 
/* ↑ 無効時の表示 */
div.view div.text  a{ background:url(../../img/viewbtn_list-thic.gif) no-repeat;}
div.view div.text  a:hover{ background-image:url(../../img/viewbtn_list-red.gif); }
div.view div.text  a:active{ background-image:url(../../img/viewbtn_list-thin.gif); }

/* pageNavi */
	/* IE7 */
	*:first-child+html 
	div.navi
	{
		min-height:23px;
	}
div.navi div.page
{
	float: right;
	width: 160px;
}

div.navi div.page div.pageText
{
	float: right;
	min-width:30px;
	padding:0;
	text-align:center;
}

div.navi div.page div.btn
{
	float: right;
	width:20px;
	height:23px;
	text-indent: -9999px;
	text-align:left;
}
div.navi div.page a
{
	display:block;
	width:20px;
	height:23px;
}
div.page div.start{ background:url(../../img/pagebtn_start-thin.gif) no-repeat;}
/* ↑ 無効時の表示 */
div.page div.start  a{ background:url(../../img/pagebtn_start-thic.gif) no-repeat;}
div.page div.start  a:hover { background-image:url(../../img/pagebtn_start-red.gif);}
div.page div.start  a:active{ background-image:url(../../img/pagebtn_start-thin.gif); }

div.page div.prev{ background:url(../../img/pagebtn_prev-thin.gif) no-repeat;}
/* ↑ 無効時の表示 */
div.page div.prev  a{ background:url(../../img/pagebtn_prev-thic.gif) no-repeat;}
div.page div.prev  a:hover { background-image:url(../../img/pagebtn_prev-red.gif);}
div.page div.prev  a:active{ background-image:url(../../img/pagebtn_prev-thin.gif); }

div.page div.next{ background:url(../../img/pagebtn_next-thin.gif) no-repeat;}
/* ↑ 無効時の表示 */
div.page div.next  a{ background:url(../../img/pagebtn_next-thic.gif) no-repeat;}
div.page div.next  a:hover { background-image:url(../../img/pagebtn_next-red.gif);}
div.page div.next  a:active{ background-image:url(../../img/pagebtn_next-thin.gif); }

div.page div.end{ background:url(../../img/pagebtn_end-thin.gif) no-repeat;}
/* ↑ 無効時の表示 */
div.page div.end  a{ background:url(../../img/pagebtn_end-thic.gif) no-repeat;}
div.page div.end  a:hover { background-image:url(../../img/pagebtn_end-red.gif);}
div.page div.end  a:active{ background-image:url(../../img/pagebtn_end-thin.gif); }