@charset "utf-8";
/**************************************************************************************************
Common
**************************************************************************************************/

/* OUTLINE CHANGE
-------------------------------------------------------------------------------------------------*/
#Contents {
	width			: 566px;
}
#Side {
	width			: 234px;
}

/* SIDE
-------------------------------------------------------------------------------------------------*/
#Side div.SearchBox {
	background		: url(../../blog/images/search_box_bg.gif) no-repeat 0 0;
	margin			: 0 0 24px;
	width			: 217px;
	height			: 35px;
	padding			: 35px 0 0 17px;
}
	#Side div.SearchBox input {
		vertical-align	: middle;
	}
	#Side div.SearchBox input#search {
		padding			: 2px 3px;
		width			: 140px;
		margin			: 0 3px 0 0;
	}

#Side dl.BlogEntry {}
	#Side dl.BlogEntry dt {
		margin			: 0 0 10px;
		padding			: 0 0 6px;
		border-bottom	: 1px dotted #858585;
	}
	#Side dl.BlogEntry dd ul {
		padding			: 0 3px;
	}
		#Side dl.BlogEntry dd ul li {
			margin			: 0 0 12px;
		}
			#Side dl.BlogEntry dd ul li span {
				display			: block;
			}

#Side dl.BlogCategory,
#Side dl.BlogArchive {
	
}
	#Side dl.BlogCategory dt,
	#Side dl.BlogArchive dt {
		margin			: 0 0 10px;
		padding			: 0 0 6px;
		border-bottom	: 1px dotted #858585;
	}
	#Side dl.BlogCategory dd ul,
	#Side dl.BlogArchive dd ul {
		padding			: 0 3px;
		margin			: 0 0 23px;
	}
		#Side dl.BlogCategory dd ul li,
		#Side dl.BlogArchive dd ul li {
			margin			: 0 0 2px;
		}

#Side ul.LinkBn {
	border-top		: 1px dotted #858585;
	padding			: 14px 0 0;
}
	#Side ul.LinkBn li {
		margin			: 0 0 10px;
	}


/* BLOG CONTENTS
-------------------------------------------------------------------------------------------------*/
.BlogTitle {
	border-bottom	: 1px solid #c0c0c0;
	padding			: 0 5px 5px;
	margin			: 20px 0 13px 10px;
}
	.BlogTitle h3 {
		float			: left;
		font-size		: 124%;
	}
		.BlogTitle h3 span {
			font-weight		: normal;
			margin			: 0 0 0 7px;
		}
	.BlogTitle p {
		float			: right;
		font-size		: 108%;
	}
		.BlogTitle p span {
			font-weight		: bold;
		}

.OldList {
	height			: 500px;
	margin			: 0 0 0 10px;
}
#Contents > .OldList {
	height			: auto;
	min-height		: 500px;
}
	.OldList dl {
		line-height		: 1.4;
		margin			: 0 0 0 5px;
	}
		.OldList dl dt {
			float			: left;
			width			: 9em;
		}
		.OldList dl dd {
			padding			: 0 0 3px 9em;
		}

.BlogBody {
	margin			: 0 0 0 13px;
	padding			: 0 0 20px;
	border-bottom	: 1px dotted #8a8a8a;
}
	.BlogBody p {
		margin			: 0 0 18px;
	}

.BlogBody ul {
        margin : 0 0 0 10px;
	paffin : 0;
	}

.BlogBody li {
        margin : 0 0 0 5px;
        paffin : 0;
	list-style-type : square; 
	}

.BlogBody ol {
        margin : 0 0 0 5px;
        paffin : 0;
	list-style-type : decimal;
	}

ul.NaviBtn {
	text-align		: center;
	margin			: 15px 0;
}
	ul.NaviBtn li {
		display			: inline;
		padding			: 0 20px;
	}

ul#addTwitter {
   margin-left: 15px;
}

ul#addBookmarks {
    margin: 1em 0;
    padding: 0;
    text-align:right;
}
ul#addBookmarks li {
    display: inline;
    margin-left: 5px;
    list-style: none;
}
ul#addBookmarks li img {
    border: none;
}


ul#subscribeFeed {
    border-top              : 1px dotted #858585;
    padding                 : 14px 0 0;

    margin: 0;
}
ul#subscribeFeed li {
    list-style: none;
    margin-bottom: 10px;
}
ul#subscribeFeed li img {
    border: none;
}

pre.code {
	background:#EEEEEE none repeat scroll 0 0;
	font-family:monospace;
	font-size:90%;
	line-height:1.4em;
	margin-left:0.8em;
	padding:10px 5px 15px 5px;
	white-space:pre-wrap;
}


.BlogBody h1 {
	border-left: 10px solid #0085cf;
	border-bottom: 1px solid #0085cf;
	padding-left: 10px;
	font-size: 28px;
	color: #0085cf; 
}

.BlogBody h2 {
	border-left: 10px solid #0085cf;
	border-bottom: 1px solid #0085cf;
	padding-left: 10px;
	font-size: 24px;
        font-size: 28px;
        color: #0085cf; 
}

.BlogBody h3 {
	border-left: 10px solid #0085cf;
	border-bottom: 1px solid #0085cf;
	padding-left: 10px;
	font-size: 20px;
        font-size: 28px;
        color: #0085cf; 
}
.BlogBody h4 {
/* 
	border-left: 10px solid gray;
	border-bottom: 1px solid gray;
*/
        border-left: 10px solid #0085cf;
        border-bottom: 1px solid #0085cf;
	padding-left: 10px;
	font-size: 18px;
        color: #0085cf; 
}
.BlogBody h5, h6 {
	border-left: 10px solid #0085cf;
	border-bottom: 1px solid #0085cf;
	padding-left: 10px;
	font-size: 15px;
        color: #0085cf; 
}

.BlogBody table {
	margin-left: 10px;
	padding: 10px;
	width: 620px;
	border: 2px ##AAAAAA solid;
	border-collapse: collapse;
	font-size: 12px;
}

.BlogBody th {
	color: #FFFFFF;
	padding: 5px;
	border: 1px #666666 solid;
	background: #AAAAAA;
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}

.BlogBody td {
	padding: 5px;
	border: 1px #AAAAAA solid;
	font-size: 12px;
	text-align: left;
}

.BlogBody div.waku {
	padding-left: 10px;
	border: 1px #E3E3E3 solid;
	width: 620px;
}

.BlogBody div.remark {
	padding: 10px;
	font-size: 12px;
}

.BlogBody div.tips {
	padding: 10px;
	border: 1px #E3E3E3 solid;
	width: 500px;
	font-size: 12px;
}

.BlogBody div.attention {
	padding-left: 10px;
	color: #CC0000;
	font-size: 12px;
}

.BlogBody div.figure {
	padding-left: 10px;
	font-size: 12px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: -2em;
}