/****************************************************
　■ブログ設定
****************************************************/



/****************************************************
　■サイドナビゲーション：blog　基本はstyle_base.css
****************************************************/

#blog-list {
	margin: 20px 0 0 0;
}
#blog-list dl {
	margin: 15px 0 20px 0;
	padding: 0;
}
#blog-list dt {
	margin: 0 5px 10px 0;
	padding: 10px 0 6px 15px;
	font-size: 12px;
	font-weight: 700;
	color: #666;
	background-image: url(images/blog_side_title_back.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
}
#blog-list dd {
	margin: 0 5px 5px 10px;
	padding: 0 0 5px 14px;
	font-size: 12px;
	line-height: 1.3em;
	background-image: url(images/mark_orange.gif);
	background-repeat: no-repeat;
	border: none;
}

/****************************************************
　■コンテンツ  blog
****************************************************/

#blog {
}



/* --- ページスイッチの指定（NP_ShowBlogs） --- */
.pageswitch {
	margin: 0 5px 0 10px;
	font-size: 80%;
	text-align: right;
}

/* --- index ニュース/ブログ一覧 --- */

#content .news-list {
	margin: 15px 20px 50px 20px;
	padding: 0;
}

#content .news-list p {
	margin: 0;
	padding: 7px 0 5px 15px;
	font-size: 100%;
	background-image: url(images/allow_orange.gif);
	background-repeat: no-repeat;
	background-position: left ;
	border-bottom: 1px dotted #ccc;
}

span.green {
	color: #669933;
}
span.pink {
	color: #FF99CC;
}
span.blue {
	color: #6699FF;
}
span.orange {
	color: #FF9933;
}

/* --- item ニュース/ブログ詳細 --- */

.blog-item {
	margin: 30px 10px 50px 15px;
	padding: 0;
	background-image: url(images/blog_illust.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.blog-item h4 {
	color: #F8A407;
}
.blog-item h4 a {
	color: #F8A407;
}

.blog-date {
 margin: 0 0 5px 3px;
 padding: 0 0 0 5px;
 font-size: 100%;
 border-left: 5px solid #FF9900;
}
.blog-body {
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	border-left: 5px dotted #FFCC99;
}
.blog-item .blog-body-more {
	margin: 15px 0 0 0;
	padding: 0;
}

.blog-item p.blog-info {
	margin: 15px 10px 30px 5px;
	padding: 5px 0;
	font-size: 12px;
	color: #666666;
	text-align: right;
	border-top: 1px dotted #ccc;
	font-size: 90%;
}

#blog_item_switch {
	font-size: 90%;
	margin: 0 20px;
	padding: 0;
	text-align: right;
}

/* --- 続きを読む：リンク --- */
.blog-item p.more-link {
	margin: 20px 0 0 0;
	padding: 0;
}

/* --- 左寄せ設定 --- */
#blog .leftbox {
	float: left;
	margin: 10px 15px 0 0;
}