@charset "UTF-8";

@import "common.css";


/*------------------------------------------------
 タイトル
------------------------------------------------*/
h1#ttl_archives {
	text-indent: -9999px;
	background: url(../images/archives/ttl_archive.gif) 0 0 no-repeat;
}


/*------------------------------------------------
 アーカイブ画像
------------------------------------------------*/
div#archives {
	margin: 20px 0 14px 0;

}


ul#archives_content {
	list-style-type: none;
	width: 732px;
}

ul#archives_content li {
	float: left;
	margin: 9px 17px;
	border: 3px solid #ccc;
}

ul#archives_content li:hover{
	border: 3px solid #888;
}


/*------------------------------------------------
 ページング
------------------------------------------------*/
div#paging {
	font-size: 90%;
	margin: 0 0 20px 16px;
}

#paging .pagebar {
  margin: 0 0 30px;
}

#paging .pagebar .this-page {
  padding: 4px 10px;
  color: #fff;
  font-weight: bold;
  border: solid 1px #d5d5d5;
  background: #262626;
}

#paging .pagebar a {
  padding: 5px 10px;
  border: solid 1px #d5d5d5;
  background: #fff;
  color: #666;
}

#paging .pagebar a:hover {
  padding: 5px 10px;
  color: #fff;
  border: solid 1px #d5d5d5;
  background: #999;
  color: #333;
}


/*------------------------------------------------
 サイドバー
------------------------------------------------*/

/* カテゴリ */
h3#side_menu_category {
	background: url(../images/archives/archive_side_ttl_categories.gif) 2px 12px no-repeat;
}

/* タグ */
h3#side_menu_tag {
	background: url(../images/archives/archive_side_ttl_tags.gif) 2px 12px no-repeat;
}

/* カラー */
h3#side_menu_color {
	background: url(../images/archives/archive_side_ttl_colors.gif) 2px 12px no-repeat;
}

ul li.colorList_white, ul li.colorList_black, ul li.colorList_gray,
ul li.colorList_red, ul li.colorList_blue, ul li.colorList_green,
ul li.colorList_yellow {
	padding-left: 16px;
}

ul li.colorList_white{
	background: url(../images/archives/archive_side_color_white.gif) 0 0 no-repeat;
}

ul li.colorList_black{
	background: url(../images/archives/archive_side_color_black.gif) 0 0 no-repeat;
}

ul li.colorList_gray{
	background: url(../images/archives/archive_side_color_gray.gif) 0 0 no-repeat;
}

ul li.colorList_red{
	background: url(../images/archives/archive_side_color_red.gif) 0 0 no-repeat;
}

ul li.colorList_blue{
	background: url(../images/archives/archive_side_color_blue.gif) 0 0 no-repeat;
}

ul li.colorList_green{
	background: url(../images/archives/archive_side_color_green.gif) 0 0 no-repeat;
}

ul li.colorList_yellow{
	background: url(../images/archives/archive_side_color_yellow.gif) 0 0 no-repeat;
}