/* ==

　メイン

===================================================================================================== */
#blog .main{
	width:740px;
	margin:0;
}
#blog .pagetop{
	padding:0 10px 10px;
}

/*　タイトル部分
---------------------------------------------------------------------------------------------------- */
#blog .titlearea{
	width:740px;
	margin:0;
	padding:0;
	clear:both;	
}
#blog .titlearea h2{
	margin:0;
	padding:0;
}
#blog .titlearea p{
	margin:0;
	padding:0;
}
#blog .titlearea div.txt{
	margin:0;
	padding:10px 0 0;
	background:url(../blog/images/bk_lead.gif) left top no-repeat;
}
#blog .titlearea div.txt p{
	padding:0 0 10px;
	font-size:12px;
	line-height:1.4;
	text-align:center;
}

/*　共通パーツ（注目ブログ＋公開中のブログ一覧）
---------------------------------------------------------------------------------------------------- */
#blog .section{
	width:720px;
	margin:0 auto 15px;
	padding:0;
	border:5px solid #efefef;
	overflow:hidden;
	position:inherit;
}
#blog .section h3{
	margin:0 0 5px;
	padding:0;
	background:none;
}

#blog .section div a img.photo{
	margin:3px 0 5px;
	padding:1px;
	display:block;
	float:left;
}
#blog .section div a:link, #blog .section div a:visited{ color:#336699; text-decoration:underline; }
#blog .section div a:hover, #blog .section div a:active{ color:#336699; text-decoration:none; }
#blog .section div h4 a:link, #blog .section div h4 a:visited{ color:#336699; text-decoration:none; }



/*　注目ブログ
---------------------------------------------------------------------------------------------------- */
#blog #attention div{
	width:340px;
	padding:0 7px 0 10px;
	overflow:hidden;
	float:left;
}

#blog #attention div a img.photo{
	border:1px solid #ffcc00;
}

#blog #attention div h4{
	width:210px;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.2;
	float:right;
}
#blog #attention div h4 a{
	padding:0 50px 3px 0;
	background:url(../blog/images/txt_complete.gif) right 17px no-repeat;
	color:#336699;
	display:block;
}
#blog #attention div h4.under a{
	background:url(../blog/images/txt_under-c.gif) right 17px no-repeat;
}
#blog #attention div h4.uritate a{
	background:url(../blog/images/txt_uritate.gif) right 17px no-repeat;
}
#blog #attention div h4 span{
	padding:0 5px 0 0;
	font-size:10px;
	font-weight:normal;
	line-height:1.8;
	color:#666;
}

/* ブログ記事更新日＋タイトル＋記事抜粋 */
#blog #attention div dl{
	width:210px;
	margin:5px 0;
	padding:0;
	font-size:12px;
	line-height:1.3;
	float:right;
}
#blog #attention div dt{
	margin:0;
	padding:0;
	color:#505050;
	font-weight:bold;
}
#blog #attention div dd{
	margin:0;
	padding:0;
}
#blog #attention div p{
	width:210px;
	margin:0;
	padding:0 0 5px;
	font-size:10px;
	line-height:1.3;
	clear:none;
	float:right;
}

/*　公開中のブログ一覧
---------------------------------------------------------------------------------------------------- */
/* ナビ */
#blog #blog-list .pref{
	width:718px;
	margin:0px 1px 10px;
	padding:1px 0 3px 2px;
	background-color:#f7f7f7;
	border-bottom:3px solid #001941;
	overflow:hidden;
	clear:both;
}
#blog #blog-list .pref h3{
	margin:1px 7px 0 0;
	padding:2px 0 2px 1px;
	float:left;
}
* html #blog #blog-list .pref h3{
	margin-top:0px;
}
#blog #blog-list .pref ul{
	margin:3px 0 0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}
#blog #blog-list .pref li{
	width:51px;
	min-height:15px;
	margin:0 6px 1px 0;
	padding:8px 5px 4px 10px;
	background:url(../blog/images/bk_btn.gif) no-repeat;
	list-style-type:none;
	text-align:center;
	float:left;
}
* html #blog #blog-list .pref li{
	height:15px;
}
#blog #blog-list .pref li a{
	min-height:15px;
	margin:-8px -5px -4px -10px;
	padding:8px 5px 4px 10px;
	display:block;
}
* html #blog #blog-list .pref li a{
	height:15px;
}

/* 一覧 */
#blog #blog-list h3{
	margin:0 5px 5px;
}
#blog #blog-list div{
	width:700px;
	margin:0 10px 10px;
	padding:0 0 5px;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
	clear:both;
}
#blog #blog-list div h4{
	width:590px;
	margin:2px 0 0;
	padding:0;
	font-size:12px;
	line-height:1.2;
	float:right;
}
#blog #blog-list div h4 a{
	padding:2px 50px 3px 0;
	background:url(../blog/images/txt_complete.gif) right center no-repeat;
	color:#336699;
}
#blog #blog-list div h4.under a{
	background:url(../blog/images/txt_under-c.gif) right center no-repeat;
}
#blog #blog-list div h4.uritate a{
	background:url(../blog/images/txt_uritate.gif) right center no-repeat;
}
#blog #blog-list div h4 span{
	padding:0 5px 0 0;
	font-size:10px;
	font-weight:normal;
	line-height:1.8;
	color:#666;
}

/* ブログ記事更新日＋タイトル＋記事抜粋 */
#blog #blog-list div dl{
	width:590px;
	margin:5px 0;
	padding:0;
	font-size:12px;
	line-height:1.3;
	overflow:hidden;
	float:right;
}
#blog #blog-list div dt{
	width:80px;
	margin:0;
	padding:0;
	color:#505050;
	font-weight:bold;
	float:left;
}
#blog #blog-list div dd{
	width:510px;
	margin:-16px 0 0 80px;
	padding:0;
}
#blog #blog-list div p{
	width:590px;
	margin:0;
	padding:0 0 5px;
	font-size:10px;
	line-height:1.3;
	clear:none;
	float:right;
}