* {
	padding:0;
	margin:0;
	/*border:1px solid red;*/
}
body{
	position:absolute;
	width:100%;
	font-size:12px;
	text-align:center;
	color: #000;
	background: #D8D5BF url(./images/back_head.jpg) repeat-x 0 6px;
	line-height:1.5em;
	letter-spacing:1px;
}
a{
	text-decoration:none;
}
img {
	border-style:none;
}
#top{
	width:100%;
	height:6px;
	font-size:6px;
	background:url(./images/stripe.png) repeat-x;
}
#topimage{
	width:750px;
	height:224px;
	margin:0 auto;
}
#page{
	width:766px;
	margin:0 auto;
	background:url(./images/back.jpg) repeat-y;
}
#topbar{
	width:100%;
	height:76px;
	background:url(./images/head.jpg) no-repeat;
	text-align:right;
}

#left{
	width:514px;
	text-align:left;
	float:left;
}
#left .content{
	margin:10px 20px;
}
#right{
	width:250px;
	float:left;
	line-height:2em;
}
#right .content{
	margin:15px 25px 15px 5px;
	text-align:left;
}
#right .list{
	margin:5px 10px;
}
#middle{
	margin:10px 20px;
	text-align:left;
}
#foot{
	width:100%;
	height:36px;
	clear:both;
	background:url(./images/foot.jpg) no-repeat;
}
#foot_content{
	padding-top:7px;
	color:#636363;
}
#left .title{
	width:100%;
	border-bottom:1px solid gray;
}
#left .title .name{
	font-size:18px;
	font-weight:bold;
	float:left;
	margin:3px 5px;
}
#left .title .date{
	font-size:10px;
	float:left;
	margin:6px 0 0 10px;
}
#left .title .cate{
	float:left;
	font-size:12px;
	margin:5px 0 0 10px;
}
#left .blog_content{
	margin:5px 5px 10px 5px;
}
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#left .title:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#left .title { display:inline-table; }

/* Mac IE には適用させない \*/
* html #left .title { height:1px; }
#left .title { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

#right .menu{
	position:relative;
	width:221px;
	height:25px;
	background:url(./images/blogside.jpg) no-repeat;
}
#right .menu .name{
	position:absolute;
	top:4px;
	left:30px;
	font-size:14px;
	color:#636363;
	text-align:left;
}
p{
	margin:5px 5px;
}