@charset "utf-8";

/* ブログ基本
---------------------------------------------------- */
#blog-left{
	width:690px;
	float:left;
}
#blog-right{
	width:250px;
	float:right;
}
#blog-left h3,
#blog-right h3{
	font-size:130%;
	color:#000;
	border-bottom:3px solid #000;
	margin-bottom:5px;
}
#blog-left h3 a{
	text-decoration:none;
	color:#cd3921;
}
#blog-left h3 a:hover{
	text-decoration:none;
	color:#892514;
}
.blog-footer{
	background:#f9f9f9;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 20px;
	text-align:right;
	margin:10px 0 30px 0;
}

#blog-right ul{
	margin-left:5px;
}
#blog-right li{
	list-style:none;
	background:url(../images/icon1.jpg) no-repeat 0 5px;
	padding-left:15px;
	padding-bottom:10px;

}


/* コメント
---------------------------------------------------- */
.comment-right{
	width:155px;
	float:right;
	background:url(../images/blog/comment-right.gif) no-repeat top;
	padding-top:115px;
	text-align:center;
}
.comment-left{
	width:535px;
	float:left;
	background:url(../images/blog/comment-top.gif) no-repeat top;
}
.comment-body{
	background:url(../images/blog/comment-bottom.gif) no-repeat bottom #000;
	margin-top:20px;
	color:#fff;
	padding:0 20px 5px 20px
}

#post-comment{
	margin-bottom:20px;
}

.name{
	width:300px;
	padding:5px 2px; 
}
.email{
	width:400px;
	padding:5px 2px; 
}
.comment{
	width:500px;
	height:250px;
	padding:5px;
}
.add{
	background:#000;
	padding:5px 15px;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	border:none;
}
.add:hover{
	background:#555;
	padding:5px 15px;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	border:none;
}

.trackback-url{
	padding:2px 4px;
	width:500px;
}
#track-back{
	padding:0 20px 0 0;
}
#track-back li{
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}