@import url(2th.css);

	#mid {
		font-size: 110%;
	}

	#mid h1 {
		font: bold 160% Georgia;
		padding: 0;
		margin: 8px 0 8px 0;
	}

	/* history */
	#mid #history {
		padding: 10px 0 10px 0;
		color: #676767;
	}

	#mid #history a {
		color: #999999;
	}

	/* ---[ main top ]--------------------- */
	#main_top {
		float: left;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		background: url(/images/bg_line.gif) no-repeat 50% 100%;
		display: inline;
	}

	#main_top_left {
		float: left;
		width: 475px;
	}

	/* essay */
	#essay {
		width: 475px;
	}

	#essay h2 img {
		padding: 0;
		margin: 0;
		border: none;
		float: none;
	}

	#essay img {
		float: left;
		padding: 1px;
		margin: 3px 10px 5px 4px;
		border: 1px solid #999;
	}
	#essay p {
		padding: 3px 0 0 0;
		margin: 0;
	}
	#essay .topic a:visited, #essay .topic a:link {
		font-weight: bold;
		color: #375711;
		text-decoration: none;
	}
	#essay .topic a:hover {
		text-decoration: underline;
	}
	#essay .sub_topic a:visited, #essay .sub_topic a:link {
		font-weight: normal;
		color: #666;
		text-decoration: none;
	}
	#essay .sub_topic a:hover {
		text-decoration: underline;
	}
	#essay span { color: #9A9A9A; }

	#essay_list { 
		position: relative;
		padding: 0 0 0 18px; 
		margin: 0;
		list-style: none;
	}
	#essay_list li { 
		padding: 0 14px; 
		margin: 0; 
		height: 18px; 
		background: url(/images/life/arrow_b.gif) no-repeat left center; 
	}
	#essay_list a:visited, #essay_list a:link {
		font-weight: normal;
		color: #333;
		text-decoration: none;
	}
	#essay_list a:hover {
		text-decoration: underline;
	}

	/* freeboard */
	#free_board ul { 
		position: relative;
		padding: 0 0 0 18px; 
		margin: 0;
		list-style: none;
	}
	#free_board ul li { 
		padding: 0 14px; 
		margin: 0; 
		height: 18px; 
		background: url(/images/life/arrow_b.gif) no-repeat left center; 
	}
	#free_board ul a:visited, #free_board ul a:link {
		font-weight: normal;
		color: #333;
		text-decoration: none;
	}
	#free_board ul a:hover {
		text-decoration: underline;
	}

	#main_top_right {
		float: right;
		width: 475px;
	}

	/* online_magazine */
	#online_magazine ul { 
		position: relative;
		padding: 0 0 0 18px; 
		margin: 0;
		list-style: none;
	}
	#online_magazine ul li { 
		padding: 0 14px; 
		margin: 0; 
		height: 18px; 
		background: url(/images/life/arrow_b.gif) no-repeat left center; 
	}
	#online_magazine ul a:visited, #online_magazine ul a:link {
		font-weight: normal;
		color: #333;
		text-decoration: none;
	}
	#online_magazine ul a:hover {
		text-decoration: underline;
	}

	#lotus {
		text-align: center;
	}

	#main_top_right {
		float: right;
		width: 475px;
	}

	/* book */
	#book {
		float: left;
		width: 100%;
		margin-top: 10px;
		border :1px solid #999;
		background: #F7F7EF;
		display: inline;
	}

	#book h3 {
		padding: 0;
		margin: 0;
	}

	#book .book_cover {
		float: left; 
		padding: 0 10px 10px 10px;
		}
	#book .topic {
		padding: 2px 0;
		margin: 0;
		}
	#book .topic a:visited, #book .topic a:link {
		color: #003399;
		text-decoration: none;
		}
	#book .topic a:hover { text-decoration: underline; }
	#book .author {
		padding: 2px 0;
		margin: 0;
		color: #666;
		}
	#book .vernacular {
		padding: 2px 0;
		margin: 0;
		}
	#book .publish {
		padding: 2px 0;
		margin: 0;
		}
	#book .publish_date {
		padding: 0;
		margin: 0;
		}

	

	/* ---[ main middle ]--------------------- */
	#main_middle {
		float: left;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		background: url(/images/bg_line.gif) no-repeat 50% 100%;
		display: inline;
	}

	#discuss {
		width: 475px;
		float: left;
	}
	#faq {
		width: 475px;
		float: right;
	}

	#main_middle ul { 
		position: relative;
		padding: 0 0 0 18px; 
		margin: 0;
		list-style: none;
	}
	#main_middle ul li { 
		padding: 0 14px; 
		margin: 0; 
		height: 18px; 
		background: url(/images/life/arrow_b.gif) no-repeat left center; 
	}
	#main_middle ul a:visited, #main_middle ul a:link {
		font-weight: normal;
		color: #333;
		text-decoration: none;
	}
	#main_middle ul a:hover {
		text-decoration: underline;
	}


	/* ---[ main bottom ]--------------------- */
	#main_bottom {
		float: left;
		width: 100%;
		margin-bottom: 10px;
		display: inline;
	}

	#cartoon {
		float: left;
		width: 330px;
	}

	#cartoon .article_image img {
		padding: 1px;
		border-top: 1px solid #999;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		border-left: 1px solid #999;
		text-align: center;
	}

	#cartoon .article_topic {
		padding: 5px
		text-align: center;
		}
	#cartoon .article_topic a:visited, #cartoon .article_topic a:link {
		color: #333;
		text-decoration: none;
		}
	#cartoon .article_topic a:hover {
		text-decoration: underline;
		}

	#photo {
		float: left;
		width: 440px;
	}

	#photo .article_wrapper {
		float: left;
		width: 190px;
		margin: 0 10px 5px 10px;
		text-align: center;
	}

	#photo .article_image img {
		padding: 1px;
		border-top: 1px solid #999;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		border-left: 1px solid #999;
	}
	#photo .no_image {
		padding-top: 50px;
		color: #999;
		font-weight: bold;
		}
	#photo .article_topic {
		padding: 5px
		}
	#photo .article_topic a:visited, #photo .article_topic a:link {
		color: #333;
		text-decoration: none;
		}
	#photo .article_topic a:hover {
		text-decoration: underline;
		}

	#painting {
		float: left;
		width: 200px;
	}	

	#painting .article_wrapper {
		float: left;
		width: 100%;
		margin: 0 0 15px 0;
		text-align: center;
	}

	#painting .article_image img {
		padding: 1px;
		border-top: 1px solid #999;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		border-left: 1px solid #999;
	}
	#painting .no_image {
		padding-top: 50px;
		color: #999;
		font-weight: bold;
		}
	#painting .article_topic {
		padding: 5px
		}
	#painting .article_topic a:visited, painting .article_topic a:link {
		color: #333;
		text-decoration: none;
		}
	#painting .article_topic a:hover {
		text-decoration: underline;
		}