﻿
#stage{
width:800px;
height:300px;
background-color: #ffffff; /*  背景色の指定 */
display:block;
position: absolute;
z-index: 0;
margin:0; 
padding:0;
}


#ListImg ul {
position: absolute;
z-index: 2;
list-style:none;
margin:0; 
padding:0;
}

#ListImg li{
display:none;
position: absolute;
z-index: 2;
list-style-type:none;
margin:0; 
padding:0;

}

#ListButton ul{
list-style:none;
margin:0; 
padding:0;
}

#ListButton ul li{
display:block;
/*color: #deb887;*/
/*background-color: #ffffff;   背景色の指定 */
float:left; /*横並びにする*/
position:relative;
z-index: 102;
left:14px;
/*top:4px;*/
list-style-type: none; /*マークを消す*/
margin: 0; 
cursor:pointer; /*マウスオーバーで指カーソル*/
padding:4px;
text-align: center;
/*font-size:14pt;*/
}


#prev{
display:block;
/*background-color: #8b4513;   背景色の指定 */
position:relative;
z-index: 100;
left:4px;
top:4px;
float:left;
/*width:40px;*/
/*height:25px;*/
cursor:pointer; /*マウスオーバーで指カーソル*/
/*color: #deb887;*/
/*font-size:14pt;*/
/*text-align: center;*/
padding:0px;
}
#prev:hover{
background: url(./img/prev-02.png) no-repeat;
}
#prev:hover img{
visibility: hidden;//表示内容を非表示にする
}

#next{
display:block;
/*background-color: #8b4513;   背景色の指定 */
position:relative;
z-index: 101;
left:9px;
top:4px;
float:left;
/*width:40px;*/
/*height:25px;*/
cursor:pointer; /*マウスオーバーで指カーソル*/
/*color: #deb887;*/
/*font-size:14pt;*/
/*text-align: center;*/
padding:0px;
}
#next:hover{
background: url(./img/next-02.png) no-repeat;
}
#next:hover img{
visibility: hidden;//表示内容を非表示にする
}

div#ListImg{
z-index: 1;
}

