/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}/*ol,ul{list-style:none}*/caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/*YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:14px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}
/* init End */

/* general */
a:link    {color: #0066FF; text-decoration: underline;}
a:visited {color: #0066FF; text-decoration: underline;}
a:hover   {color: #FF6600; text-decoration: none;}
a:active  {color: #0066FF; text-decoration: underline;}

body{
	margin: 0px;
	color: #404040;
	background-color: #EBF1DE;
}

/* ie 6-8 */
body { /font-family: 'MS PGothic';}
body { font-family: 'MS PGothic'\9;}

hr{
	border:1px dashed #E7E3DF;
}

/* layout */
#wrapper {/*1100px*/
	margin: 0 auto;
	width: 1100px;
}

	#container {/*1040px*/
		padding: 15px 30px;
	}

		#header{/*1040px*/
			width: 100%;
		}

		#content {/*1040px*/
			width: 100%;
		}

			#main-wrapper {/*1040px*/
				border-left: 1px solid #EEEEEE;
				border-right: 1px solid #EEEEEE;
				width: 1038px;
			}

				#main {/*680px*/
					padding: 18px 13px;
					max-width: 653px;
					width: 653px;
				}
				
					#ie-main #main {
					}

					/* border show at #main right side.
					   but it does not be shown on IE, so following css */
					.border-right {
						border-right: 1px solid #EEEEEE;
					}

						#ie-main {
							border-right: 1px solid #EEEEEE;
						}
						
							#ie-main .border-right {
								border-right: none;
							}

				#side-bar { /* 360px */
					border-left: 3px solid #FFFFFF;
					width: 357px;
				}

				#ie-side-bar { /* 360px */
					position: relative;
					left: 1px;
					padding-bottom: 8px;
					border-left: 3px solid #FFFFFF;
				}

					#ie-side-bar #side-bar {
						border-left: none;
						width: 355px;
					}

			#footer {
				padding: 15px 30px 15px 5px;
			}

/* layout */
#wrapper {
	background: #FFFFFF;
}

