@charset "utf-8";
/* ------------------------------ tag style ------------------------------ */

body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;margin:0;color:#333; }

select,input,button,textarea,button { font:99% arial,helvetica,clean,sans-serif; }

table { font-size:inherit;font:100%; }

pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100%; }

img { border:none; }

a { color:#069; }

a:hover { color:#39C; }

h1 { margin:0; }

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

.table {
	border-top:1px solid #999;
	border-left:1px solid #999;
}
.table th {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.table td {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

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

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------ #wrapper ------------------------------ */

#wrapper {
	width:900px;
	margin:0 auto;
}

#header {
	width:900px;
	margin:0 0 20px 0;
}

#top_contents {
	width:800px;
	margin:0 auto;
	padding:0 0 20px 0;
}


#contents {
	width:800px;
	height:auto;
	margin:0 auto;
	padding:0 0 10px 0;
	background:url(../images/contents_bg.gif) 0 0 repeat-y;
}

#left {
	float:left;
	width:180px;
	margin:0;
}

#recent {
	margin:0 10px;
}
#recent h2 {
	margin:0;
	padding:0;
}
#recent p {
	margin:0;
	padding:0;
}

#recent ul {
	margin:0;
	padding:0;
	background:url(../images/recent_body.gif) 0 0 repeat-y;
}
#recent li {
	margin:0;
	padding:4px 0 4px 15px;
	background:url(../images/recent_li.gif) 0 6px no-repeat;
	list-style:none;
	border-bottom:1px dotted #999;
}

#right {
	float:right;
	width:600px;
	margin:0;
}

#blogdetail {
	margin:0 0 20px 0;
}
#blogdetail h2 {
	background:url(../images/title_bg.gif) 0 0 no-repeat;
	width:555px;
	height:37px;
	margin:0 0 20px 0;
	padding:18px 0 0 45px;
	font-size:18px;
	color:#996600;
}

#blogdetail h3 {
	margin:0;
	font-size:14px;
	color:#FF6600;
}
#blogdetail div {
	margin:0;
	padding:0;
}
#blogdetail .blogdetail_data {
	background:url(../images/data_body.gif) 0 0 repeat-y;
}
#blogdetail table {
	margin:0 0 0 20px;
}
#blogdetail td {
	padding:0 20px 2px 0;
}
.article {
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px dotted #999;
}
.article h3 {
	background:url(../images/article_bg.gif) 0 0 no-repeat;
	width:600px;
	height:32px;
	margin:0;
	padding:10px 0 0 15px;
	font-size:18px;
	color:#996600;
}
.article .entrydate {
	background-color:#F7F6F4;
	margin:10px 0;
	padding:5px;
	border-bottom:1px dotted #CCC;
}

.article .pagetop {
	clear:both;
	margin:15px 0;
	text-align:right;
	text-size:80%;
}

#footer {
	border-top:1px solid #CCC;
	clear:both;
	width:800px;
	margin:0 auto;
	font-size:10px;
	color:#999;
	text-align:center;
}