@charset "UTF-8";

 .pagination {
    padding: 3px;
    margin: 3px;
    font-style:normal;
  }
  /* フォーカス無し時 */
  .pagination a {
	float:left;
	list-style:none;
	width:24px;
	height:24px;
	padding:10px 0 0 0;
	margin:5px;
	border:solid 1px #a7b8ae;
	color: #a7b8ae;
	text-align:center;
	font-size:0.9em;
  }
  /* フォーカス時 */
  .pagination a:hover, .pagination a:active {
	border:solid 1px #a7b8ae;
    background-color: #F5F5F5;
  }
  /* 現在のページ */
  .pagination em {
	float:left;
	list-style:none;
	width:24px;
	height:24px;
	padding:10px 0 0 0;
	margin:5px;
	border:solid 1px #a7b8ae;
    background-color: #a7b8ae;
	color: #FFF;
	text-align:center;
	font-size:0.9em;

    font-style:normal;
  }
  /* 不活性ボタン */
  .pagination span.disabled {
	float:left;
	list-style:none;
	width:24px;
	height:24px;
	padding:10px 0 0 0;
	margin:5px;
	border:solid 1px #FFFFFF;
    background-color: #FFFFFF;
	color: #FFFFFF;
	text-align:center;
	font-size:0.9em;

    font-style:normal;
  }

  /* 「>>」 */
  .pagination .previous_page, .pagination .next_page {
	float:left;
	list-style:none;
	width:24px;
	height:24px;
	padding:10px 0 0 0;
	margin:5px;
	border:solid 1px #FFFFFF;
        background-color: #FFFFFF;
	color: #a7b8ae;
	text-align:center;
	font-size:0.9em;
        font-style:normal;
  }
  
  .pagination .previous_page:hover, .pagination .previous_page:active, .pagination .next_page:hover, .pagination .next_page:active {
	border:solid 1px #FFFFFF;
    background-color: #FFFFFF;
  }
 
  /* ページ数が多い場合に表示される「...」 */
  .pagination .gap {
	float:left;
	padding:10px 0 0 0;
	margin:5px;
	color: #a7b8ae;
	text-align:center;
	font-size:0.9em;
        font-style:normal;
      
  }