/* header */
#header{
}

	/* title detail */
	h1 {
		margin: 20px 15px 0 15px;
		font-size: 2.5em;
		text-shadow: 1px 1px 1px #CCCCCC;
	}

		h1 a:link    {color: #404040; text-decoration: none;}
		h1 a:active  {color: #404040; text-decoration: none;}
		h1 a:visited {color: #404040; text-decoration: none;}
		h1 a:hover   {color: #404040; text-decoration: underline;}


	/* blog description */
	#site_description{
		margin: 17px 0 0 35px;
		padding-bottom: 30px;
		overflow: hidden;
		color: #999999
	}

		#site_description strong {
			font-weight: normal;
		}

/* main */
#content {
}

	#content-header {
		height: 27px;
		overflow: hidden;
		background: #808080;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	
		#content-header-right {
			float: right;
			padding: 3px 10px 3px 0;
		}

			#content-header-right .textbox {
				width: 200px;
				height: 20px;
				border: 0;
				-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
				-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
				box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
			}

			#content-header-right .input-button {
				margin: 0;
				width: 60px;
				height: 20px;
				border: 0;
				background: #EEEEEE;
				color: #999999;
				font-size: 0.8em;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

				#content-header-right .input-button:hover{
					cursor: pointer;
					background: #333333;
					color: #EEEEEE;
				}

			/* hack for webkit */
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				#content-header-right .input-button {
					position: relative;
					top: -1px;
				}
			}

	#main-wrapper {
		display: table;
		overflow: hidden; 
	}

	#main {
		display: table-cell;
		vertical-align: top;
		word-wrap: break-word;
	}

		/* entry title */
		.h2-wrapper{
			background: #9BBB59;
			font-size: 1.4em;
		}

			.article-title {
				padding: 12px 20px;
				color: #FFFFFF;
			}

				.article-title span {
				}
				.article-title a {color: #FFFFFF; text-decoration: none;}
				.article-title a:hover {color: #FFFFFF; text-decoration: underline;}

		/* entry, comment, trackback */
		.main-text {
			line-height: 1.4;
		}

			/* article brief*/
			.dflist {
				margin-top: 20px;
			}

				.dflist dt {
					width: 420px;
				}

					.dflist dt a {
						position: relative;
						display: block;
						padding: 8px 16px;
						text-decoration: none;
						color: #FFFFFF;
						background-color: #FFCC00;
						z-index: 2;
						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
					    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
					       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
					            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
					}

						.dflist dt a:hover {
							background-color: #FF9900;
						}

				.dflist dd {
					position: relative;
					margin-top: -15px;
					margin-left: 25px;
					margin-bottom: 20px;
					padding: 30px 10px 15px 15px;
					border: 1px solid #DDDDDD;
					z-index: 1;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					zoom: 1;
				}

		.post-date {
			padding: 5px 0 10px 0;
			text-align: right;
			font-size: 0.9em;
			color: #999999;
		}

		/* posts */
		.article-body {
			padding: 0 3px;
		}

			/* more */
			.main-text .article-body .morelink {
				display: block;
				margin: 13px 0;
				padding: 4px 0px;
				width: 80px;
				background: #4BACC6;
				color: #FFFFFF;
				text-align: center;
				text-decoration: none;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

				.main-text .article-body .morelink:hover {
					background: #FF9900;
				}

			/* tag in posts */
			.main-text .article-body img {
				padding: 2px;
				border: 0;
				max-width: 645px;
			}

				.main-text .article-body a img{
					border: 1px solid #CCCCCC;
				}

				.main-text .article-body a img:hover {
					border: 1px solid #0066FF;
				}

			.main-text .article-body blockquote {
				padding: 0.5em 0 0.5em 0.5em;
				border-left: 0.3em solid #666666;
			}
/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
			.main-text .article-body h1{font-size:138.5%}
			.main-text .article-body h2{font-size:123.1%}
			.main-text .article-body h3{font-size:108%}
			.main-text .article-body h1,.main-text .article-body h2,.main-text .article-body h3{margin:1em 0}
			.main-text .article-body h1,.main-text .article-body h2,.main-text .article-body h3,.main-text .article-body h4,.main-text .article-body h5,.main-text .article-body h6,.main-text .article-body strong{font-weight:bold}
			.main-text .article-body abbr,.main-text .article-body acronym{border-bottom:1px dotted #000;cursor:help}
			.main-text .article-body em{font-style:italic}
			.main-text .article-body ul,.main-text .article-body ol,.main-text .article-body dl{margin:1em}
			.main-text .article-body ol,.main-text .article-body ul,.main-text .article-body dl{margin-left:2em}
			.main-text .article-body ol{list-style:decimal outside}
			.main-text .article-body ul{list-style:disc outside}
			.main-text .article-body dl dd{margin-left:1em}
			.main-text .article-body th,.main-text .article-body td{border:1px solid #000;padding:.5em}
			.main-text .article-body th{font-weight:bold;text-align:center}
			.main-text .article-body caption{margin-bottom:.5em;text-align:center}
			.main-text .article-body p,.main-text .article-body fieldset,.main-text .article-body table,.main-text .article-body pre{margin-bottom:1em}
			.main-text .article-body input[type=text],.main-text .article-body input[type=password],.main-text .article-body textarea{width:12.25em;*width:11.9em}



			/* relate_list_area */
			.relate_dl {
				margin: 1em 0;
				padding: 0;
				overflow: auto;
			}

				/* default ver */
				.relate_dt {
					padding: 6px 6px 3px 6px;
					border-left: 6px solid #FF0000;
					background: #FFEEEE;
					font-size: 1.1em;
				}

				.relate_dd {
					padding-top: 3px
				}
				
					.relate_dd a:hover:after {
						content: ' << Check!';
						font-weight: bold;
						font-size: 0.8em;
						color: #FF0000;
					}

				/**
				 * customized ver
				 * if you want to use this style, you have to set...
				 *   - "テンプレート変数のみ" at "関連記事リスト 表示場所"
				 *   - "7" at "関連記事リスト 表示件数"
				 */
				.relate_dl-customize .relate_dt {
					float: left;
					display: table-cell;
					vertical-align: middle;
					margin: 0;
					padding: 28px 5px;
					border: 0;
					height: 34px;
					width: 53px;
					text-align: center;
					color: #FFFFFF;
					font-size: 12px;
					background: #333333;
				}

				.relate_dl-customize .relate_dd {
					padding: 0;
				}

				.relate_dl-customize .relate_dd .relate_ul {
				}

				.relate_dl-customize .relate_dd .relate_ul .relate_li {
					float: left;
					display: table;
					vertical-align: middle;
					list-style: none;
					height: 90px;
					width: 90px;
					margin-left: 8px;
					background: #BC3733;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}

				.relate_dl-customize .relate_dd .relate_ul .relate_li_nolink {
					display: none;
				}

					.relate_dl-customize .relate_dd .relate_ul .relate_li a {
						display: table-cell;
						vertical-align: middle;
						padding: 5px;
						color: #FFFFFF;
						text-decoration: none;
					}

						.relate_dl-customize .relate_dd .relate_ul .relate_li a:hover {
							text-decoration: none;
							background: #FF6600;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
						}

						.relate_dl-customize .relate_dd a:hover:after {
							content: none;
							display: none;
						}

					/* for lt ie8 only*/
					.relate_dl-customize .relate_dd .relate_ul .relate_li table td {
						padding: 5px;
						cursor: pointer;
					}

						.relate_dl-customize .relate_dd .relate_ul .relate_li table td a {
							padding: 0;
						}

						.relate_dl-customize .relate_dd .relate_ul .relate_li table td a:hover {
						}

			/* theme, genre, tag */
			.article-footer-wrapper {
				clear: both;
				margin-bottom: 5px;
				border: 3px solid #9BBB59;
			}

				.article-footer-container {
					padding: 5px 8px 6px 8px;
					color: #666666;
					font-size: 0.9em;
					line-height: 1.5em;
				}

				.article-attr-tag ul {
					padding-left: 1em;
				}

				.article-attr-tag li {
					display: inline;
					padding-right: 1em;
				}


	/* to other pages  */
	.navi{
		margin-top: 10px;
	}

			/* next, prev links */
			.navi a {
				display: block;
				padding: 7px 0;
				width: 120px;
				background: #4BACC6;
				text-align: center;
				text-decoration: none;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

				.navi a:link, .navi a:visited {
					color: #FFFFFF;
				}

				.navi a:hover {
					background-color: #FF9900;
				}
				
			/* state (post date,etc) */
			.state {
				margin-bottom: 13px;
				padding: 5px 8px 5px 8px;
				font-size: 0.9em;
				color: #999999;
				letter-spacing : 1px;
				text-align: right;
			}


		/* comment and trackback */
		.comment {
			margin-top: 18px;
			overflow: hidden;
		}

				.comment h3{
					padding: 5px 8px;
					font-size: 1.2em;
					font-weight: bold;
					background: #EEEEEE;
				}

			.comment .main-text .several-comments {
				padding: 0.5em 0 0 0;
				border-bottom: 1px solid #E0E0E0;
			}

				.comment .main-text .several-comments:last-child {
					border: none;
				}

			.comment .main-text .several-comments h4 {
				float: left;
				padding-left: 8px;
				width: 68%;
				color: #999999;
			}
			
				.comment .main-text .several-comments h4 .commented-name {
					font-size: 1.3em;
					color: #333333;
				}

				.comment .main-text .several-comments h4 .commented-title {
					font-weight: bold;
					color: #333333;
				}

			.comment .main-text .several-comments .comment-date {
				float: right;
				width: 22%;
				padding-top: 2px;
				font-size: 0.8em;
				color: #999999;
				text-align: right;
			}

			.comment .main-text .several-comments .comment-text {
				clear: both;
				padding: 1em 0 1em 20px;
				color: #606060;
			}

			.comment .main-text .comment-edit {
				padding: 0 0 0.5em 0;
				font-size: 0.8em;
				text-align: right;
				overflow: auto;
			}

				.comment .main-text .comment-edit a {
					display: block;
					float: right;
					text-align: center;
					width: 30px;
					padding: 3px 5px;
					background: #CCCCCC;
					color: #FFFFFF;
					text-decoration: none;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}

					.comment .main-text .comment-edit a:hover {
						background: #666666;
					}

		/* comment post */
		#comment-post {
			padding: 0.5em 0 1em 0;
		}

			#comment-layout {
				margin: 1em 0 1em 5px;
				padding-left: 10px;
			}

				#comment-layout td{
					padding-bottom: 0.5em;
				}

				#comment-layout .l {
					width: 70px;
				}

					#comment-layout .r span {
						padding-left: 10px;
						color: #999999;
						font-size: 0.9em;
					}

					#comment-layout .textbox { 
						border: 3px solid #E0E0E0;
						padding: 2px;
						-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
						-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
						box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
					}

					#comment-layout .textarea {
						vertical-align: top;
					}

				#comment-name, #comment-mail, #commnet-url{
					width: 220px;
				}

				#comment-title {
					width: 280px;
				}

				#comment-password {
					width: 120px;
				}
				
				#form-buttons {
					text-align: right;
				}

					#comment-submit {
						padding: 7px 30px;
						border: 0;
						background-color: #FF9900;
						color: #FFFFFF;
						cursor: pointer;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
					}

						#comment-submit:hover{
							background-color: #FF6600;
						}

					#comment-delete-submit {
						padding: 7px 10px;
						border: 0;
						background-color: #666666;
						color: #FFFFFF;
						cursor: pointer;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
					}

						#comment-delete-submit:hover{
							background-color: #999999;
							color: #000000;
						}

		/* tracback area */
		#trackback-links {
			margin: 0.5em 0;
		}
		
			#trackback-links .textbox { 
					border: 3px solid #E0E0E0;
					padding: 2px;
					-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
					-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
					box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
				}
			
			#trackback-links span {
				font-size: 0.8em;
				color: #999999;
			}

			#trackback-area .several-trackbacks {
				border-top: 1px solid #E0E0E0;
				padding: 0.5em 0 0 0;
			}

			#trackback-area .several-trackbacks h4 {
				padding-left: 6px;
			}

			#trackback-area .several-trackbacks .trackbacks-excerpt {
				padding: 1em 0 1em 20px;
				color: #606060;
			}

		/* bottom navigation */
		#bottom-navi {
			border-top: 1px solid #E0E0E0;
		}

