html {
	height:100%;
}

body {
	height:100%;
	font-size:10px;
	font-family: Verdana, "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS Gothic";
	color:#666666;
	text-align:center;
	background-color:#e8e8e8;
}

/* common
---------------------------------------------------- */

a { text-decoration: none; }
a:link { color: #999966; }
a:visited { color: #999966; }
a:hover { color: #bcbc99; }
a:active { color: #bcbc99; }


#wrapper {
	width:880px;
	min-height:100%;
	margin:0px auto 0px auto;
	text-align:left;
	background-color:#ffffff;
}

.left { float:left; }
.clear { clear: both; }

/* header
---------------------------------------------------- */

#header {
	width:100%;
	height:45px;
	line-height:45px;
	margin-bottom:70px;
	color:#eeeeee;
	background-color:#333333;
}

.title {
	float:left;
	margin-left:40px;
}

#header ul {
	margin-right:40px;
	float:right;
}

#header li {
	display:inline;
}

#header li a {
	color:#eeeeee;
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0px 14px;
	margin:7px 0 0 10px;
}

#header li a.nolink {
	color:#666666;
}

/* contents
---------------------------------------------------- */
#contents {
	width:880px;
}
/* entry
---------------------------------------------------- */

#entries {
	width:580px;
	margin-right:40px;
	_margin-right:20px;
	float:right;
}

div.post {
	padding:20px 0 20px 0;
	border-top:double #cccccc 3px;
}

div.post h2 {
	font-size:14px;
	color:#333333;
	margin-bottom:3px;
}

div.post h2 a { text-decoration: none; }
div.post h2 a:link { color: #333333; }
div.post h2 a:visited { color: #333333; }
div.post h2 a:hover { color: #333333; }
div.post h2 a:active { color: #333333; }

div.post p.posted {
	color:#aaaaaa;
	font-size:10px;
	margin-bottom:20px;
}

div.post p {
	color:#333333;
	line-height:170%;
	margin-bottom:10px;
}

div.body {
	margin-bottom: 20px;
}

div.more {
	margin-bottom: 20px;
}

div.post p.readMore {
	margin-top: 30px;
}

div.post ul li p {
	margin-bottom: 1px;
}

div.post pre {
	background:#f5f5f5;
	border: solid 1px #eeeeee;
	padding: 1em;
	width: auto;
	_width: 90%;
	overflow: auto;
	_overflow: scroll;
	font-family: 'MS Gothic', monospace;
	line-height:150%;
}

ul.entry_meta {
	margin-top: 30px;
}

ul.entry_meta li {
	display:inline;
}

div.post img {
	padding:5px;
	background-image:url("../img/bg_dot_001.gif");
	margin-bottom:10px;
}

div.comment_body {
	padding-top:20px;
	margin-bottom:25px;
	border-top:solid #cccccc 1px;
}

div.comment_body h2 {
	font-size:12px;
	color:#333333;
	margin-bottom:20px;
}

div.comment_body dl {
	margin-bottom:40px;
}

div.comment_body dt {
	margin-bottom:15px;
}

div.comment_form {
	padding-top:20px;
	margin-bottom:25px;
	border-top:solid #cccccc 1px;
}

div.comment_form h2 {
	font-size:12px;
	color:#333333;
	margin-bottom:20px;
}

div.comment_left {
	float: left;
	width: 215px;
	margin-right: 25px;
	border-right: dotted 1px #CCCCCC;
}

div.comment_form dl {
	margin-bottom:13px;
}

div.comment_form dt {
	margin-bottom:3px;
}

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

#navi {
	width:150px;
	margin-left:40px;
	_margin-left:20px;
	float:left;
}

#navi div {
	border-top:#cccccc solid 1px;
	margin-bottom:20px;
	padding-top:15px;
}

#navi h3 {
	color:#333333;
	margin-bottom:10px;
}

div.naviList ul li {
	list-style-image:url('../img/navi_list.gif');
	margin-left:14px;
	*margin-left:17px;
	margin-bottom:5px;
}

div.naviList ul li a:link { color: #888888; }
div.naviList ul li a:visited { color: #888888; }
div.naviList ul li a:hover { color: #444444; }
div.naviList ul li a:active { color: #888888; }

#navi img.takeshi {
	float:left;
	margin-right:10px;
}

/* clearfix
---------------------------------------------------- */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-table;
}

/* ¥*/
* html .clearfix{ 
	height:1%;
}
/* */