@import "/common/css/frame.css"; 

#contents div.otherObj div.magazine:after,
#contents div.otherObj div.staff:after,
#contents div.otherObj:after,
#contents div.knowObj div.body:after,
#contents div.knowObj div.head:after,
#contents div.featureObj div.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents div.otherObj div.magazine,
#contents div.otherObj div.staff,
#contents div.otherObj,
#contents div.knowObj div.body,
#contents div.knowObj div.head,
#contents div.featureObj div.box {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

#header #headerNavigation li {
	margin-right: 0px;
}


#promotion {
	margin: 0 8px;
	height: 347px;
}
#promotion table{
	border: 0px;
}
#promotion img {
	top: 0;
	left: 0;
}

#contents {
	background: none;
	padding-top: 21px;
}

#contents div.featureObj {
	background: url(../images/bg_feature_b.gif) no-repeat left bottom;
	background-color: #d3edff;
	margin-bottom: 20px;
	width: 522px;
}
	#contents div.featureObj div.box {
		background: url(../images/bg_feature_t.gif) no-repeat left top;
		padding: 12px 21px 22px 16px;
	}


		#contents div.featureObj div.goto_index {
			text-align: right;
			padding: 3px 0px 0px 0px;
			margin: 0px;
			line-height: 1;
			
		}
		#contents div.featureObj div.goto_index li {
			font-size: 10px;
			/*\*/
			*font-size: 80%;
			/**/
		}
		#contents div.featureObj div.goto_index li a {
			background: url(/common/images/arrow_m.gif) no-repeat 0px 3px;
			padding-left: 10px;
			/*\*//*/
			background-position: 0px 5px;
			/**/
		}



		#contents div.featureObj div.head {
			width: 120px;
			float: left;
		}
			#contents div.featureObj div.head h2 {
				margin-bottom: 45px;
				font-size: 14px;
				/*\*/
				*font-size: 115%;
				/**/
				color: #8e704f;
			}
			#contents div.featureObj div.head div {
				text-align: right;
			}
		#contents div.featureObj div.body {
			width: 340px;
			float: right;
			color: #666;
		}
			#contents div.featureObj div.body h3 {
				margin-bottom: 15px;
				line-height: 1.5;
			}
			#contents div.featureObj div.body p {
				margin-bottom: 15px;
				line-height: 1.5;
			}
			#contents div.featureObj div.body li {
				text-align: left;
			}
			#contents div.featureObj div.body li a {
				background: url(/common/images/arrow_m.gif) no-repeat 0px 3px;
				padding-left: 10px;
				/*\*//*/
				background-position: 0px 5px;
				/**/
			}

#contents div.knowObj {
	margin-bottom: 20px;
	width: 522px;
	border: solid 0px #9f9f9f;

}
	#contents div.knowObj div.head {
		border-bottom: solid 1px #9f9f9f;
		padding: 5px 5px 5px 0px;
	}
		#contents div.knowObj div.head h2 {
			background: url(../images/icn_know.gif) no-repeat 0px 2px;
			padding-left: 18px;
			font-size: 14px;
			/*\*/
			*font-size: 115%;
			/**/
			/*\*//*/
			background-position: 0px 4px;
			/**/
			color: #9f9f9f;
			float: left;
		}
		#contents div.knowObj div.head li {
			width: 79px;
			height: 19px;
			float: right;
			background: url(../images/bg_newsindex.gif) no-repeat 0px 0px;
			padding-top: 3px;
			padding-left: 9px;
			font-size: 10px;
			/*\*/
			*font-size: 80%;
			/**/

		}
		#contents div.knowObj div.head li a {
			background: url(/common/images/arrow_s.gif) no-repeat 0px 3px;
			padding-left: 10px;
			/*\*//*/
			background-position: 0px 5px;
			/**/
		}
	#contents div.knowObj div.body {
		padding: 0px;
	}
		#contents div.knowObj ul.list_news {
			margin-top: 10px;
			float: left;
			color: #999;
			font-size: 12px;
			/*\*/
			*font-size: 100%;
			/**/

		}
			#contents div.knowObj ul.list_news li {
				clear:both;
				line-height: 1.45;
				margin-bottom: 7px;
				padding-bottom:10px;
			}
			#contents div.knowObj ul.list_news li span.time {
				display: block;
				float: left;
				color: #999;
				width: 6em;
			}
			#contents div.knowObj ul.list_news li span.link01 {
				display: block;
				float: right;
				padding-left: 10px;
				width: 432px;
				color: #999;
			}

#contents div.otherObj {
	margin-bottom: 40px;
	padding: 20px 19px 0px 0px;
	_padding: 20px 19px 0px 0px;
	color: #666;
}
	#contents div.otherObj div.body h3.link01 {
		background: url(/common/images/arrow_m.gif) no-repeat 0px 6px;
		margin-bottom: 5px;
		padding-left: 10px;
		font-size: 14px;
		/*\*/
		*font-size: 115%;
		/**/
	}
	#contents div.otherObj div.magazine {
		width: 235px;
		float: left;
	}
	#contents div.otherObj div.staff {
		border-left: 1px solid #CCCCCC;
		padding-left: 15px;
		width: 250px;
		float: right;
	}
		#contents div.otherObj div.body {
			width: 160px;
			float: left;
		}
		#contents div.otherObj div.image {
			padding-top: 0px;
			width: 62px;
			float: right;
		}
			#contents div.otherObj h3 {
				margin-bottom: 10px;
			}
			#contents div.otherObj p {
				margin-top: 10px;
				margin-bottom: 4px;
				font-size: 10px;
				/*\*/
				*font-size: 80%;
				/**/
				line-height: 1.5;
			}
			#contents div.otherObj li {
				padding-left: 10px;
				text-indent: -10px;
			}
			#contents div.otherObj li a {
				/*\*//*/
				display: inline-block;
				/**/
				background: url(/common/images/arrow_m.gif) no-repeat 0px 4px;
				padding-left: 10px;
				text-indent: -10px;
				/*\*//*/
				background-position: 0px 5px;
				margin-left: -10px;
				text-indent: 0;
				/**/
			}

#otherContents div.banner {
	padding-top: 30px;
}
	#otherContents div.banner div.block div {
		margin-bottom: 10px;
		text-align: center;
	}
	#otherContents div.banner div.block p {
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
		line-height: 1.5;
	}
	
table.top_main{
	width: 750px;
	height: 344px;
}