html {
		/*scrollbar-Track-Color: #ffffff;
		scrollbar-Face-Color: #ffffff;
		scrollbar-Shadow-Color: #6495ed;
		scrollbar-DarkShadow-Color: #ffffff;
		scrollbar-Highlight-Color: #6495ed;
		scrollbar-3dLight-Color: #ffffff;
		scrollbar-Arrow-Color: #6495ed;*/
	}

	body {
	font-size:11px;
	color:#000000;
	line-height:20px;
	font-family:Osaka,Verdana,Tahoma;
	margin: 0px;
	padding: 0px;
	background-color: #efefef;
	}

	a:link {
		color:#1e90ff;
	}

	a:visited {
		color:#1e90ff;
	}

	a:active { 
		color:#1e90ff;
	}

	a {
		text-decoration : none;
	}

	a:hover {
		color:#0000ff; 
		text-decoration:none;
	}

	input {
		font-family:Osaka,Verdana,Tahoma;
		font-size:9px;
		border:1px solid #b9d0f7;
		color:#696969;
		background:#ffffff;
	}

	textarea {
		font-family:Osaka,Verdana,Tahome;
		font-size:9px;
		border:1px solid #b9d0f7;
		color:#696969;
		overflow:auto;
	}

	blockquote {
		border-top:1px solid #ddddff;
		border-bottom:1px solid #ddddff;
		border-right:1px solid #ddddff;
		border-left:8px solid #ddddff;
		padding-top:2px;
		padding-right:2px;
		padding-bottom:2px;
		padding-left:10px;
		color:#5f9ea0;
	}

	#mainproc {
	width:800px;
	vertical-align:top;
	margin:0 auto 0 auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#main_content {
	background-image: url(http://www.hokkaidosakae.ed.jp/blog/icon/table_bk.gif);
	background-position: center;
	display: block;
	width: 800px;
	float: left;
	padding-top: 10px;
}


	#title {
	height:105px;
	text-align:center;
	margin-bottom: 15px;
	}

	#counter {
	padding-right:10px;
	font-family:Osaka,Verdana,Tahoma;
	font-size:9px;
	color:#6495ed;
	text-align:right;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.menuname {
	padding-left:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.imgcontent {
		border-bottom:1px solid #b9d0f7;
		border-left:1px solid #b9d0f7;
		border-right:1px solid #b9d0f7;
		padding-top:5px;
		padding-bottom:5px;
		text-align:center;
	}

	#allphoto {
		padding-right:5px;
		text-align:right;
	}

	.rdname {
	padding-left:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.rtname {
	padding-left:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.rcname {
	padding-left:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.mark {
		color:#3399ff;
	}

	#logo {
		text-align:center;
	}

	.m_date {
		text-align:left;
		font-size:14px;
		color:#20b2aa;
		padding:5px;
	}

	.main_article {
	width:500px;
	border:1px solid #FFC66F;
	padding:5px;
	}

	.m_title {
		width:350px;
		float:left;
		font-size:12px;
	}

	.m_cat {
		width:150px;
		float:right;
		text-align:right;
		font-size:10px;
		color:#696969;
	}

	.m_diary {
		font-size:12px;
		color:#000000;
	}

	.m_diary_ps {
		font-size:12px;
		color:#ff0000;
	}

	.m_diary_more {
		text-align:right;
		line-height:30px;
		padding-right:10px;
	}

	.m_regdate {
		text-align:right;
		font-size:9px;
		color:#696969;
		padding-right:10px;
	}

	.m_foot {
		text-align:right;
		font-size:9px;
		color:#696969;
	}

	.spacer {
		line-height:3px;
	}

	.next {
		width:210px;
		float:right;
		text-align:right;
	}

	.back {
		width:210px;
		float:left;
		text-align:left;
	}

	.catname  {
	padding-left:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.arcname  {
	padding-left:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.arcover  {
	padding-left:150px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.search  {
	padding-left:5px;
	padding-top:5px;
	font-size:xx-small;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.blogpeople {
		border-bottom:1px solid #b9d0f7;
		border-left:1px solid #b9d0f7;

		border-right:1px solid #b9d0f7;
		padding-left:5px;
	}

	.mybloglist  {
		border-bottom:1px solid #b9d0f7;
		border-left:1px solid #b9d0f7;
		border-right:1px solid #b9d0f7;
		padding-left:5px;
	}

	#left {
		width:210px;
		float:left;
		vertical-align:top;
		margin-left:5px;
	}

	#center {
		width:520px;
		float:left;
		vertical-align:top;
		padding-left:30px;
	}

	#cal {
		vertical-align:top;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:5px;
		line-height:12px;
	}

	#cal input {
		border:0px;
		border-bottom:1px solid #acd8ff;
		background:#ffffff;
		color:#696969;
	}

	.right_sidettl {
	text-align:center;
	font-size: 12px;
	font-family: "Century Gothic";
	font-weight: bolder;
	color: #FF6600;
	border:1px solid #FFC66F;
	background-color: #FFDDAA;
	}

	.left_sidettl {
		text-align:center;
		font-size: 12px;
		font-family: "Century Gothic";
		font-weight: bolder;
		color: #FF6600;
		border:1px solid #FFC66F;
		background:#FFDDAA;
	}

	.holiday { 
		color:#ff0000;
	}

	.sunday { 
		color:#ff0000;
	}

	.saturday {
		color:#0000ff;
	}
	.weekday { 
		color:#000000;
	}

	.today {
		color:#6495ed;
	}

	.today_bg {
		background:#b9d0f7;
	}

	.calen {
		border:1px solid #b9d0f7;
		border-collapse:collapse;
		background:#ffffff;
	}

	.calen td {
		border-right:1px solid #b9d0f7;
	}

	#cals {
	vertical-align:top;
	line-height:8px;
	background:#ffffff;
	color:#787878;
	padding-bottom:15px;
	width: 180px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

	#cals input {
		border-bottom:1px solid #6495ed;
		background:#ffffff;
		color:#6495ed;
	}

	#cals a:link {
		color:#666666;
	}

	#cals a:link {
		color:#666666;
	}

	#cals a:visited {
		color:#666666;
	}

	#cals a:active { 
		color:#666666;
	}

	#cals a {
		font-weight:bolder;
		text-decoration : none;
	}

	#cals a:hover {
		color:#f4a460;
		font-weight:bolder;
		text-decoration : none;
	}

	.calens {
		border:1px solid #6495ed;
		border-collapse:collapse;
		background:#ffffff;
	}

	.calens td {
		border:1px solid #6495ed;
	}

	.holidays { 
		color:#ff0000;
	}

	.sundays { 
		color:#ff0000;
	}

	.saturdays {
		color:#0000ff;
	}

	.weekdays { 
		color:#4e4e4e;
	}

	.todays {
		color:#8a2be2;
	}

	.calens_week {
		background:#ffffce;
	}

	.none {
		border:0;
	}

	.none td {
		border:0;
	}

	.pop {
		font-size:12px;
	}

	.feed {
	padding-left:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	}

	.feed_catname {
		color:#000000;
	}

	.feed_name {
		padding-left:12px;
	}

	.profile {
	font-size:10px;
	color:#778899;
	padding-left:5px;
	padding-right:5px;
	line-height:14px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC66F;
	border-bottom-color: #FFC66F;
	border-left-color: #FFC66F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFC66F;
	}

	.m_ct {
		width:510px;
	}

	.m_ct_subtitle {
		color:#6495ed;
	}

	.ct_main {
		border-bottom:1px solid #b9d0f7;
	}

	.m_ct_comment {
		padding-left:5px;
		padding-right:5px;
	}

	.m_ct_name {
		width:200px;
		padding-left:5px;
		float:left;
		color:#7495ed;
	}

	.m_ct_time {
		padding-right:5px;
		text-align:right;
		color:#7495ed;
	}

	.m_tb {
		width:510px;
	}

	.m_tb_subtitle {
		color:#6495ed;
	}

	.tb_main {
		border-bottom:1px solid #b9d0f7;
	}

	.m_tb_excerpt {
		padding-left:5px;
		padding-right:5px;
	}

	.m_tb_blogname {
		width:200px;
		padding-left:5px;
		float:left;
		color:#7495ed;
	}

	.m_tb_time {
		padding-right:5px;
		text-align:right;
		color:#7495ed;
	}

	.copy {
	text-align:center;
	}

	.left {
		float: left;
		border: none;
		margin-right:8px;
		margin-top:4px;
	}

	.right {
		float: right;
		border: none;
		margin-right:4px;
		margin-top:4px;
	}

	#pageview {
		border-left:1px solid #b9d0f7;
		border-right:1px solid #b9d0f7;
		border-bottom:1px solid #b9d0f7;
		padding-right:10px;
		text-align:right;
		color:#0000ff;
	}

	.pagenew {
		text-align:right;
	}

	#pagerank {
	color:#000;
	margin: 0px;
	padding: 0px;
	display: block;
	}

	.ranknew {
		text-align:right;
	}

	#online {
	border-left:1px solid #b9d0f7;
	border-right:1px solid #b9d0f7;
	border-bottom:1px solid #b9d0f7;
	color:#ff0000;
	text-align:center;
	visibility: hidden;
	}

	.pagerank_table {
		border-left:1px solid #b9d0f7;
		border-right:1px solid #b9d0f7;
		padding-left:5px;
	}

	.pagerank_title_no {
		border-bottom:1px solid #b9d0f7;
		text-align:center;
	}

	.pagerank_title_title {
		border-bottom:1px solid #b9d0f7;
	}

	.pagerank_title_view {
		border-bottom:1px solid #b9d0f7;
		text-align:center;
	}

	.pagerank_no {
		border-bottom:1px solid #b9d0f7;
		text-align:center;
	}

	.pagerank_title {
		border-bottom:1px solid #b9d0f7;
		font-size:9px;
	}

	.pagerank_view {
		border-bottom:1px solid #b9d0f7;
		text-align:center;
	}

	#ic_disp {
		display:none;
		border:solid 1px #778899;
		background:#f8f3ca;
		overflow:auto;
		width:350px;
		height:130px;
		line-height:12px;
	}

	.hiddenmsg {
		position:absolute;
		visibility: hidden;
		width: 180px;
		height:50px;
		color: #fff;
		font-size:9px;
		text-align:left;
		overflow:hidden;
		background:#000;
		border:1px solid #3399ff;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		z-index:0;
		line-height:12px;
	}

	.hidemsg_title {
		font-weight:bolder;
		text-decoration:underline;
		font-family:Osaka,Tahoma;
		font-size:10px;
	}
	
	.alpha {
		color:#000;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}

	table.allphoto {
		border:1px solid #778899;
		border-collapse:collapse;
	}

	table.allphoto td {
		border:1px solid #778899;
	}
#footer {
	background-image: url(http://www.hokkaidosakae.ed.jp/blog/icon/footer.jpg);
	float: left;
	height: 106px;
	width: 800px;
	margin-top: 15px;
	background-position: center;
}