div#cmTop{
    min-width:850px;
    width:100%;
    background:white;
    padding:100px 0 ;
    border-radius:5px;
  
    }
    
div#cmTop h1{
    padding-left:50px;
    
    
    }
    
    
div#cmTop ul{
    list-style-type: none;
    }
div#cmTop ul#h2 li{
    border-left:20px solid #064e08;
    border-bottom:1px solid #064e08;
    padding-left:20px;
    margin:10px;
    
    }
    div#cmTop ul#h2 li h2{
    margin:0;
        
    border-bottom:solid 1px #064e08;
    line-height:50px;
    font-size:30px;
    height:50px;    
    border-right:20px solid #064e08;
    margin-right:20px;    
    cursor: pointer;
        
        
    }
    div#cmTop ul#h2 li h2:hover{
    color:white; 
    background:#064e08;    
    border-right:white 20px solid;
        
    }

    
    
    
    div#cmTop ul#h2 li h2 + p{
    height:0;
    overflow:hidden;    
        
    transition:all 0.5s;
    border-top:solid 5px #064e08;    
    margin:16px;  
      
    margin-right:40px;    
    padding:00px 20px 00px 250px;
    border-right:1px solid #064e08;    
    position:relative;    
        
        
    }
    div#cmTop ul#h2 li h2 + p a{
        font-weight:bold;
        text-decoration:none;
        color:red;
        text-shadow:0 0 1px orange;
        transition:all 0.5s;
        
    }
        
    div#cmTop ul#h2 li h2 + p a:hover{
    box-shadow:0 0.5px 3px gray;
    border-radius:10px;    
    padding:0 10px;    
    
    
    }
        
        
        
    
    div#cmTop ul#h2 li h2 + p.current{
    height:440px;
    font-size:20px; 
    margin-right:40px;    
    padding:20px 20px 20px 250px;
    border-top:solid 3px #064e08;    
    border-right:1px solid #064e08;    
    }
    div#cmTop ul#h2 li h2 + p img{
    position:absolute;
    width:400px;
    height:auto;    
    left:-1000px;    
    transition:all 1s;
       
    left:-160px;    
    bottom:0;
    margin:0;
        
    transform:rotatey(90deg);    
        
    }
    
    div#cmTop ul#h2 li h2 + p.current img{
    
    left:-80px;    
    transform:rotatey(0deg);    
    
    
    }



div.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 660px;
  height     : 440px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide a,.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
}
    
    
.slide div.toLeft img {
  animation  : toLeft 20s ease infinite;
  left       : 100%;
    width:660px;
    height:440px;
    opacity:0.5;
    }
.slide div.toRight img {
  animation  : toRight 20s ease infinite;
    height:440px;
    opacity:0.7;
    right:100%;
    
    }
 
.slide a{
    bottom       : 100%;
    width:660px;
    height:440px;
    animation  : toBottom 20s ease infinite;
    z-index:100;
    color:black;
    text-shadow:3px 3px 5px white,-3px 3px 5px white,-3px -3px 5px white,3px -3px 5px white,0 3px 5px white,0 -3px 5px white,-3px 0 5px white,3px 0 5px white;;
    box-sizing: border-box;
    box-shadow:0 0 5px 0px black;
    
   
    }
    
    
    
    
.slide a p{
    padding-left:10px;
    font-size:60px;
    font-weight:bold;
    color:black;
    
    }
.slide a p span{
    padding-top:90px;
    font-size:30px;
    display:block;
    }
.slide a p span+span{
    padding-top:10px;
    color:#064e08;
    
    }