body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #857D74;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #F2F1E6;
}
a{
	color: #857D74;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }
form,ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.Clear{
	clear: both;
}
.Text{
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	
}
#Main {
	margin: auto;
	width: 783px;
}
img{
	border:0px;
}
.NoImg_S{
	background-image: url(../images/noimage_s.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	background-position: center center;
	background-color: #EEEEEE;
	padding: 3px;
}
/*陰影內文字*/
.Shadow01,.Shadow02{
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	width: 4px;
	height: 4px;
	font-size: 0px;
}
/*TopShadow*/
#TopShadow{
	background-image: url(../images/topshadow02.png);
	background-repeat: repeat-x;
}
#TopShadow .Shadow01{
	background-image: url(../images/topshadow03.png);
	float: right;
}
#TopShadow .Shadow02{
	background-image: url(../images/topshadow01.png);
}
/*Middle*/
#LeftShadow{
	background-image: url(../images/middleshadow01.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 4px;
}
#RightShadow{
	background-color: #FFFFFF;
	background-image: url(../images/middleshadow02.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 4px;
}
/*Top*/
#Top{
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 15px;
	padding-bottom: 10px;
}
#Top .RightArea{
	float:right;
}
#Top .SmallMenu{
	width: 165px;
	height: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 90px;
}
#Top .SmallMenu li{
	text-indent: -99999px;
	float: left;
	list-style-type: none;
}
#Top li a{
	height: 15px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/smallmenu.png);	
}
#Top .Home{
	width: 45px;
	background-position: 0px 0px;
}
#Top .Home:hover{
	background-position: 0px -15px;
}
#Top .Bookmark{
	width: 66px;
	background-position: -46px 0px;
}
#Top .Bookmark:hover{
	background-position: -46px -15px;
}
#Top .Contact{
	width: 54px;
	background-position: -113px -0px;
}
#Top .Contact:hover{
	background-position: -113px  -15px;
}
#Top .Search {
	color: #333333;
	font-size: 11px;
	margin-top: 20px;
	text-align: right;
}
#Top .Logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 82px;
	width: 350px;
}
#Top .Botton {
}
/*MenuList*/
#MenuList{
	height: 25px;
}
#MenuList li {	
	float: right;
}
#MenuList li a{
	background-image: url(../images/mainmenu.png);
	text-indent: -99999px;
	display: block;
	height: 18px;
}
#MenuList .Item01 {
	background-position: -408px 0px;
	width: 80px;
}
#MenuList .Item01:hover {
	background-position: -408px -18px;
}
#MenuList .Item02 {
	background-position: -182px 0px;
	width: 79px;
}
#MenuList .Item02:hover {
	background-position: -182px -18px;
}
#MenuList .Item03 {
	background-position: -91px 0px;
	width: 90px;
}
#MenuList .Item03:hover {
	background-position: -91px -18px;
}
#MenuList .Item04 {
	background-position: 0px 0px;
	width: 90px;
}
#MenuList .Item04:hover {
	background-position: 0px -18px;
}
#MainImg{
	margin-left: 8px;
}
/*Content*/
#Content {
	background-color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}
#Book{
	width: 250px;
	float: right;
}
#Book .BookTitle{
	background-image: url(../images/titlebook.png);
	background-repeat: no-repeat;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-position: 5px;
}
#Book .BookArea li{
	clear: left;
	margin-top: 10px;
	margin-bottom: 30px;
}
#Book .PhotoArea{
	float: left;
}
#Book .BookPhoto{
	padding: 3px;
}
#Book .BookArticle{
	+margin-top: -18px;
	margin-left: 80px;
}
#Book .BookMainTitle a{
	font-size: 13px;
	font-weight: bold;
	color: #D97900;
}
#Book .Author{
	font-size: 11px;
}
/*News*/
#News{
	margin-left: 30px;
	width: 430px;
}
#News .NewsTitle{
	background-image: url(../images/titlenews.png);
	background-repeat: no-repeat;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-position: 5px;
}
#News .NewsArea{
	margin-top: 15px;
}
#News .NewsRow{
	list-style-position: inside;
	background-image: url(../images/icon01.png);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 5px 7px;
	padding-left: 15px;
	+padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 6px;
}
#News .Date {
	font-size: 11px;
	font-weight: normal;
	color: #D97900;
	text-decoration: none;
	display: inline;
	margin-right: 5px;
}
#News .NewsArticle {
	letter-spacing: 2px;
	display: inline;
}
/*SubMenu*/
#SubMenu{
	margin-top: 35px;
	margin-left: 30px;
}
#SubMenu li {
	float: left;
}
#SubMenu li a{
	background-image: url(../images/submenu.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	height: 143px;
	width: 105px;
}
#SubMenu .Menu01 {
	background-position: 0px 0px;
}
#SubMenu .Menu01:hover {
	background-position: 0px -143px;
}
#SubMenu .Menu02 {
	background-position: -105px 0px;
}
#SubMenu .Menu02:hover {
	background-position: -105px -143px;
}
#SubMenu .Menu03 {
	background-position: -210px 0px;
}
#SubMenu .Menu03:hover {
	background-position: -210px -143px;
}
#SubMenu .Menu04 {
	background-position: -315px 0px;
}
#SubMenu .Menu04:hover {
	background-position: -315px -143px;
}
/*CopyRight*/
#CopyRight{
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	text-align: right;
	margin-right: 8px;
	margin-left: 8px;
	letter-spacing: 0px;
	padding-top: 5px;
	_padding-top: 2px;
	padding-bottom: 5px;
	color: #666666;
	font-size: 11px;
}
#CopyRight a{
	text-decoration: underline;
}
#CopyRight a:hover{
	text-decoration: none;
}
/*DownShadow*/
#DownShadow{
	background-image: url(../images/downshadow02.png);
	background-repeat: repeat-x;
}
#DownShadow .Shadow01{
	background-image: url(../images/downshadow03.png);
	float: right;
}
#DownShadow .Shadow02{
	background-image: url(../images/downshadow01.png);
}
