@charset "UTF-8";
/* blog
------------------------------------------------------------------------------------------------------------------------------ */
/* header
--------------------------------------------------------------- */
#blog #wrapper{
}
#blog #header {
	width:100%;
	margin:0 auto 35px;
	padding:0 0 26px;
	background: #ff251b;
}
#blog #headerIn {
	width:966px;
	margin:0 auto;
}
/*---------logo----------*/
#blog #header #logo2 {
	float:left;
	width:450px;
	margin:43px 0 0 0;
}

/*---------header-nav----------*/
#blog #header #header-nav {
	float:right;
	width:201px;
	margin:0 0 61px 0;
}
#blog #header #header-nav a {
	display:block;
	overflow:hidden;
	width:201px;
	height:28px;
	background:url(images/btn_ft.gif) left top no-repeat;
	white-space:nowrap;
	text-indent:-9999px;
}
#blog #header #header-nav a:hover {
	background-position:left bottom;
}
/*---------logo-blog----------*/
#blog #header #logo-blog {
	clear:right;
	float:right;
	display:block;
	overflow:hidden;
	width:245px;
	height:24px;
	background:url(images/logo_blog.gif) left top no-repeat;
	white-space:nowrap;
	text-indent:-9999px;
}
/*---------clearfix----------*/
#blog #headerIn {
	zoom:1;
	_height:1%;
}
#blog #headerIn:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/* left-contents
--------------------------------------------------------------- */
#blog #left-contents {
	float:left;
	width:195px;
}
#blog #left-contents h3 {
	margin-bottom:12px;
}
#blog #left-contents .section {
	margin-bottom:20px;
}
/*---------blog-nav----------*/
#blog #left-contents #blog-nav {
	padding:12px 9px;
	border:4px solid #dce800;
	background: #FFF;
}
#blog #left-contents #blog-nav li {
	margin-bottom:.8em;
	padding:0 0 2px 18px;
	background:url(images/ico_blog_s.gif) left .2em no-repeat;
}
#blog #left-contents #blog-nav li:last-child, #blog #left-contents #blog-nav li.last-child {
	margin-bottom:0;
}
#blog #left-contents #blog-nav li a {
	color:#000;
	text-decoration:none;
}
#blog #left-contents #blog-nav li a:hover {
	text-decoration:underline;
}
/* right-contents
--------------------------------------------------------------- */
#blog #right-contents {
	float:right;
	width:740px;
}
#blog #right-contents h3 {
	margin-bottom:1em;
	padding:1px 0 2px 24px;
	font-size:116%;
	background:url(images/ico_blog_l.gif) left top no-repeat;
}
#blog #right-contents .section {
}
/*---------pagetop----------*/
#blog #right-contents .pagetop {
	clear:both;
	text-align:right;
}
/*---------section-blog----------*/
#blog #right-contents .section-blog {
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:4px solid #eee;
}
#blog #right-contents .section-blog .text-center {
	text-align:center;
}
#blog #right-contents .section-blog .text-center img{
	margin:1em;
}
#blog #right-contents .section-blog:last-child {
	margin-bottom:15px;
}
#blog #right-contents .section-blog p {
	margin-bottom:1em;
}
#blog #right-contents .section-blog p.more {
	margin-bottom:30px;
}
#blog #right-contents .section-blog p.more a {
	width:142px;
	height:33px;
	margin-left:598px;
	background-image:url(images/btn_more.gif);
}
#blog #right-contents .section-blog p.more a:hover {
	background-position: 0 -33px;
}
#blog #right-contents .section-blog .post {
	margin-bottom:0;
	text-align:right;
}
#blog #right-contents .section-blog .post li {
	display:inline;
	margin:0 8px 0 0;
	padding:2px 24px 4px 0;
	background:url(images/ico_shim.gif) right top no-repeat;
}
#blog #right-contents .section-blog .post li:last-child,
#blog #right-contents .section-blog .post li.last-child {
	margin:0;
	padding:2px 0 4px 0;
	background:none;
}
#blog #right-contents .section-blog .post li  span{
	padding:2px 0 4px 25px;
}
#blog #right-contents .section-blog .post li span.author {
	background:url(images/ico_author.gif) left top no-repeat;
}
#blog #right-contents .section-blog .post li span.category {
	background:url(images/ico_category.gif) left top no-repeat;
}
#blog #right-contents .section-blog .post li span.date {
	background:url(images/ico_date.gif) left top no-repeat;
}
/*---------paging----------*/
#blog #right-contents .paging {
}
#blog #right-contents .paging .prev {
	float:left;
}
#blog #right-contents .paging .next {
	float:right;
}
/*---------clearfix----------*/
#blog #right-contents .paging {
	zoom:1;
	_height:1%;
}
#blog #right-contents .paging:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
