@charset "UTF-8";

/*---------------------------------------------------------------
-----------------------------------------------------------------
TOP CSS
The date     : 2009.09.30
Last up date : 2009.09.30

-----------------------------------------------------------------
---------------------------------------------------------------*/

/*==================================================================
//
//  --  content style
//
================================================================== */

/*content*/
#content{
	width:auto;
	min-width:950px;
	background-color:white;
	color:#505050;
	text-align:center;
	padding:0 0 0 0;
	background:#59A8EB url(../kobayashi/images/bg.jpg) 50% bottom no-repeat;
}
a{
	color:#5690D8;
}
#content .content{
	width:950px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0 0 0;

}
/*location*/
.location{
	width:950px;
	background:url(../kobayashi/images/location_bg.gif) 0 0 repeat-y;
	margin:0 0 17px 0;
	position:relative;
}
.location .locationbar{
	width:932px;
	display:block;
	padding:5px 0 5px 13px;
	text-align:left;
	color:#fff;
}
.location .locationbar a{
	color:#FFFFFF;
}

.blogHead{
	padding:0 0 12px 0;
	text-align:left;
	background:url(../kobayashi/images/bg_blogTop.gif) no-repeat bottom;
}
.blogHead div{
	width:600px;
	overflow:hidden;
	margin:0 0 0 30px;
	position:relative;
}
.blogHead div img{
position:absolute;
bottom:0;
}
h2{
	color:#00c8ff;
	font-size:20px;
}
.blogHead span{
	display:block;
	width:250px;
	margin:80px 10px 0 0;
	float:right;
	color:#ffff00;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}


#blog{
	width:950px;
	overflow:hidden;
	margin:0 0 50px 0;
	padding:0 0 20px 0;
	background:url(../kobayashi/images/bg_blogBottom.gif) no-repeat bottom;
}

#blogR{
	width:950px;
	overflow:hidden;
	margin:0 0 50px 0;
	padding:0 0 20px 0;
	background:url(../kobayashi/images/bgrepeat.gif) repeat-y ;
}

.blogMain{
	width:600px;
	margin:0 0 0 15px;
	padding:12px 0 0 0;
	line-height:1.7;
	float:left;
	background-color:#FFFFFF;
}
html>body
.blogMain{
	margin:0 0 0 30px;
}
.blogMainBody{
	width:500px;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 12px 0;
	text-align:left;
	font-size:14px;
}
.blogMainBody h3{
	width:500px;
	margin:0 auto;
}
.blogMainBody div .date{
	width:600px;
	display:block;
	margin:0 0 15px 0;
	color:#868686;
	font-weight:bold;
}
.blogMainBody div{
	padding:0 0 15px 0;
	background:#fff;
}
.blogMainBody div p{
	width:500px;
	margin:0 auto 15px auto;
}
.blogMainBody ul{
	width:500px;
	overflow:hidden;
	margin:0 auto;
	padding:15px 0 0 0;
	list-style:none;
	background:#fff url(../kobayashi/images/bg_blogNavi.gif) repeat-x bottom;
}
.blogMainBody ul li{
	width:166px;
	height:35px;
	overflow:hidden;
	margin:0 0 0 0;
	float:left;
	text-align:center;
}
#blogSide{
	width:270px;
	margin:0 15px 0 0;
	padding:0 0 0 0;
	float:right;
	text-align:left;
	font-size:14px;
	line-height:1.4em;
}
html>body
#blogSide{
	margin:0 30px 0 0;
}
#blogSideBody{
	padding:0 0 0 0;
}
#blogSideBody div{
	padding:5px 0;
	background:#fff;
}
#blogSideBody div dl{
	margin:0 20px;
}
#blogSideBody div dl.backnumber{
	margin:15px 20px 0 20px;
}
#blogSideBody div dl dt{
	margin:0 0 5px 0;
	font-weight:bold;
}
#blogSideBody div dl dd{
	margin:3px 0 0 10px;
}
.caption{
	color: #5690d8;
}

#blogSidenewlist{
	width:270px;
	margin:20px 15px 0 0;
	padding:0 0 0 0;
	float:right;
	text-align:left;
	font-size:14px;
	line-height:1.4em;
}
html>body
#blogSidenewlist{
	margin:20px 30px 0 0;
}
#blogSidenewlist img{
	margin:0;
	padding:0;
}

/*popular content*/
#popular{
	width:270px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#ffffff;
}
#popular table{
	width:230px;
	list-style:none;
	display:block;
	margin:0 auto 0 auto;
}
#popular table tr td{
	min-height:60px;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}
#popular .articleimg{
	width:74px;
	padding:0 10px 0 0;
}
#popular .articleimg img{
	border:solid 2px #c0e4ff;
}
#popular .articletitle{
	width:142px;
	margin:0 0 0 0;
}
#popular .articletitle strong{
	font-size:12px;
	color:#00C8FF;
	line-height:1.4em;
}

#blogDleft{
	width:600px;
	float:left;
}
#blogDright{
	width:300px;
	float:right;
}