@charset "Shift_JIS";
/* smart */

.pare{
	/*max-width: 600px;*/
	visibility: hidden;

}

div.pager_s {

	visibility: hidden;

	width: 95%;
	font-size: 20px;
	padding: 5px;
	margin: auto;
	clear: both;
	text-align: center;

}

div.pager_s a,
div.pager_s span {

	float: left;
	margin-right: 0.1em;
	border: 1px solid #CCCCCC;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	position: relative;
	left: 6%; /*なるべく中央*/
}


div.pager_s a:hover {
	color: #003;
	background-color: #fff;
	border: 1px solid #CCCCCC;
}
div.pager_s span.current {
	color: #fff;
	background-color: #666666;
	border: 1px solid #999999;
}

div.pager_s span.nextprev {
	border: 1px solid #ddd;
	color: #999;
	background-color: #fff;
}

div.pager_s a.nextprev {
	font-weight: bold;
}

/* hp */
div.pager {
	clear:both;
	width: 400;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 14px;

}
div.pager a,
div.pager span {
	display: block;
	float: left;
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
}
div.pager a {
	color: #003300;
	background-color: #fff;
	border: 1px solid #999999;
	text-decoration: none;
}

div.pager a:hover {
	color: #003;
	background-color: #fff;
	border: 1px solid #CCCCCC;
}
div.pager span.current {
	color: #fff;
	background-color: #666666;
	border: 1px solid #999999;
}

div.pager span.nextprev {
	border: 1px solid #ddd;
	color: #999;
	background-color: #fff;
}

div.pager a.nextprev {
	font-weight: bold;
}
@media all and (max-width:800px) and (min-width:481px){
div.pager{
	display: none;	
	}
.pare{
	/*max-width: 600px;*/
	visibility: visible;
	display:block;
	height:50px;
	width: 90%;
	text-decoration:none;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}


}
@media all and (max-width:480px) {
div.pager{
	display: none;	
	}
div.pager_s{
	visibility: visible;
	}	
	}