@charset "utf-8";

/* ---------------------------
	[blog]
--------------------------- */

/* common */

#mainArea .inner {
	margin: 15px;
	background: none;
}
#subColumn .part {
	margin: 15px 0 30px 0;
}
	#subColumn .part h3 {
		width: 160px;
		height: 12px;
		padding: 10px 0;
		background-position: left center;
		background-repeat: no-repeat;
	}
	#subColumn .entriesBlock h3 {
		background-image: url(/blog/images/ttl_sub_entries.gif);
	}
	#subColumn .monthlyBlock h3 {
		background-image: url(/blog/images/ttl_sub_monthly.gif);
	}
	#subColumn .commentsBlock h3 {
		background-image: url(/blog/images/ttl_sub_comments.gif);
	}
	#subColumn .trackbacksBlock h3 {
		background-image: url(/blog/images/ttl_sub_trackbacks.gif);
	}

	#subColumn .part ul {
		font-size: 84%;
		padding: 0 1px;
	}
		#subColumn .part ul li {
			margin-bottom: 0.8em;
			line-height: 1.4;
		}
			#subColumn .part ul li ul {
				margin-left: 1em;
				font-size: 100%;
			}

			#subColumn .part ul li a:link,
			#subColumn .part ul li a:visited {
				color: #666;
				text-decoration: underline;
			}
			#subColumn .part ul li a:hover,
			#subColumn .part ul li a:active {
				color: #666;
				text-decoration: none;
			}


		#subColumn .monthlyBlock ul li {
			margin-bottom: 0.6em;
		}

		#subColumn .commentsBlock ul li {
			margin-bottom: 1em;
		}
			#subColumn .commentsBlock ul li ul {
				margin-top: 0.4em;
			}
				#subColumn .commentsBlock ul li ul li {
					margin-bottom: 0.4em;
				}
	
		#subColumn .trackbacksBlock ul li {
			margin-bottom: 1em;
		}

.titleBlock {
	background: #f1e7e8;
	padding: 5px 15px;
	font-size: 150%;
	font-family: Helvetica, Ariel, Verdana, Myriad Pro, sans-serif;
	font-weight: bold;
}

.entryBlock {
	margin: 15px 0 0 0;
	padding: 10px 10px 15px 10px;
	background: #FFF;
}


	.entryBlock .entryHeader {
		padding-top: 6px;
		padding-left: 0;
		background: #FBF4EC url(/common/images/bg_round_crm520.gif) left top no-repeat;
		color: #9A5033;
	}
		.entryBlock .entryHeader h3 {
			display: block;
			padding: 0px 10px 3px 10px; 
			background: url(/common/images/bg_round_crm520.gif) right bottom no-repeat;
			line-height: 1.3;
		}					
			.entryBlock .entryHeader h3 span {
				float: right;
				margin: 0.4em 0 0 0;
				color: #666;
				font-size: 84%;			
				font-weight: normal;
			}
	#mainArea	.entryBlock .entryHeader h3 a {
				color: #9A5033;
	  	text-decoration: none;
				font-size: 134%;
				font-weight: bold;
				margin-right: 120px;
			}					
  .entryBlock .entryHeader h3 em {
				float: right;
				margin: 0.1em 1em 0 0;
				padding: 2px 5px;
				background: #C3181F;
				color: #FFF;
				font-size: 84%;
				font-weight: normal;
			}


		.entryBlock .entryHeader p {
			margin-top: 4px;
			color: #666;
			font-size: 84%;
		}					

	.entryBlock .entryBody {
		margin: 20px 5px 40px 5px;
		overflow: hidden;
	}
		.entryBlock .entryBody p {
			margin-bottom: 1em;
		}

	.entryBlock .entryFooter {
		clear: both;
		margin: 0 5px;
		color: #666;
		font-size: 84%;
		text-align: right;
	}					

