/* ----------------------------------------------------------------- 共通 - タグリセット */
* {
	margin: 0;
	padding: 0; 
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #1B1B1B;
	text-align: justify;
	text-justify: distribute;
}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, p, table, tr, th, td, blockquote {
	margin: 0;
	padding: 0; 
	line-height: 1.6em;
	border: none;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}

/* ----------------------------------------------------------------- ボックス設定 */

#container {
	margin: 30px 0 30px 120px;
	border-bottom: 1px solid #A0A0A0;
}

/* ----------------------------------------------------------------- タグ再設定 */

h1 {
	margin-bottom: 64px;
}
h2 {
	margin-bottom: 14px;
}


#comment dl {
	margin-bottom: 18px;
}
#comment dt {
	float: left;
	display: block;
	width: 50px;
	font-weight: bold;
	margin: 0 23px 1px 3px;
}
*html body #comment dt {
	margin-right: 18px;
}
#comment dd {
	float: left;
	width: 350px;
	display: block;
	margin-bottom: 1px;
}


#blog,
#clap {
	clear: both;
	width: 297px;
	border-top: 1px dashed #A4A4A4;
	padding: 16px 0 15px 3px;
}
#clap {
	border-top: 1px dashed #A4A4A4;
	border-bottom: 1px dashed #A4A4A4;
	margin-bottom: 24px;
}
#blog a,
#clap a {
	text-indent: -10000px;
	display: block;
	width: 280px;
	height: 42px;
	outline: none;
}
#blog a {
	background: url(images/btn_blog.gif) top left no-repeat;
}
#clap a {
	background: url(images/btn_clap.gif) top left no-repeat;
}
#blog a:hover {
	background: url(images/btn_blog_on.gif) top right no-repeat;
}
#clap a:hover {
	background: url(images/btn_clap_on.gif) top left no-repeat;
}



#archive,
#feed,
#monthly,
#navi,
#about,
#circle,
#link {
	margin: 30px 0 28px;
	width: 500px
}
#archive h3,
#feed h3,
#monthly h3,
#navi h3,
#about h3,
#circle h3,
#link h3 {
	margin: 12px 0 28px;
}
#archive ul,
#feed ul,
#monthly ul,
#link ul {
	margin: 0 0 18px;
}

.feed-list {
	margin: 0 0 15px 15px;
	padding: 0;
	list-style-type: none;
}

.feed-list li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.feed-list li a {
	padding: 0 0 0 19px;
	background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
	list-style-type: none;
} 

/* ----------------------------------------------------------------- 汎用 */

h4 {
	border-left: 3px solid #494856;
	line-height: 1em;
	margin-bottom: 16px;
	padding-left: 5px;
}
p {
	width: 300px;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------- タグ再設定 */

#copyright a {
	background: url(images/copyright.gif) top right no-repeat;
	text-indent: -10000px;
	width: 14px;
	height: 182px;
	position: absolute;
	right: 30px;
	top: 30px;
	outline: none;
}
#copyright a:hover {
	background: url(images/copyright_on.gif) top right no-repeat;
}

/* ===============================float後のケジメ============================================ */

#comment dl:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
}
#comment dl {
	padding-bottom: 0px;
	display: inline-table; 
	_height: 1%; 
	/* \*/	display: block; /* */ 
}