@charset "UTF-8";


/* ---------------------------------------
				localmenu
--------------------------------------- */

@import "blog_localmenu.css";


/* ---------------------------------------
				contents
--------------------------------------- */

div#contents h3 {
	margin: -3px 0 20px -26px;
	padding: 0 0 0 26px;
	height: 56px;
	background: url(/i/blog/back_title.png) 0 30px no-repeat transparent;
}

div#contents h4 {
	margin: 1em 0 0.5em 0;
}

div#contents h5 {
	margin: 1em 0 0.5em 0;
	padding: 3px;
	background-color: #68665b
}

div#contents h6 {
	margin: 1em 0 0.5em 0;
}

div#contents div#summary {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 15px;
	position: relative;
	top: -38px;
	left: 2px;
}


/* ---------------------------------------
				postlist
--------------------------------------- */

div#contents ul#postlist {
	margin: 0;
	padding: 0;
	width: 692px;
	overflow: auto;
	color: #b9b4aa;
	font-size: 77%;
}

div#contents ul#postlist li {
	margin: 0 30px 30px 0;
	width: 130px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	zoom: 1;
}

div#contents ul#postlist li p {
	margin: 0;
	padding: 0;
}

div#contents ul#postlist li p.date {
	margin: 0 0 5px 0;
}

div#contents ul#postlist li h4 {
}

div#contents ul#postlist li h4 a {
	display: block;
	overflow: hidden;
}

div#contents ul#postlist li p.thumnail {
}

div#contents ul#postlist li p.author {
}


/* ---------------------------------------
			postlist-preview
--------------------------------------- */

div#contents ul#postlist-preview {
	margin: 0;
	padding: 0;
}

div#contents ul#postlist-preview > li {
	border-left: 3px solid #68665b;
	padding: 0 0 20px 10px;
	zoom: 1;
}

div#contents ul#postlist-preview li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents ul#postlist-preview li p.client {
	margin: 0;
}

div#contents ul#postlist-preview li p.date {
	margin: 0;
	float: right;
}

div#contents ul#postlist-preview li p.thumbnail {
	margin: 0 0 0 10px;
	float: right;
}

div#contents ul#postlist-preview li h4 {
	margin: 0 0 5px -10px;
	padding: 0 0 3px 5px;
	border-bottom: 1px solid #68665b;
}

div#contents ul#postlist-preview li h4 a {
	text-decoration: none;
	margin: 0 0 0 5px;
	padding: 0;
}

div#contents ul#postlist-preview li p.works {
	font-size: 88%;
	margin: 0;
}



/* ---------------------------------------
					post
--------------------------------------- */

div#contents div.post {
	border: 1px solid #8a8071;
	padding: 10px;
	margin: 0 0 30px 0;
	zoom: 1;
}

div#contents div.post:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.post div.date {
	margin: 0 -10px;
	padding: 0 10px 5px 0;
	font-size: 77%;
	text-align: right;
	border-bottom: 1px solid #8a8071;
}

div#contents div.post p {
}

div#contents div.post ul {
	list-style-type: circle;
}

div#contents div.post ul li {
	margin-bottom: 10px;
}



/* ---------------------------------------
			post-preview
--------------------------------------- */

div#contents div.post-preview {
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #68665b;
	zoom: 1;
}

div#contents div.post-preview:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.post-preview p.client {
	margin: 0;
}

div#contents div.post-preview p.date {
	margin: 0;
	float: right;
}

div#contents div.post-preview p.thumbnail {
	margin: 0 0 0 10px;
	float: right;
}

div#contents div.post-preview h4 {
	margin: 0 0 5px -10px;
	padding: 0 0 3px 5px;
	border-bottom: 1px solid #68665b;
}

div#contents div.post-preview h4 a {
	text-decoration: none;
	margin: 0 0 0 5px;
	padding: 0;
}

div#contents div.post-preview p.works {
	font-size: 88%;
	margin: 0;
}

div#contents div.post-preview div.content {
	width: 450px;
	float: left;
}

div#contents div.post-preview div.image {
	width: 200px;
	float: right;
}


/* ---------------------------------------
				blog > img
--------------------------------------- */

img.centered,
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}


/* ---------------------------------------
				page-navi
--------------------------------------- */

div#contents div.wp-pagenavi {
	height: 25px;
	line-height: 25px;
	text-align: center;
}


div#contents div.wp-pagenavi a,
div#contents div.wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0;
	color: #8a8071;
	background: none;	
}

div#contents div.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0;
	color: #8a8071;
	background: none;	
}

div#contents div.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #b9b4aa;
	background: none;
	border: 0;
}

div#contents div.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0;
	color: #b9b4aa;
	background: none;	
}

div#contents div.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #8a8071;
	border: 0;
	background: none;
}

div#contents div.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 0;
	color: #b9b4aa;
	background: none;
}

div#contents div.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0;
	color: #000000;
	background: none;
}