/* CSS Document */

body{
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	background-position: center top;
	text-align: center;
	margin:0 auto;
	padding: 0px;
	color:#333333;
	font-size:87%;
	background-color: #a9de91;
}
a:link,
a:active,
a:visited
{
	color:#666666;
	text-decoration:underline;
}

a:hover{
	color:#FF0066;
	text-decoration:none;
}

.clear{
	clear:both;
}
.none{
	display:none;
}


.contents_footer_space{
	height:135px;
	padding:0;
	margin:0;
}

.new_txt{
	color:#FF0000;
	font-weight:bold;
}
.large_txt{
	font-size:large;

}
/*wrapper*/
#wrapper{
	width:980px;
	padding:0;
	margin:auto;
}

/*header*/
#container{
	height:100px;
	width: 100%;
	margin:0;
	padding:0;
	background-image: url(../images/header_bg1.gif);
	background-repeat: repeat-x;
}
#container hr{
	display:none;
}
#bg_wrap{
	height: 100px;
	width: 50%;
	position: absolute;
	background-image: url(../images/header_bg2.gif);
	background-repeat: repeat-x;
	right: 0;
}

.header_box{
	width:980px;
	padding:0;
	margin: 0 auto;
	position: relative;
}
#header_title{
	background-image: url(../images/h1_img.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 450px;
	display:block;
	float:left;
}
#header_title h1 a{
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 350px;
	display:block;
}


#navigation{
	width:530px;
	height:80px;
	padding:0;
	margin:0;
	float:right;
}

#navigation ul{
	padding:0;
	margin:0;
}

#navigation li{
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	display:block;
}


	/*news_btn*/
	#news_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		display: block;
		width:130px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#news_btn a:link,
	#news_btn a:active,
	#news_btn a:visited
	{
		background-position: 0px 0px;
	}
	
	#news_btn a:hover{
		background-position: 0 -80px;
	}
	/*staffcast_btn*/
	#staffcast_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: -130px 0px;
		display: block;
		width:130px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#staffcast_btn a:link,
	#staffcast_btn a:active,
	#staffcast_btn a:visited
	{
		background-position: -130px 0;
	}
	
	#staffcast_btn a:hover{
		background-position: -130px -80px;
	}
	/*story_btn*/
	#story_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: -260px 0px;
		display: block;
		width:130px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#story_btn a:link,
	#story_btn a:active,
	#story_btn a:visited
	{
		background-position: -260px 0;
	}
	
	#story_btn a:hover{
		background-position: -260px -80px;
	}
	/*character_btn*/
	#character_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: -390px 0px;
		display: block;
		width:140px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#character_btn a:link,
	#character_btn a:active,
	#character_btn a:visited
	{
		background-position: -390px 0;
	}
	
	#character_btn a:hover{
		background-position: -390px -80px;
	}
	/*goods_btn*/
	#goods_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: 0px -40px;
		display: block;
		width:130px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#goods_btn a:link,
	#goods_btn a:active,
	#goods_btn a:visited
	{
		background-position: 0px -40px;
	}
	
	#goods_btn a:hover{
		background-position: 0px -120px;
	}
	/*text_btn*/
	#text_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: -130px -40px;
		display: block;
		width:130px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#text_btn a:link,
	#text_btn a:active,
	#text_btn a:visited
	{
		background-position: -130px -40px;
	}
	
	#text_btn a:hover{
		background-position: -130px -120px;
	}
	/*special_btn*/
	#special_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: -260px -40px;
		display: block;
		width:130px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#special_btn a:link,
	#special_btn a:active,
	#special_btn a:visited
	{
		background-position: -260px -40px;
	}
	
	#special_btn a:hover{
		background-position: -260px -120px;
	}
	
	/*special_btn*/
	#disc_btn a{
		background-image: url(../images/navigation_img.jpg);
		background-repeat: no-repeat;
		background-position: -390px -40px;
		display: block;
		width:140px;
		height:40px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#disc_btn a:link,
	#disc_btn a:active,
	#disc_btn a:visited
	{
		background-position: -390px -40px;
	}
	
	#disc_btn a:hover{
		background-position: -390px -120px;
	}

#header_title h1{
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#header_space{
	background-image: url(../images/header_space.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 980px;
}

/*top_bg*/
#top_bg{
	width:980px;
	height:730px;
	padding:0;
	margin:0;
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-x;
}

#top_bg hr{
	display:none;
}

/*right_contents*/
#right_contents{
	float:right;
	padding:0;
	margin:0;
	/**/width:680px;
	_width:675px;
	height:730px;
}

