@charset "utf-8";
@import "reset.css";
@import "base.css";

#intro{
	background: transparent url("../images/bg-blog.gif") no-repeat 50% 0;
	height: 224px; /* 252px */
	overflow: hidden;
	padding: 28px 0 0 0;
	text-align: center;
}
#intro h1{
	margin: 0 auto;
	text-align: right;
	width: 728px;
}
#intro h2{
	margin: 0 auto;
	padding: 28px 0 0 0;
	width: 546px;
}

#content h2{
	margin: 0 0 14px 0;
}

#content .hfeed{
	float: left;
	padding: 0 0 14px 0;
	width: 630px;
}
#content #sidebar{
	float: right;
	padding: 0;
	width: 252px;
}

/* .archive-title */
.archive-title{
	background: transparent no-repeat 0 50%;
	color: #d35745;
	font-size: 18px;
	line-height: 20px;
	padding: 18px 0 18px 56px;
}
.monthly-title{
	color: #d35745;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 14px 0;
	padding: 0 0 0 56px;
}
.archive-title strong, 
.monthly-title strong{
	color: #000;
	font-weight: bold;
	margin: 0 4px 0 0;
}
.title-yokohama{ background-image: url("../images/blog-yokohama.gif"); }
.title-yoshimi{ background-image: url("../images/blog-yoshimi.gif"); }
.title-inoue{ background-image: url("../images/blog-inoue.gif"); }
.title-kobayashi{ background-image: url("../images/blog-kobayashi.gif"); }
.title-akamatsu{ background-image: url("../images/blog-akamatsu.gif"); }
.title-sugi{ background-image: url("../images/blog-sugi.gif"); }


/* .hentry */
.hentry{
	padding: 0 0 0 42px;
	margin: 0 0 42px 0;
}
.hentry .staff-icon{
	float: left;
	margin: 0 0 0 -46px;
}
.hentry .entry-category{
	color: #d35745;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0 0 4px 14px;
	width: 386px;
}
.hentry .published{
	color: #666;
	float: right;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	text-align: right;
	padding: 0 14px 4px 0;
	width: 156px;
}
.hentry .entry-header{
	background: transparent url("../images/bg-hentry-title1.gif") no-repeat 0 0;
	clear: both;
	margin: 0 0 7px 0;
	padding: 7px 0 0 0;
}
.hentry .entry-title{
	background: transparent url("../images/bg-hentry-title2.gif") no-repeat 0 100%;
	clear: both;
	margin: 0;
	padding: 0;
}
.hentry .entry-title a{
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 14px 10px 14px;
	text-decoration: none;
}
.hentry .entry-title a:hover{
	text-decoration: underline;
}
.hentry .entry-description{
	font-size: 14px;
	line-height: 20px;
	padding: 0 14px;
}
.hentry .entry-description h3{
	color: #666600;
	font-weight: bold;
	margin: 0 0 14px 0;
}
.hentry .entry-description p{
	margin: 0 0 14px 0;
}
.hentry .entry-description ul, 
.hentry .entry-description ol{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 14px 0;
	padding: 0 0 0 21px;
}
.hentry .entry-description ul li{
	list-style: circle outside;
	margin: 0 0 3px 0;
}
.hentry .entry-description ol li{
	list-style: decimal outside;
	margin: 0 0 3px 0;
}

/* #pagenav */
#pagenav{
	padding: 14px 0 28px 56px;
}
#pagenav .prev{
	display: block;
	float: left;
	width: 163px;
}
#pagenav .next{
	display: block;
	float: right;
	width: 163px;
}

/* comment */
#commentlist, 
#commentform{
	padding: 14px 0 28px 56px;
	width: 574px;
}
.comment{
	margin: 0 0 28px 0;
}
.commentator{
	float: left;
	width: 140px;
}
.commentator cite, 
.commentator small{
	display: block;
	font-size: 14px;
	line-height: 20px;
}
.commentator small a{
	color: #666;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
}
.message{
	background: transparent url("../images/bg-message.gif") no-repeat 0 0;
	float: right;
	font-size: 14px;
	line-height: 20px;
	padding: 0 14px 0 28px;
	width: 392px;
}

#commentform label{
	color: #666600;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 2px 0 0 0;
	text-align: right;
	width: 112px;
}
#commentform p{
	padding: 7px 14px 7px 0;
}
#commentform input#author,
#commentform input#email,
#commentform input#url{
	background: #efefef;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 14px;
	margin: 0 0 0 7px;
	padding: 3px;
	width: 200px;
}
#commentform textarea{
	background: #efefef;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 0 119px;
	padding: 3px;
	width: 430px;
}
#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus, 
#commentform textarea:focus{
	background: #fff;
	color: #000;
}
#commentform .submit{
	float: right;
	display: block;
}



/* #sidebar */
#content #sidebar h2{
	margin: 0 0 7px 0;
}
#content #sidebar ul{
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 24px 0;
	padding: 0 56px 0 28px;
	width: 168px;
}
#content #sidebar li{
	margin: 0 0 3px 0;
}
#content #sidebar ul.staff-list li{
	list-style: circle inside;
}
#content #sidebar ul.staff-list li.yokohama{ list-style-image: url("../images/blog-yokohama-mini.gif"); }
#content #sidebar ul.staff-list li.yoshimi{ list-style-image: url("../images/blog-yoshimi-mini.gif"); }
#content #sidebar ul.staff-list li.akamatsu{ list-style-image: url("../images/blog-akamatsu-mini.gif"); }
#content #sidebar ul.staff-list li.kobayashi{ list-style-image: url("../images/blog-kobayashi-mini.gif"); }
#content #sidebar ul.staff-list li.inoue{ list-style-image: url("../images/blog-inoue-mini.gif"); }
#content #sidebar ul.staff-list li.sugi{ list-style-image: url("../images/blog-sugi-mini.gif"); }