div#topslide_left{
                  float:left;
                  margin-right:2px;
                  width:212px;
}
div#topslide_center{
                    float:left;
                    margin-right:2px;
                    width:523px;
}
div#topslide_right{
                   float:left;
                   width:212px;
}

div#topslide{
             margin: 0 auto;
             width:952px;
             height:424px;
             background-color:#ffffff;
             border:1px solid #bdbdbd;
}
div#topslide{
             padding:5px;
}

/*----------------------ここが切り替えに必要な部分（ｐのid名を変えれば、何個でもいける）--------*/
p#slideshow1 {position:relative;
              width:212px; height:140px; 
              margin-right:2px;
}
p#slideshow1 img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
p#slideshow1 img.active {z-index:10; opacity:1.0; }
p#slideshow1 img.last-active {z-index:9; }

/*----------------------------------------------------------------------------------------------*/

p#slideshow2 {position:relative;
              width:212px; height:140px; 
              margin:2px 2px 0px 0px;
}
p#slideshow2 img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
p#slideshow2 img.active {z-index:10; opacity:1.0; }
p#slideshow2 img.last-active {z-index:9; }

/*----------------------------------------------------------------------------------------------*/
p#slideshow3 {position:relative;
              width:212px; height:140px;
              margin:2px 2px 0px 0px; 
}
p#slideshow3 img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
p#slideshow3 img.active {z-index:10; opacity:1.0; }
p#slideshow3 img.last-active {z-index:9; }

/*----------------------------------------------------------------------------------------------*/
p#slideshow4 {position:relative; width:523px; height:423px; 
              margin:0px 2px 0px 0px;
}
p#slideshow4 img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
p#slideshow4 img.active {z-index:10; opacity:1.0; }
p#slideshow4 img.last-active {z-index:9; }

/*----------------------------------------------------------------------------------------------*/
p#slideshow5 {position:relative; width:212px; height:140px; 
              float:right;
}
p#slideshow5 img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
p#slideshow5 img.active {z-index:10; opacity:1.0; }
p#slideshow5 img.last-active {z-index:9; }

/*----------------------------------------------------------------------------------------------*/
p#slideshow6 {position:relative; width:212px; height:140px; 
              float:right;
              margin-top:2px;
}
p#slideshow6 img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
p#slideshow6 img.active {z-index:10; opacity:1.0; }
p#slideshow6 img.last-active {z-index:9; }
/*----------------------------------------------------------------------------------------------*/
p#slideshow7 {position:relative; width:212px; height:140px; 
              float:right;
              margin-top:2px;
}
p#slideshow7 img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
p#slideshow7 img.active {z-index:10; opacity:1.0; }
p#slideshow7 img.last-active {z-index:9; }