@charset "utf-8";
/* CSS Document */

#main {
	position:relative;
	z-index:0;
}

#side {
	float:left;
	width:287px;
	position:relative;
	z-index:1;
}

a.forblog {
	background:white;
}

.right {
	text-align:right;
}

.entry h3 {padding:2em 0 0 2em;}

.post div.blogbox {
	width:250px;
	float:left;
	display:inline;
	margin:0 30px 0 0;
}

div.blogbox li a {display:block;}
div.blogbox li a img {border:1px solid white;}
div.blogbox li a:hover img {border:1px solid #666;}

.blog_li {
	width:250px;
	border:1px solid #CCC;
	margin:5px 0 10px;
	display:block;
}

.post div.blogbox li.firstChild a:hover { 
	background:none;
}

.blog_li div {
	padding:0.5em;
}

.blog_li:hover {
	background:#EEE;
	border:1px solid #666;
}

#side ul li {
	border-bottom:1px dotted #666;
	text-align:center;
	padding:0;
}

#side ul li.lastChild {
	border-bottom:none;
}

#side ul li h2 {
	text-align:left;
	background:black;
	color:white;
	line-height:1.5em;
	padding:1.2em;
	font-size:1.2em;
}

#side ul li p {
	text-align:left;
	padding:2px 10px;
}


.c:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.c {
  min-height: 1px;
}

* html .c {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}