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

	.clearfix {
		display: inline-block;
		min-height:1px;
	}

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* */

		body {
			font-size:90%;
			background:#fff;
		}

		#wrapper {
			width:100%;
			border-top: 5px solid #FF6600;
			background: #fff;
			padding:0;
			margin:0;
		}

		#header{
			margin:0;
			padding:0 20px;
			background: #fff;
		}
		#contents {
			background: #fff;
			margin:0;
			padding:10px 20px;
		}

		h1 {
			padding:10px 0;
			font-size:120%;
			font-weight:bold;
			color:#333333;
		}

		.tab {
			margin:0;
			padding:0;
		}

		.tab li{
			display:inline;
		}

		.tab li a {
			margin-right:10px;
			height:16px;
			padding:5px 2px;
			font-size:80%;
			float:left;
			display:block;
			width: 100px;
			text-align:center;
			background: #ccc;
		}

		.tab li a         {	background-color:#ccc; color: #666; text-decoration: underline;  }
		.tab li a:link    { background-color:#ccc; color: #666; }
		.tab li a:visited { background-color:#ccc; color: #666; }
		.tab li a:active  { background-color:#ccc; color: #666;  }
		.tab li a:hover   { background-color:#eee; color: #0cf; text-decoration: underline; }
		.tab li.selected a,
		.tab li.selected a:link,
		.tab li.selected a:visited,
		.tab li.selected a:active,
		.tab li.selected a:hover {background-color:#fff; font-weight:bold; text-decoration: none; }