@charset "UTF-8";
/* CSS Document */
#title{
	width: 940px;
	height: 533px;
	background-image:url(images/special_base.jpg)
}
#title h1{
	width: 940px;
	height: 208px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
#title h2{
	width: 940px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
#story_area{
	width: 940px;
	height: 554px;
	background-image: url(images/story_arasuji_b.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
#story_txt{
	text-align: left;
	margin-left: 590px;
	margin-top: 10px;
	width: 300px;
	height: auto;
}
div.dot_line02{
	background-image: url(images/story_arasuji_c.jpg);
	background-repeat: no-repeat;
	height: 26px;
	clear: both;
}
#dl_btn{
	width:762px;
	margin-left:157px;
	height:auto;
	text-align: left;
	
}
div.btn01 a{
	background-image: url(images/btn_1280x1024.gif);
	width: 118px;
	height: 24px;
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	background-position: 0px 0px;
	float: left;
	margin-right: 136px;
}
div.btn01 a:hover{
	background-position: 0px -24px;
}
div.btn02 a{
	background-image: url(images/btn_1024x768.gif);
	width: 118px;
	height: 24px;
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	background-position: 0px 0px;
	float: left;
	margin-right: 136px;
}
div.btn02 a:hover{
	background-position: 0px -24px;
}
div.clear_b6{
	clear: both;
	height: 6px;
}