/* CSS Document */

body{
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	background-position: center 40px;
	text-align: center;
	margin:0 auto;
	padding: 0px;
	color:#035EA6;
	font-size:90%;
	background-color: #ffcb5b;
}


a:link,
a:active,
a:visited
{
	color:#009900;
	text-decoration:underline;
}

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

hr{
	display:none;
}

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

.large_txt{
	font-size: 110%;
	font-weight: bold;

}

.cation_txt{
	color: #FF0000;
}

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

#header{
	height:155px;
	padding:0;
	margin:0;

}

/*header_title*/

#header_title{
	width: 300px;
	height:155px;
	padding:0;
	margin:0;
	background-image: url(../images/h1_img.jpg);
	background-repeat: no-repeat;
	float: left;
}

#header_title h1 a{
	text-indent:-9999px;
	display:block;
	width:300px;
	height:130px;
	font-size:small;
	padding:5px 0;
	margin:0;
	display: block;
}

/*navigation_box*/
#navigation_box{
	float:right;
	width:500px;
	padding:0;
	margin:0;

}

#navigation{
	margin:0;
	padding:0;
	height:110px;
}

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

#navispace_2{
	background-image: url(../images/navispace_2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 80px;
	float: left;
}
#navispace_3{
	background-image: url(../images/navispace_3.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 500px;
}
/*menu_box*/
#menu_box{
	padding:0;
	margin:0;
	float: right;
	width: 420px;
}
#menu_box .menu_btn{
	padding:0;
	margin:0;
}

#menu_box .menu_btn ul{
	padding:0;
	margin:0;
}
#menu_box .menu_btn li{
	float:left;
	padding:0;
	margin:0;
	display:block;
	list-style-type:none;
	

}

/*menu_1*/
#menu1{
	padding:0;
	margin:0;
}

#menu1_right{
	background-image: url(../images/btn_space1.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 60px;
	width: 90px;
	display:inline;
	}

#menu1_left .menu_btn_left{
	float:left;
	width:330px;
	padding:0;
	margin:0;

}
#menu1_left .menu_btn li>class a:link,
#menu1_left .menu_btn li>a:active,
#menu1_left .menu_btn li>class a:visited{
	background-position:0 0;
}

#menu1_left .menu_btn li>a:hover{
	background-position:0 -60px;
}

/*menu_2*/
#menu2{
	padding:0;
	margin:0;
}

#menu2_left{
	background-image: url(../images/btn_space2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 65px;
	display:inline;

}

#menu2_right{
	float:right;
	width:355px;
	padding:0;
	margin:0;
display:inline;
}

#menu2_right .menu_btn li>class a:link,
#menu2_right .menu_btn li>a:active,
#menu2_right .menu_btn li>class a:visited{
	background-position:0 0;
}

#menu2_right .menu_btn li>a:hover{
	background-position:0 -50px;
}


/*btn*/
#news_btn a{
	background-image: url(../images/btn_news.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 78px;
	text-indent:-9999px;
	display:block;
}

#staffcast_btn a{
	background-image: url(../images/btn_staffcast.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 97px;
	text-indent:-9999px;
	display:block;
}
#story_btn a{
	background-image: url(../images/btn_story.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 75px;
	text-indent:-9999px;
	display:block;
}
#radio_btn a{
	background-image: url(../images/btn_radio.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 80px;
	text-indent:-9999px;
	display:block;
}
#character_btn a{
	background-image: url(../images/btn_character.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 110px;
	text-indent:-9999px;
	display:block;
}

#bbs_btn a{
	background-image: url(../images/btn_bbs.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 60px;
	text-indent:-9999px;
	display:block;
}
#goods_btn a{
	background-image: url(../images/btn_goods.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 75px;
	text-indent:-9999px;
	display:block;
}
#special_btn a{
	background-image: url(../images/btn_special.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 110px;
	text-indent:-9999px;
	display:block;
}

/*contents*/

#contents{
	margin: 0px;
	padding: 0px;
	height: 545px;
}

#left_contents{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	text-align: left;
	display:inline;
}
#right_contents{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 500px;
	display:inline;
}

/*left_contents*/
#left_contents .box{
	padding:0;
	margin:0 0 0 40px;
	width:240px;
}
/*topics*/
#topics_box{
	height:235px;
	padding:0;
	margin:0;
}

#topics_title{
	width: 300px;
	height:60px;
	padding:0;
	margin:0;
	background-image: url(../images/topics_header.jpg);
	background-repeat: no-repeat;
}

#topics_title h2{
	width: 300px;
	height:60px;
	text-indent:-9999px;
	padding:0;
	margin:0;
	display:block;
}

#topics_body{
	background-image: url(../images/topics_body.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 155px;
	width: 300px;
}

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

#topics_body li{
	padding:0 0 3px 0;
	margin:0;
	font-weight: bold;
	list-style-image: url(../images/list.gif);
	list-style-position: inside;
	font-size: 90%;
}

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

/*update_box*/
#update_box{
	height:230px;
	padding:0;
	margin:0;
}
#update_title{
	width: 300px;
	height:50px;
	padding:0;
	margin:0;
	background-image: url(../images/update_header.jpg);
	background-repeat: no-repeat;
}

#update_title h2{
	width: 300px;
	height:50px;
	text-indent:-9999px;
	padding:0;
	margin:0;
	display:block;
}

#update_body{
	background-image: url(../images/update_body.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 165px;
	width: 300px;
}

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

#update_body li{
	padding:0 0 3px 0;
	margin:0;
	list-style-image: url(../images/list.gif);
	list-style-position: inside;
	font-size: 85%;
}
#update_body .box{
	height:150px;
	overflow: auto;
}

#update_footer{
	background-image: url(../images/update_footer.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 15px;
}
#banner_space{
	background-image: url(../images/banner_space.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 300px;
}

/*right_contents*/

#top_img{
	background-image: url(../images/top_img.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 345px;
	width: 500px;
}

#kokuchi_img a{
	background-image: url(../images/kokuchi_img.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 200px;
	display:block;
	text-indent:-9999px;
}

/*contents_inside*/
#contents_inside{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contents_inside_body.jpg);
	background-repeat: repeat-y;
	width: 800px;	
}

#contents_inside_body{
	background-image: url(../images/contents_inside_body.jpg);
	background-repeat: repeat-y;
	margin: 0;
	padding: 10px 0;
	text-align: left;
}

#contents_inside_footer{
	background-image: url(../images/contents_inside_footer.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 80px;
}

#contents_inside_body .box{
	width: 720px;
	padding:0 40px;
	margin:0;
	line-height: 150%;
}
#contents_inside_footer .box{
	width: 720px;
	padding:0;
	margin:0 40px;
}

/*backbtn_btn*/
.btn_box{
	margin:0;
	padding:5px 0;
	width:700px;
}

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

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

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


#comingsoon_box{
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(../images/cominsoon.jpg);
	width: 720px;
}

#banner{
	height: 40px;
	width: 200px;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#banners{
	padding:5px 0;
	margin:0;	
}

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

#banners li{
	padding:0 0 0 10px;
	margin:0;
	float:left;
	list-style-type: none;
}

#space{
	height:300px;
}

#footer{
	padding:0;
	margin:0;
	height:50px;
}

.copy{
	font-size:9px;
}

#formbtn a{
	width:500px;
	height:55px;
	background-image: url(../01news/images/form_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	padding:0;
	margin:0 auto;
	display: block;
	
}

#formbtn a:link,
#formbtn a:active,
#formbtn a:visited{
	background-position: 0px 0px;
}

#formbtn a:hover{
	background-position: 0 -55px;
}