.commentBlock,
.trackbackBlock {
	clear: both;
	padding: 40px 15px 0 15px;
	background: #FFF;
}					
	.commentBlock h4,
	.commentFormBlock h4,
	.commentPreviewBlock h4,
	.messageBlock h4,
	.trackbackBlock h4 {
		border-left: solid 5px #C3181F;
		padding: 2px 0 0 5px;
		font-size: 117%;
		line-height: 1.2;
	}					
	.commentBlock .commentBody,
	.trackbackBlock .trackbackBody {
		margin: 20px 10px 20px 10px;
	}
		.commentBlock .commentBody p {
			margin-bottom: 1em;
		}
		.trackbackBlock .trackbackBody h5 {
			margin-bottom: 0.5em;
			font-size: 100%;
		}

	.commentBlock .commentFooter,
	.trackbackBlock .trackbackFooter {
		background: url(/common/images/bdr_dash.gif) left bottom repeat-x;
		padding: 0 10px 20px 10px;
		color: #666;
		font-size: 84%;
		text-align: right;
	}					

.commentFormBlock {
	clear: both;
	padding: 50px 15px 15px 15px;
	background: #FFF;
}					
.preview .commentFormBlock {
	padding: 15px 15px 15px 15px;
}					
	.commentFormBlock dl,
	.commentPreviewBlock dl {
		margin: 1.5em 10px 0 10px;
	}
		.commentFormBlock dt,
		.commentPreviewBlock dt {
			clear: both;
			float: left;
			width: 70px;
			margin: 0 0 1em 0;
			font-weight: bold;
		}
	.commentFormBlock dt.hdn,
	.commentPreviewBlock dt.hdn {
		text-indent: -9999em;
		/*\*/
		overflow: hidden;
		/**/
	}
		.commentFormBlock dd,
		.commentPreviewBlock dd {
			float: right;
			width: 420px;
			margin: 0 0 1em 0;
			text-align: left;
		}
		.commentFormBlock dl dd.funcBtn input {
			margin-right: 5px;
		}
		.commentFormBlock dl dd textarea {
			width: 400px;
			height: 10em;
		}



.commentPreviewBlock {
	margin-top: 15px;
	padding: 15px 15px 0 15px;
	background: #FFF;
}				
	.commentPreviewBlock p.msg,
	.messageBlock p.msg {
		margin: 1.5em 0 2em 10px;
	}
	.commentPreviewBlock dl {
		background: url(/common/images/bdr_dash.gif) left bottom repeat-x;
	}
		.commentPreviewBlock dl dd p {
			margin: 0 0 1em 0;
		}

.messageBlock {
	margin-top: 15px;
	padding: 15px 15px 15px 15px;
	background: #FFF;
}				
		.messageBlock p.backLink {
			margin: 2em 0 0 10px;
		}



.blog_paging {
    margin: 20px 0 10px;
    text-align: center;
}
    .blog_paging span {
        margin: 0px 10px;
    }


.blogPRBlock {
    margin: 20px 10px 10px;
}
.blogPRBlock h4 {
    margin-bottom: 5px;
}





/* ---------------------------
	batch setting
--------------------------- */
/* hidden elements */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* off-left */
#subColumn .part h3 {
	font-size: 1px;
	text-indent: -9999em;
	/*\*/
	overflow: hidden;
	/**/
}


/* clearfix */
.commentFormBlock dl:after,
.commentPreviewBlock dl:after,
.entryBlock .entryHeader h3:after { 
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
}
.commentFormBlock dl,
.commentPreviewBlock dl,
.entryBlock .entryHeader h3 {
	display: inline-block;
}
/*\*/
* html .commentFormBlock dl,
* html .commentPreviewBlock dl,
* html .container,
* html .entryBlock .entryHeader h3 {
	height: 1em;
}
.commentFormBlock dl,
.commentPreviewBlock dl,
.entryBlock .entryHeader h3 {
	display: block;
}
/**/