/* side bar */
#side-bar {
	display: table-cell;
	vertical-align: top;
	color: #666666;
	background-color: #F2F2F2;
}

#ie-side-bar {
	background-color: #F2F2F2;
}

	#side-bar-container {
	}

	#side-bar-upper {
		padding-top: 5px;
	}

	#side-bar-lower {
		padding-bottom: 5px;
	}

		#side-bar #side-bar-upper .side-bar-plugins .side-bar-title {
			background-color: #4F81BD;
		}

		#side-bar #side-bar-lower .side-bar-plugins .side-bar-title {
			background-color: #F79646;
		}

	#side-bar .side-bar-plugins {
		margin: 8px 15px 0 15px;
/*		border: 1px solid #CCCCCC;*/
		background-color: #FFFFFF;
	}

		#side-bar .side-bar-plugins .side-bar-title {
			padding: 6px;
			font-size: 1.2em;
			color: #FFFFFF;
		}

			#side-bar .side-bar-text {
				line-height: 1.5em;
				padding: 3px 8px;
			}

				#side-bar .side-bar-text ul, #side-bar .side-bar-text ol {
					margin: 0 0 0 1.5em;
					padding: 0;
				}
	
				#side-bar .side-bar-text li{
					margin: 0;
					padding: 0;
				}
	
				#side-bar .side-bar-text p{
				}

				#side-bar .side-bar-text a img{
					border: 0;
					padding: 1px;
				}

				/* user tags */
				/* if you use user tag delimiter (Ex. , :), you should use the following style.
				 * not useing delimitar(Ex <a href="...">tag</a><a herf="..">tag2</a>), you delete the following style and 
				 * delete comment out text.
				 * (same as footer tag style)
				 */
				.side-bar-text .plugin-tag a {
					-webkit-border-radius: 8px;
					-moz-border-radius: 8px;
					border-radius: 8px;
					background-color: #4F81BD;
					border: 3px solid #385D8A;
					padding: 3px 5px;
					line-height: 2.2em;
					font-size: 0.9em;
					color:#FFFFFF;
					text-decoration: none;
				}

					.side-bar-text .plugin-tag a:hover{
						background-color: #F79646;
						border: 3px solid #B66D31;
					}
