@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* right Box
========================================================================================================
*/

/* Lightbox で表示させるDIV要素のCSS */ 

div#lightbox-panel {  
  width:300px;  
  position:fixed;
  top:30px;  
  left:50%;  
  display:none;    
  margin-left:-150px;
  z-index:101; 
 }


@media only screen and (min-width:640px){
 div#lightbox-panel {  
  width: 800px;
  position:fixed;
  top:50px;  
  left:50%;      
  margin-left:-400px; 
 }
}

div#lightbox-panel2{  
  width:300px;  
  position:fixed;
  top:30px;  
  left:50%;  
  display:none;    
  margin-left:-150px;
  z-index:101; 
 }


@media only screen and (min-width:640px){
 div#lightbox-panel2{  
  width: 360px;
  position:fixed;
  top:50px;  
  left:50%;      
  margin-left:-180px; 
 }
}

div#lightbox-panel3{  
  width:480px;  
  position:fixed;
  top:30px;  
  left:50%;  
  display:none;    
  margin-left:-150px;
  z-index:101; 
 }


@media only screen and (min-width:640px){
 div#lightbox-panel3{  
  width:480px;
  position:fixed;
  top:50px;  
  left:50%;      
  margin-left:-180px; 
 }
}

  
/* Lightbox表示時に背景を黒に */  

div#BlackWindow{  
  display:none;  
  background:#000000;  
  opacity:0.9;/*黒地の背景の調整はこの数値で調整*/  
  filter:alpha(opacity=90);/*黒地の背景の調整はこの数値で調整*/  
  position:absolute;  
  top:0px;  
  left:0px;  
  min-width:100%;  
  min-height:100000px;  
  z-index:100;  
}