/*!
 * jQuery Stupid Slider
 * ====================
 * Basic junk
*/
html, body { 
position: relative; 
height: 100%; 
}


#slider {
    
position: relative;
    
/*margin: 20px 20px 20px 20px;*/
    
width: 1106px;			/*width:100%;   +40*/
    
height: 655px;
  			/*height: 80%;    +55*/  
overflow: hidden;
    
background: #FFFFFF;


border-bottom:3px solid #C8D6E8;	/*キャプションと prev  next の間のボーダー*/
}


#slider .slide {
    
position: absolute;
    
top: 0; 
left: 100%;
    
display: block;
    
width: 1106px;
 			/*width: 100%;    +40*/   
height: 655px;
   			/*height: 100%;   +55*/ 
color: #000099;
    
font-size: 17px;
  			/*font-size: 50px;*/
   
text-align: left;
			    
background-color: #f0f0f0;
    
-webkit-transition: left 500ms ease;
       
-moz-transition: left 500ms ease;
        
-ms-transition: left 500ms ease;
         
-o-transition: left 500ms ease;
            
transition: left 500ms ease;


font-family:Tahoma;

border-top:20px solid #f0f0f0;	/*濃いグレー*/
border-left:20px solid #f0f0f0;
border-right:20px solid #f0f0f0;
border-bottom:20px;
}



#slider .slide  img {margin-bottom:5px;}
	/*追加　画像とキャプションの間のスペース*/


#slider .slide.r { 
background-color: #cfd6de;
border-top:20px solid #cfd6de; 
border-left:20px solid #cfd6de;
}


#slider .slide.g { 
background-color: #cfd6de;
border-top:20px solid #cfd6de;
border-left:20px solid #cfd6de;  
}


#slider .slide.b { 
background-color: #cfd6de; 
border-top:20px solid #cfd6de;
border-left:20px solid #cfd6de;
}

    

/* Controls */
    
.stupid-controls {display:none;}

.stupid-controls .active { 
color: red; 
}

/* Hold Transitions - REQUIRED for looping */
    
#slider.no-transition .slide {
        
-webkit-transition: none;
           
-moz-transition: none;
            
-ms-transition: none;
             
-o-transition: none;
                
transition: none;
    
}

    

/* Animations */
    
#slider .slide.old { 
left: -100%; 
}
    

#slider .slide.visible { 
left: 0; 
z-index: 10; 
}
    

#slider .slide.next { 
left: 100%; 
font-weight:bold;
}