/*
.side-bar-text .plugin-tag a {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #4F81BD;
	border: 3px solid #385D8A;
	padding: 3px 8px;
	font-size: 0.9em;
	color:#FFFFFF;
	text-decoration: none;
}

	.side-bar-text .plugin-tag a:hover{
		background-color: #F79646;
		border: 3px solid #B66D31;
	}
*/

/* content footer */
	#content-footer {
		clear: both;
		height: 15px;
		overflow: hidden;
		background: #808080;
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

/* footer */
#footer {
	margin: 10px 0 0 0;
	background-color: #000000;
	overflow: auto;
}

	.footer-plugins {
		float: left;
		margin: 0 0 8px 25px;
		width: 330px;
		background-color: #FFFFFF;
	}

		#footer .footer-plugins .footer-title {
			padding: 6px;
			font-size: 1.2em;
			color: #FFFFFF;
			background-color: #604A7B;
		}


		#footer .footer-text {
			line-height: 1.5em;
			padding: 3px 8px;
		}

		#footer .footer-text ul, #footer .footer-text ol {
			margin: 0 0 0 1.5em;
			padding: 0;
		}

		#footer .footer-text li{
			margin: 0;
			padding: 0;
		}

		#footer .footer-text p{
		}

		#footer .footer-text a img{
			border: 0;
			padding: 1px;
		}

		/* user tags */
		.footer-text .plugin-tag a {
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			background-color: #4F81BD;
			border: 3px solid #385D8A;
			padding: 3px 5px;
			line-height: 2.2em;
			font-size: 0.9em;
			color:#FFFFFF;
			text-decoration: none;
		}

			.footer-text .plugin-tag a:hover{
				background-color: #F79646;
				border: 3px solid #B66D31;
			}

