@charset "utf-8";


.shadeGroup{ padding-bottom:0; width: 580px; margin-right: auto; margin-left: auto; }
.shadeBtn,
.shadeContents{
	/*padding:0.5em;*/
}
.shadeBtn{ /*background-image:url(../images/story03.jpg);*/ width:580px; /*height:29px; text-indent:-9999px;*/ margin:0; background-repeat: no-repeat; }
.shadeContents{ padding: 0 10px 0 10px ; }
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn,
.shadeOpen .shadeContents,
.shadeClose .shadeContents{}
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn{
	cursor:pointer;
}
.shadeOpen .shadeBtn{
	/*background:#ff9966 url(img/bg_open.png) no-repeat 3px 5px;*/
}
.shadeClose .shadeBtn{
	/*background:#ff9966 url(img/bg_close.png) no-repeat 3px 5px;*/
}


.shadeContents h4 { height: 30px; width: 100px; }
.shadeContents h5 { font-size: 14px; color: #994A34; margin-bottom: 1em; margin-top: 1em; }
.shadeContents p { font-size: 12px; line-height: 1.4em; }


/*h3#hdai1 { width:500px; height:50px; background-image:url(../images/dialogue01_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai2 { width:500px; height:50px; background-image:url(../images/dialogue02_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai3 { width:500px; height:50px; background-image:url(../images/dialogue03_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai4 { width:500px; height:50px; background-image:url(../images/dialogue04_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai5 { width:500px; height:50px; background-image:url(../images/dialogue05_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }

h3#hdai1:hover { width:500px; height:50px; background-image:url(../images/dialogue01_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai2:hover { width:500px; height:50px; background-image:url(../images/dialogue02_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai3:hover { width:500px; height:50px; background-image:url(../images/dialogue03_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai4:hover { width:500px; height:50px; background-image:url(../images/dialogue04_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }
h3#hdai5:hover { width:500px; height:50px; background-image:url(../images/dialogue05_01-over.gif)!important; display:block; margin-left:auto; margin-right:auto; }*/