@charset "utf-8";
@import "reset.css";


/* Header
----------------------------------------------- */
@media all {
#header {
	width:920px;
	margin:0 auto 2em;
	padding:0 0 0.5em;
	border:#CCC 1px solid;
	border-top:none;
	text-align:left;
	}
} /* header PC style End */


@media handheld {
#header {
	width:90%;
	}
} /* header Mobile style End */


#blog-title {
	margin:0;
	padding:20px 20px .25em;
	font-size:200%;
	line-height:1.2em;
	color:#666;
	letter-spacing:0.2em;
	}
	
	#blog-title a {
		color:#666;
		}
	#blog-title a:hover {
		color:#c60;
		}

#description {
	margin:0 5px 5px;
	padding:0 20px 20px;
	max-width:700px;
	letter-spacing:0.2em;
	color:#999;
	}
	
	
/* てんまるぶろぐヘッダ画像 */
#header h1 {
	margin:0;
	padding:0;
	display:inline;
	}
	
	#header h1 img {
		margin:3em 0 0 0.7em;
		}
		
		
/* Wikiへのリンク */
#fheader {
	margin:0 0 0 260px;
	color:#ff90;
	font-size:80%;
	font-weight:bold;
	text-align:right;
	display:inline;
	}
	
	
	
	
/* Content
----------------------------------------------- */
@media all {
#content {
	width:920px;
	margin:0 auto;
	text-align:left;
	}
	
#main {
	width:550px;
	float:left;
	}
	
#sidebar {
	/* background:#EED; */
	width:350px;
	float:right;
	}
} /* header PC style End */


@media handheld {
#content {
	width:90%;
	}
	
#main {
	width:100%;
	float:none;
	}
	
#sidebar {
	width:100%;
	float:none;
	}
} /* header Mobile style End */




/* Headings
----------------------------------------------- */
h2 {
	margin:1.5em 0 0.75em;
	letter-spacing:0.2em;
	color:#999;
	}
	
	
	
	
/* Posts
----------------------------------------------- */
@media all {
	.date-header {
	margin:1.5em 0 0.5em;
	text-align:right;
	}
	
.post {
	margin:0 0 5em;
	border-bottom:#CCC 1px dotted;
	padding-bottom:0.5em;
	}
} /* header PC style End */


@media handheld {
.date-header {
	padding:0 1.5em 0;
	}
	
.post {
	padding:0 1.5em 0;
	}
} /* header Mobile style End */


.postHeader {
	margin:0 0 1em;
	padding:0.25em 0 0 0.5em;
	border-left:solid 7px #c60;
	}
	
	.postHeader .post-title {
		margin:0 0 0.5em;
		padding:0;
		font-size:140%;
		font-weight:normal;
		letter-spacing:0.1em;
		line-height:1;
		color:#c60;
		}
	.post-title a, .post-title a:visited, .post-title strong {
		display:block;
		text-decoration:none;
		color:#c60;
		font-weight:normal;
		}
	.post-title strong, .post-title a:hover {
		color:#333;
		}
	.postHeader .reportData {
		color:#999;
		font-size:86%;
		}
		.postHeader .reportData .reportDate {
			}
		.postHeader .reportData .reporter {
			}
			
			
.post-body {
	margin:0;
	padding:0;
	font-size:84%;
	line-height:1.4;
	}
	
	
.blogger-labels {
	font-size:90%;
	margin:1.5em 0 0.5em;
	}
	
	
p.post-footer {
	margin:0;
	color:#CCC;
	}
	
	.post-footer em, .comment-link {
		}
	
	
.post-footer em {
font-style:normal;
color:#999;
margin-right:.6em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #ddd;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}




/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

#comments h4 strong {
font-size:130%;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}




/* Sidebar Content
----------------------------------------------- */
#sidebar h3 {
	margin-bottom:0.7em;
	padding-bottom:0.3em;
	border-bottom:1px #aaa dotted;
	}
	
	
#sidebar ul {
	}	
#sidebar li {
	}
	#sidebar li a {
		display:block;
		}
	
	
#sidebar p {
	color:#666;
	line-height:1.5em;
	}
	
	
#sidebar .box {
	border-bottom:1px solid #ccc;
	background-color:#fafafa;
	padding:10px;
	}
	
	
#sidebar .imageSizer {
	position:absolute;
	margin:0;
	padding:0 0 1.5em;
	clip:rect(0px,350px,400px,0px);
	display:none;
	}
	
	
#sidebar .sampleChatAjax {
	margin-bottom:1em;
	}
	#sidebar .sampleChatAjax iframe {
		overflow: hidden;
		}
	
	
#sidebar .byspiceMap {
	margin-bottom:1em;
	}
	#sidebar .byspiceMap iframe {
		border:#BBB 1px solid;
		overflow: hidden;
		}
	#sidebar .byspiceMap p {
		}
		
		
#sidebar .rssList {
	margin-bottom:3em;
	}
	
	#sidebar .rssList h3 {
		margin-bottom:0.7em;
		padding-bottom:0.3em;
		border-bottom:1px #aaa dotted;
		}
		
	#sidebar .rssList li {
		margin-bottom:0.5em;
		}
		#sidebar .rssList li a {
			display:block;
			}
		

/* google Ads テスト */
#GOOGLE_ADS {
	}
#GOOGLE_ADS iframe {
	width:160px;
	height:600px;
	border:#CCC 1px solid;
	padding:15px 15px 10px 173px;
	}


	#GOOGLE_ADS a.adt span {
		margin:0.3em 0;
		display:block;
		}
	#GOOGLE_ADS iframe .adb {
		margin:1em 0 ! important;
		}
		
		
/* round div */
div#roundDiv{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}




/*もとからあるサイドバーのh2を非表示に。(画像とかぶる。)*/
.sidebar-title{
	display:none;
	}
	
	
	
	
/* Profile
----------------------------------------------- */
#profile-container {
	margin:1em 0;
	float:left;
	}
	
	ul.profile-datablock {
		}
		li.profile-link {
			font:80%;
			line-height:1;
			letter-spacing:0.1em;
			margin-right:0.5em;
			float:left;
			}
			
			
			
			
/* Footer
----------------------------------------------- */
#footer {
	width:920px;
	background-color:#EAE9E7;
	margin:0 auto;
	padding:0 0 27px;
	border-top:2px solid #CCC;
	color:#AAA;
	text-align:right;
	clear:both;
	}
	
	#footer p {
		margin:0;
		padding:3px 5px 0 0;
		font:84%/1.6em;
		letter-spacing:0.1em;
		}
		
		
		
		
/* Feeds
----------------------------------------------- */
#blogfeeds {
}


#postfeeds {
}




/* End */