@charset "shift_jis";
/*============================================
 2009.09.07
 blogger-list.css
============================================*/
/* blogger-search
========================================== */
.blogger-search{
	width:611px;
	background:url(../img/blogger-search-bg.gif) 0 0 repeat-y;
}
.blogger-search ul{
	margin:0 0 0 10px;
	padding:0;
}
.blogger-search li{
	margin:0;
	padding:0 0 7px 0;
	background:url(../img/blogger-search-dotline.gif) 0 100% no-repeat;
}
.blogger-search li span{
	display:block;
	width:100px;
	float:left;
}
/* blogger-top
========================================== */
.blogger-top{
	width:611px;
}

/* blogger-search-title
========================================== */
.blogger-search-title{
	margin:32px 0 0 0;
}
.blogger-search-title h3{
	padding:0 0 20px 10px;
	font-size:1.4em;
	font-weight:bold;
	background:url(../img/blogger-search-title.gif) 0 100% no-repeat;
}
.blogger-search-title h3 span{
	margin-right:10px;
	font-size:2em;
	color:#087a08;
}

/* blogger-list-number
========================================== */
.blogger-list-number{
	clear:both;
	margin:0 auto;
	padding:10px 0 0 0;
	width:380px;
	padding-bottom:14px;
	
}
.blogger-list-number p.back{
	float:left;
	padding-left:20px;
	background:url(../../img/icon-back.gif) 0 50% no-repeat;
}
.blogger-list-number p.next{
	float:right;
	padding-right:20px;
	background:url(../../img/icon-next.gif) 100% 50% no-repeat;
}
.blogger-list-number p.number{
	text-align:center;
}
.blogger-list-number p.number a{
	margin-right:10px;
}
.blogger-list-number p.number span{
	margin-right:10px;
}


/* blogger-list
========================================== */
.blogger-list{
	clear:both;
	width:633px;
	background:url(../img/blogger-list-bg.gif) 0 0 repeat-y;
	float:left;
}
.blogger-list .image{ display:inline; margin-left:15px; width:100px; float:left; 
}
.blogger-list .image img{ border:1px solid #cccccc; 
}
.blogger-list .txt{
	display:inline;
	margin-left:20px;
	width:450px;
	float:left; 
}
.blogger-list .txt h4{
	margin:5px 0 8px 0;
	padding:0 0 0 24px;
	font-size:1.4em;
	font-weight:bold;
	color:#087a08;
	background:url(../img/blogger-list-icon.gif) 0 50% no-repeat;
}
.blogger-list .txt p.cap{
	font-weight:bold;
}
.blogger-list .txt h5{
	margin:5px 0 5px 0;
	padding:0;
	font-size:1em;
}
.blogger-list .txt p.btn{
	margin-top:10px;
	text-align:right;
}

/* blogger-active-blog
========================================== */
.blogger-active-blog{
	clear:both;
	width:633px;
}
.blogger-active-blog dl{
	display:inline;
	margin:0 0 0 7px;
	padding:0 0 6px 0;
	width:297px;
	float:left;
	background:url(../img/blogger-active_dotline.gif) 0 bottom repeat-x;
}
.blogger-active-blog dt{
	margin:5px 0 0 0;
	padding:0 0 0 22px;
	width:275px;
	color:#666666;
	font-weight:bold;
	background:url(../img/blogger-active_icon01.gif) 0 0 no-repeat #ebf6f8;
}
.blogger-active-blog dt span{
	margin-left:10px;
	font-size:0.88em;
	font-weight:normal;
	color:#666666;
}
.blogger-active-blog dd{
	margin:5px 0 0 24px;
	padding:0;
	width:273px;
	height:4.8em;
}
.blogger-active-blog p{
	clear:both;
	margin:0 0 5px 10px;
	padding-top:5px;
	font-size:0.88em;
}