/* copyright */
#copyright {
	clear: both;
	padding: 15px 0 0.5em 0.5em;
	font-size : 0.9em;
	color : #808080;
	background-color: #000000;
	text-align: right;
}

		#copyright p {
			padding: 0 30px;
		}

		#copyright a {
			text-decoration: underline;
		}
			#copyright a:link    {color: #A0A0A0; text-decoration: none;}
			#copyright a:active  {color: #A0A0A0; text-decoration: none;}
			#copyright a:visited {color: #A0A0A0; text-decoration: none;}
			#copyright a:hover   {color: #A0A0A0; text-decoration: underline;}

.search input{
	font-size :12px;
	line-height: 15px;
	border-width:1px;
	background-color:#fafafa;
	border-color:#cccccc; 
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",Osaka ;
}


/* Profile */
.pay {
	text-align: center;
	margin: 5px 0px 0px 5px;
}

/* fc2 bookmark,favorite */
.fc2_footer {
	padding-top: 15px;
}

	.fc2_footer * {
		margin:0!important;
		border:0!important;
		padding:0!important;
	}

	.fc2_socialbtn, .fc2_socialbtn tbody, .fc2_socialbtn tr, .fc2_socialbtn td {
		display: inline !important;
		margin: 0 0 0 4px !important;
	}

	.fc2_footer img {
		vertical-align: top!important;
	}

	.fc2_socialbtn .fc2button-twitter {
		padding: 0 6px 0 0 !important;
	}

/* calendar */
#side-bar .plugin-calender {
	margin: 0 auto;
	padding: 0 auto;
}

	#side-bar table.calender {
		margin: 0 auto;
		padding: 0 auto;
		font-size: 1em;
		width: 90%;
		border-top: 1px dotted #666666;
	}
		#side-bar table.calender caption {
			margin: 0 auto 0.2em auto;
			padding: 0 auto;
			width: 90%;
			text-align: center;
			font-weight: bold;
			font-size: 1.1em
		}

			#side-bar table.calender caption a {
				font-weight: normal;
				font-size: 0.9em
			}

		#side-bar table.calender th {
			font-weight: normal;
			padding: 3px 0 2px 0;
			text-align: center;
		}
		#side-bar table.calender td {
			color: #999999;
			padding: 1px 0px;
			text-align: center;
			width: 22px;
		}
		#side-bar table.calender td a {
			display: block;
			font-weight: bold;
		}
		
			#side-bar table.calender td a:hover {
				color: #FFFFFF;
				background-color: #FF9900;
			}
		
		th#sun {
			color: #CC3D3D;
		}
		th#sat {
			color: #2996CC;
		}
		#side-bar table.calender td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active {
			font-weight: bold;
			text-decoration: none;
		}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}