@charset "utf-8";
#imageJSArea {
	width:918px;
	height:256px;
	overflow:hidden;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}
#imageJSArea dl{
	width:918px;
	height:256px;
}
#imageJSArea dt{
	width:30px;
	height:256px;
	float:left;
}
#imageJSArea dt span{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#imageJSArea dt span.over{
	cursor:pointer;
}
#imageJSArea dt span.selected{
	cursor:default;
}
#imageJSArea dt#step1 span{
	background-image: url(../images/anime_tab01_.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step1 span.over{
	background-image: url(../images/anime_tab01__.png);
}
#imageJSArea dt#step1 span.selected{
	background-image: url(../images/anime_tab01.png);
}
#imageJSArea dt#step2 span{
	background-image: url(../images/anime_tab02_.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step2 span.over{
	background-image: url(../images/anime_tab02__.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step2 span.selected{
	background-image: url(../images/anime_tab02.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step3 span{
	background-image: url(../images/anime_tab03_.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step3 span.over{
	background-image: url(../images/anime_tab03__.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step3 span.selected{
	background-image: url(../images/anime_tab03.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step4 span{
	background-image: url(../images/anime_tab04_.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dt#step4 span.over{
	background-image: url(../images/anime_tab04__.png);
	background-repeat: no-repeat;
	background-position: left top;}
#imageJSArea dt#step4 span.selected{
	background-image: url(../images/anime_tab04.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#imageJSArea dd{
	margin:0;
	width:798px;
	height:256px;
	float:left;
	overflow:hidden;
	padding: 0px;
}
.step1bg  {
	background-image: url(../images/anime01.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 256px;
	width: 798px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-indent: -9999px;
}
.step2bg  {
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
	background-color: #F8F7F3;
}
.step3bg  {
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
	background-color: #FFFFFF;
}
.step4bg  {
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
	background-color: #F8F7F3;
}
p.indexText {
	font-size: 85%;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.imageContentsArea {
	padding: 15px;
	font-size: 95%;
}
#imageJSArea ul {
	font-size: 85%;
	line-height: 1.5;
	padding: 0px;
	margin-top: .5em;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 2em;
}