#top_img{
	background-image: url(../images/top_img1.jpg);
	background-repeat: no-repeat;
	_background-position:top right;	
	margin: 0px;
	padding: 0px;
	height: 730px;
	/**/width: 540px;
	_width:535px;
	float:left;	
}
#top_img h2{
	padding:0;
	margin:0;
	text-indent:-9999px;
}

#extra_box{
	float:left;
	width:140px;
	padding:0;
	margin:0;
}

#extra_img{
	background-image: url(../images/top_img2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 450px;
	width: 140px;
}

	/*extra_btn*/
	#extra_btn a{
		background-image: url(../images/extra_btn.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		display: block;
		width:140px;
		height:280px;
		padding:0;
		margin:0;
		text-indent:-9999px;
	}
	#extra_btn a:link,
	#extra_btn a:active,
	#extra_btn a:visited
	{
		background-position: 0 0;
	}
	
	#extra_btn a:hover{
		background-position: 0 -280px;
	}


/*left_contents*/
#left_contents{
	float:left;
	padding:0;
	margin:0;
	width:300px;
	height:730px;
}

#left_contents hr{
	display:none;
}
/*topics_box*/
#topics_box{
	background-image: url(../images/topics.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 300px;
}
#topics_box h3{
	display:none;
}

#topics_box .box{
	width:230px;
	height:280px;
	padding:0;
	margin: 0;
	text-align:right;
}
#topics_box ul{
	padding:0;
	margin: 0 0 0 20px;
	text-align:right;
}
#topics_box li{
	list-style-type:none;
	float:right;
	padding:0 5px;
}

#topics01 a{
	width:40px;
	height:280px;
	background-image: url(../images/topics02.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display:block;
	text-indent:-9999px;
}
#topics03{
	width:20px;
	height:280px;
	background-image: url(../images/topics03.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent:-9999px;
}
#topics04{
	width:40px;
	height:280px;
	background-image: url(../images/topics04.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent:-9999px;
}
/*updata_box*/
#updata_box{
	background-image: url(../images/updata_img.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 300px;
	text-align:left;
}
#updata_box h3{
	display:none;
}

#updata_box .box{
	width:230px;
	height:280px;
	margin:0 0 0 30px;
	padding: 0;
	text-align:left;
	overflow:auto;
}
#updata_box dl{
	width:200px;
}
#updata_box dt{
	font-weight:bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #4e4a45;
	font-size: 85%;
}
#updata_box dd{
	padding:0 0 5px 10px;
	margin:0;
	font-size:80%;

}

#banner_space{
	background-image: url(../images/banner_space.jpg);
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 300px;	
}
#banner_space h3{
	font-size:85%;
	text-align:left;
	color: #FF0000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;	
	padding:0;
	margin:0 0 0 30px;
	width:250px;
}

#banner_space ul{
	padding:0;
	margin:0;
}

#banner_space li{
	padding:0;
	margin:0 0 0 50px;
	font-size:80%;
	color:#FF0000;
	text-align:left;
}

#footer{
	width:980px;
	padding:0;
	margin:0;
	font-size:75%;
	text-align:center;
}

/*contents*/
#contents{
	width:980px;
	margin:0;
	padding:0;
	background-image: url(../images/inside_background.jpg);
	background-repeat: repeat-y;
}

#contents_body{
	margin:0;
	padding:10px 0;
	background-image: url(../images/inside_background.jpg);
	background-repeat: repeat-y;
}

#contents_footer{
	background-image: url(../images/inside_footer.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 980px;
}

/*spacer*/
.spacer01{
	height:100px;
}

.spacer02{
	height:200px;
}

.spacer03{
	height:300px;
}
.spacer04{
	height:400px;
}

/*pagetop2_space*/
.pagetop_box{
	padding:0;
	margin:0;
}
.pagetop_space hr{
	display:none;
}

/*pagetop_btn*/
.pagetop_space{
	width:500px;
	padding:0;
	margin:0;
	float:left;
}
.pagetop_btn a{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	width: 200px;
	float:right;
	display:block;
	text-indent:-9999px;
	background-image: url(../images/pagetop_btn.jpg);
}

.pagetop_btn a:link,
.pagetop_btn a:active,
.pagetop_btn a:visited{
	background-position:0 0;
}

.pagetop_btn a:hover{
	background-position:0 -30px;
}

.cation_txt{
	font-size:80%;
}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#blackmask {background:#000000}
#frameless {padding:0}
#frameless .tclose {left:6px}