/*CSS*/

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background:#ccc url(http://www.harukit.com/images/p5back.gif);
}
A 		{ color: #003333; text-decoration: none; font-weight:bold; } 
A:link	{ color: #003333; text-decoration: none; } 
A:visited	{ color: #669999; text-decoration: none; } 
A:active	{ color: #FFFFFF;  } 
A:hover	{ color: #FF0033;  }
	
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

#layout{
	width:760px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #999;
	padding:0px;
	background:#fff;
	text-align:left;
}

#banner {
	font-family:verdana, arial, sans-serif;
	color:#fff;
	font-size:large;
	font-weight:normal;
	background:#999;
	padding:10px;
	text-transform:none;
}

.description {
	font-family:verdana, arial, sans-serif;
	color:#333;
	font-size:x-small;
	font-weight:bold;
	background:#ffffff;
	text-transform:none;
	letter-spacing: none;
}	

#links {
	float:right;
	width:190px;
	padding-right:10px;
	padding-left:10px;
	background:#ffffff;
}
		
.blog {
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
}	
	
.blogbody {
	font-family:Hiragino Maru Gothic Pro, "ヒラギノ丸ゴ Pro W4",verdana, arial, sans-serif;
	color:#000000;
	font-size:small;
	font-weight:normal;
	line-height:180%;
	background:#efefef;
	padding:10px;
}


.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
	font-weight: normal;
	text-decoration: underline;
}
	
#container {
	float:left;
	width:520px;
	background:#ffffff;
	margin-bottom:20px;
}
		
.title{
	font-family:Hiragino Maru Gothic Pro, "ヒラギノ丸ゴ Pro W4", verdana, arial, sans-serif;
	font-size:small;
	color: #003366;
	/*font-weight:bold;*/
}			
		
.date{ 
	font-family:Hiragino Maru Gothic Pro, "ヒラギノ丸ゴ Pro W4", verdana, arial, sans-serif; 
	font-size:small; 
	color: #000000;
	padding:5px;
	margin-top:10px 0px;
}			
	
.side {
	font-family:Hiragino Maru Gothic Pro, "ヒラギノ丸ゴ Pro W4",verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	margin-left:10px;			
}	
	
.sidetitle {
	font-family:verdana, arial, sans-serif;
	color:#003366;
	font-size:x-small;
	font-weight:bold;
	background:#ffffff;
	line-height:140%;
	padding:2px;
	margin-top:10px;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
}		

.calendar {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	text-align:center;	
	}

.calendarhead {	
	font-family:verdana, arial, sans-serif;
	color:#003366;
	font-size:x-small;
	font-weight:bold;
	line-height:140%;
	padding:2px;				
}	

.syndicate {
	font-family:verdana, arial, sans-serif;
	font-size:xx-small;
	font-weight:bold;		
	line-height:140%;
	padding:2px;
	margin-top:10px;
	text-align:center;
	color:#ff0208;		
}	
	
.powered {
	font-family:verdana, arial, sans-serif;
	color:#003366;
	font-size:xx-small;
	font-weight:bold;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;		
	line-height:140%;
	text-transform:uppercase; 
	padding:2px;
	margin-top:10px;
	text-align:center;
	letter-spacing: .2em;
}	

.cc {
	font-family:Hiragino Maru Gothic Pro, "ヒラギノ丸ゴ Pro W4",verdana, arial, sans-serif;
	color:#003366;
	font-size:xx-small;
	font-weight:bold;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;		
	line-height:140%;
	text-transform:uppercase; 
	padding:2px;
	margin-top:10px;
	text-align:center;
	letter-spacing: .2em;
}

#footer {
	background:#999;
	color:#fff;
	padding:5px 0px;
	margin-top:10px;
	font-family:verdana, arial, sans-serif;
	font-size:small;
}