@charset "utf-8";


* {
	margin: 0;
	padding: 0;
}
img,
a img {
	border: 0px;
}

ul,
ol {
	list-style: none;
}

p {
	margin-bottom: 1em;
}


.centering {
	text-align: center;
}
.righter {
	text-align: right;
}

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

.clearfix {
  min-height: 1px;
}

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

/********************************************/

body {
	margin: 0;
	padding: 0;
	background: #F4F9E2;
	font: small Arial, Sans-Serif;
	line-height: 1.8;
	color: #614a29;
}

#page {
	width: 800px;
	margin: 0 auto;
	padding: 0 44px;
	text-align: left;
	background: url(images/blog_container_bg.gif);
}

a:link,
a:visited {
	color:#1d6f9a;
	text-decoration:none;
}
a:hover,
a:active {
	color:1d6f9a;
	text-decoration:underline;
}


#container {
	width: 800px;
}


/********************************************

　1. ヘッダー

********************************************/

#header {
	width: 800px;
	height: 213px;
	margin: 0;
	padding: 0;
	background: url(images/blog_header.jpg) no-repeat;
}
#header h1 a {
	width: 355px;
	height: 164px;
	display: block;
	outline: none;
	background: url(images/blog_logo.gif) no-repeat;
	text-indent: -9999px;
}


/********************************************

　2. サイドメニュー

********************************************/

#sidebar {
	width: 220px;
	margin: 0 0 20px 20px;
	_margin: 0 0 20px 10px;
	float: left;
	text-align: left;
}
#sidebar .box {
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url(images/blog_side_btm.gif) left bottom no-repeat;
	_background: url(images/blog_side_bg.gif) left top repeat-y;
}
#sidebar .box ul {
	padding: 0 16px;
	background: url(images/blog_side_bg.gif) left top repeat-y;
	_background: url(images/blog_side_btm.gif) left bottom no-repeat;
}
#sidebar .box ul li {
	margin: 0 0 5px;
	padding: 0 0 15px;
	background: url(images/blog_side_line.gif) left bottom no-repeat;
}
#sidebar .box ul li p {
	margin: 0;
}
.mb10 {
	margin-bottom: 10px;
}


#sidebar .box ul li ul {
	margin: 0;
	padding: 0;
	background: none;
}
#sidebar .box ul li ul li {
	margin: 0;
	padding: 0 0 0 15px;
	background: none;
}


/********************************************

　3. コンテンツ

********************************************/
#container{
	padding: 3px 0 0;
	background: url(images/blog_content_top.gif) right top no-repeat;
}



#content {
	width: 537px;
	overflow: hidden;
	padding: 0 0 5px;
	background: url(images/blog_content_btm.gif) bottom no-repeat;
	text-align: left;
	float: right;
}

#content h2 {
	margin: 0 auto;
	background: url(images/blog_ttl_line.gif) bottom no-repeat;
	font-size: small;
	text-align: left;
}

#content .post {
	width: 503px;
	margin: 0 auto;
	padding: 10px 17px 5px;
	overflow: hidden;
	background: url(images/blog_content_bg.gif) repeat-y;
}

#content strong.date {
	color: #e5b634;
}


#content .postmetadata {
	margin: 15px 0;
	padding: 15px 0 0;
	background: url(images/blog_line.gif) no-repeat;
	text-align: right;
	font-size: x-small;
}


/********************************************

　4. コメント

********************************************/

.commentlist {
	margin: 0 0 15px;
}
.commentlist li {
	padding: 15px;
	background: #f6f6f6;
}
.commentlist li p {
	padding: 0 20px;
}

#commentform textarea {
	width: 500px;
	height: 120px;
	margin: 0 0 10px;
}
#commentform .formbtn {
	width: 100px;
	margin: 0 0 20px;
}


.navigation .lefter {
	float: left;
}
.navigation .righter {
	float: right;
}


/********************************************

　5. フッター

********************************************/

#footer {
	width: 760px;
	padding: 20px;
	background: #ccdb74;
}