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

 File name:      blog.css
 Style Info      ブログ部分レイアウトcss
 LastUpdate      2008/11/11
-------------------------------------------------- */



/* ContentBlog
----------------------------------------------- */
@media all {
#contents div#contentBlog {
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#contents div#mainBlog {
  width:580px;
	padding-right:20px;
  float:left;
	text-align:left;
	border-right:1px dotted #694D29;
}
#contents div#sidebar {
  width:180px;
  float:right;
	text-align:left;		
}
}
@media handheld {
#contents div#contentBlog {
  width:90%;
}
#contents div#mainBlog {
  width:100%;
  float:none;
}
#contents div#sidebar {
  width:100%;
  float:none;
}
}

/* Headings
----------------------------------------------- */
#contents div#mainBlog h2 {
	margin:1.5em 0 .75em;
  font:78%/1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}


/* Posts
----------------------------------------------- */
@media all {
	#contents div#mainBlog h2.date-header {
		margin:0 0 .5em;
	}
	#contents div#mainBlog div.post {
		width:580px;
		margin:.5em 0 1.5em;
		border-bottom:1px dotted #694D29;
		padding-bottom:1.5em;
		text-align:left;	
	}
	#contents div#mainBlog div.post-body {
		width:580px;
		margin:.5em 0 1.5em;
		padding-bottom:1.5em;
		text-align:left;	
	}
}
@media handheld {
	#contents div#mainBlog h2.date-header {
		padding:0 1.5em 0 1.5em;
	}
	#contents div#mainBlog div.post {
		padding:0 1.5em 0 1.5em;
	}
}
#contents div#mainBlog h3.post-title {
	margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#c60;
	text-align:left;	
}
#contents div#mainBlog h3.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
}
#contents div#mainBlog h3.post-title strong, .post-title a:hover {
  color:#333;
}
#contents div#mainBlog div.post div {
  margin:0 0 .75em;
  line-height:1.6em;
}
#contents div#mainBlog p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
	text-align:left;	
}
#contents div#mainBlog p.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
}
#contents div#mainBlog p.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
}
#contents div#mainBlog p.comment-link {
  margin-left:.6em;
}
.post img {
  padding:4px;
  border:1px solid #ddd;
}
.post blockquote {
  margin:1em 20px;
}
.post blockquote p {
  margin:.75em 0;
}



/* Sidebar Content
----------------------------------------------- */
#contents div#sidebar h2.sidebar-title {
	font-size:90%;
}

#contents div#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #694D29;
  list-style:none;
}
#contents div#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
}
#contents div#sidebar p {
  color:#666;
  line-height:1.5em;
}



/* Feeds
----------------------------------------------- */
#blogfeeds {
}
#postfeeds {
}