/* CSS Document */
	#alpha {
		position: relative;
		float: left;

		padding: 0 0 0 10px;
		width: 550px;
		top: -50px;
	}
	#beta {
		position: relative;
		float: right;

		padding: 0 10px 0 0;
		width: 220px;
		top: 0;
	}
	#gamma {
		display: none;
	}

/***** alpha column *****/
	h4 {
		font-size: 92%;
	}

	#pageTitle {
		padding: 40px 0 0 0;
		height: 0px;
		overflow: hidden;
		
		background-image: url(../../tok/images/title.gif);
		background-repeat: no-repeat;
	}
		#date #year {
			position: absolute;
			padding: 20px 0 0 0;
			width: 59px;
			height: 0px;
			overflow: hidden;
			top: 5px;
			left: 440px;
			
			background-image: url(../images/2007.gif);
			background-repeat: no-repeat;
		}
		#date #dateDiv {
			position: absolute;
			padding: 20px 0 0 0;
			width: 59px;
			height: 0px;
			overflow: hidden;
			top: 5px;
			left: 500px;
			
			background-image: url(../images/date_div.gif);
			background-repeat: no-repeat;
		}
		#date #month {
			position: absolute;
			padding: 20px 0 0 0;
			width: 29px;
			height: 0px;
			overflow: hidden;
			top: 5px;
			left: 512px;
			
			background-repeat: no-repeat;
		}
	#pageRead {
		padding: 15px 0 0 0;
		height: 0px;
		overflow: hidden;
		
		background-image: url(../../tok/images/title2.gif);
		background-repeat: no-repeat;
	}
	
	#noteTop {
		margin: 0 0 0 0;
		width: 550px;
		height: 20px;
		
		background-image: url(../images/note_top.gif);
		background-repeat: no-repeat;
	}
	#noteBody {
		padding: 5px 20px 0 20px;
		width: 510px;	/* outside 550px */
		/*background-image: url(../images/note_bg.gif);*/
		background-image: url(../images/note_bg2.gif);
		background-repeat: repeat-y;
	}
		#noteBody table {
			padding: 0 0 10px 0;
		}
		#noteBody td {
			padding: 4px 0 0 0;
		}	

		#noteBody p {
			padding: 20px 0 0 0;
			font-size: 92%;
			line-height: 2;
		}
		#noteNavi {
			margin: 20px 0 0 0;
			position: relative;
			height: 17px;
		}
		#noteNavi a.previous {
			display: block;
			float: left;
			padding: 17px 0 0 0;
			width: 66px;
			height: 0;
			overflow: hidden;
	
			text-decoration: none;
			background-repeat: no-repeat;
	
			background-image: url(../images/button_previous.gif);
		}
		#noteNavi a.next {
			display: block;
			float: right;
			padding: 17px 0 0 0;
			width: 43px;
			height: 0;
			overflow: hidden;
	
			text-decoration: none;
			background-repeat: no-repeat;
	
			background-image: url(../images/button_next.gif);
		}

		#noteNavi a.pagetop {
			display: block;
			float: right;
			padding: 17px 0 0 0;
			width: 60px;
			height: 0;
			overflow: hidden;
	
			text-decoration: none;
			background-repeat: no-repeat;
	
			background-image: url(../images/button_pagetop.gif);
		}

		#noteBody a {
			font-size: 100%;
		}

	#noteBottom {
		clear: both;
		width: 550px;
		height: 20px;
		
		background-image: url(../images/note_bottom.gif);
		background-repeat: no-repeat;
	}

/***** beta column *****/
	a#post {
		display: block;
		padding: 25px 0 0 0;
		width: 220px;
		height: 0px;
		overflow: hidden;
		
		background-image: url(../../tok/images/button_post.gif);
		background-repeat: none;
	}
	a#post2 {
		display: block;
		padding: 25px 0 0 0;
		width: 220px;
		height: 0px;
		overflow: hidden;
		
		background-image: url(../../tok/images/button_post2.gif);
		background-repeat: none;
	}
	ul#chapter {
		position: relative;
		margin: 10px 0;
	}
	ul#chapter li {
		magin: 0;
		padding: 0;

		list-style-type: none;
		background-image: url(../images/dagger01.gif);
		background-repeat: no-repeat;
		background-position: left top;
		text-indent: 10px;
	}
	ul#chapter li a {
		font-size: 85%;
	}

	#submenu ul {
		position: relative;
		margin: 10px 0;
		padding: 0 16px;
	}
	#submenu li {
		magin: 0;
		padding: 0;

		list-style-type: none;
	}
	#submenu li a {
		display: block;
		position: relative;
		padding: 15px 0 0 0;
		width: 220px;
		height: 0;
		overflow: hidden;

		text-decoration: none;
		background-repeat: no-repeat;
	}