@charset "utf-8";
@import  "./import/format.css";
@import  "./import/in_style.css";
@import  "./import/link_style.css";
@import  "./import/main.css";

/*****************************************
コンテンツ
*****************************************/
#Left_container h3 {
	width: 550px;
	height: auto;
	margin: 0 auto 30px;
	font: normal bold 1.2em/1.2  Verdana, Arial, sans-serif;
	clear: both;
}

#Left_container h4 {
	width: 550px;
	height: auto;
	margin: 25px auto;
	font: normal bold 1.1em/1.2  Verdana, Arial, sans-serif;
	clear: both;
}

#Left_container p.date {
	width: 550px;
	height: auto;
	margin: 30px auto;
	text-align: right;
	font: normal normal 0.9em/1.2  Verdana, Arial, sans-serif;
	clear: both;
}

#Left_container p {
	width: 530px;
	height: auto;
	margin: 25px auto;
	text-align: justify;
	text-justify: inter-ideograph;
	font: normal normal 1em/1.6  Verdana, Arial, sans-serif;
	clear: both;
}

#Left_container pre {
	width: 520px;
	height: auto;
	margin: 25px auto;
	padding: 5px;
	text-align: justify;
	text-justify: inter-ideograph;
	font: normal normal 0.7em/1.6  Verdana, Arial, sans-serif;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	overflow: auto;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
	clear: both;
}

#Left_container p.writer {
	width: 550px;
	height: auto;
	margin: 30px auto;
	padding-bottom: 8px;
	text-align: right;
	font: normal normal 0.9em/1.2  Verdana, Arial, sans-serif;
	border-bottom: 1px dashed #666666;
	clear: both;
}

#Left_container p.date_under {
	width: 550px;
	height: auto;
	margin: 25px auto;
	padding-bottom: 8px;
	text-align: right;
	font: normal normal 0.9em/1.2  Verdana, Arial, sans-serif;
	border-bottom: 1px dashed #666666;
	clear: both;
}

#Left_container ul {
	width: 530px;
	height: auto;
	margin: 20px auto 0;
	text-align: left;
	vertical-align: top;
	font: normal normal 0.9em/1.6  Verdana, Arial, sans-serif;
	list-style: none;
	clear: both;
}
	
	#Left_container ul li {
		width: 510px;
		height: auto;
		margin: 0 auto 10px;
		padding-left: 20px;
		background-image: url(../../image/list.gif);
		background-repeat: no-repeat;
		clear: both;
	}

/**************************************
記事ページ(トラックバック)
***************************************/
div.contents {
	width: 580px;
	height: auto;
	margin: 50px auto;
}

	div.contents h4 {
		width: 580px;
		height: auto;
		margin: 20px auto 15px;
		padding-bottom: 3px;
		text-align: left;
		font: normal bold 1em/1.2  Verdana, Arial, sans-serif;
		border-bottom: 1px dashed #666666;
		clear: both;
	}
	
	div.contents p {
		width: 570px;
		height: auto;
		margin: 20px auto 15px;
		padding-bottom: 3px;
		text-align: left;
		font: normal normal 1em/1.4  Verdana, Arial, sans-serif;
		clear: both;
	}

/**************************************
アーカイブページ
***************************************/
div.a_contents {
	width: 580px;
	height: auto;
	margin: 20px auto;
}

	div.a_contents h3 {
		width: 580px;
		height: auto;
		margin: 20px auto;
		text-align: left;
		font: normal bold 1em/1.2  Verdana, Arial, sans-serif;
		clear: both;
	}

	div.a_contents h4 {
		width: 580px;
		height: auto;
		margin: 20px auto 15px;
		text-align: left;
		font: normal bold 1em/1.2  Verdana, Arial, sans-serif;
		clear: both;
	}
	
	div.a_contents p {
		width: 570px;
		height: auto;
		margin: 20px auto 15px;
		padding-bottom: 3px;
		text-align: left;
		font: normal normal 1em/1.4  Verdana, Arial, sans-serif;
		clear: both;
	}

	div.a_contents p.date {
		width: 570px;
		height: auto;
		margin: 15px auto;
		text-align: right;
		font: normal normal 0.8em/1.2  Verdana, Arial, sans-serif;
		clear: both;
	}
	


/**************************************
右カラム
***************************************/
	#Right_container ul#topics {
		width: 210px;
		height: auto;
		margin: 10px auto 30px;
		list-style: none;
		font: normal normal 0.9em/1.2  Verdana, Arial, sans-serif;
		text-align: left;
		color: #000000;
		clear: both;
	}
	
		#Right_container ul#topics li {
			width: 210px;
			height: auto;
			margin: 15px auto;
			clear: both;
		}

	#Right_container ul.categories {
		width: 210px;
		height: auto;
		margin: 20px auto;
		list-style: none;
		clear: both;
	}
	
			#Right_container ul.categories li {
				width: 190px;
				height: auto;
				margin: 0 auto 2px;
				padding-left: 20px;
				padding-bottom: 3px;
				font: normal normal 0.9em/1.2  Verdana, Arial, sans-serif;
				background-image: url(../../img_blog/list.gif);
				background-repeat: no-repeat;
				border: none;
			}
	
	#Right_container ul.group {
		width: 235px;
		height: auto;
		margin: 20px auto 15px;
		list-style: none;
		clear: both;
	}
	
			#Right_container ul.group li {
				width: 235px;
				height: auto;
				margin: 5px auto;
				clear: both;
			}