@charset "UTF-8";
#wrap{
    margin : 0px auto; 
    position:relative;
    width : 1000px;
    
  
  padding-top : 0px;
  
  background-repeat : no-repeat;
  height : 800px;
}
/* 左側の設定*/
#left{
    float:left;
    width : 210px;
    
    

  
}
/* 真ん中の設定*/

/* 右側の設定*/
#right{
    float : right;
    width : 210px;
    
    

  
}
/* フッターーの設定*/
#foot{
    height : 120px;
    width : 950px;    
    clear:both;  
}
#lightbox{
	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;
  
}
#lightbox img{
	width: auto; height: auto;

}
#lightbox a img{
	border-top-style : none;border-right-style : none;border-bottom-style : none;border-left-style : none; 
      
}

#outerImageContainer{
	position: relative; background-color : white; width: 250px; height: 250px; margin: 0 auto; 
}
#imageContainer{
	padding: 10px; 
}

#loading{
	position: absolute; top : 40%; left: 0%; height : 25%; width: 100%; text-align: center; line-height: 0; 
}
#hoverNav{
	position: absolute; top : 0px; left: 0; height: 100%; width: 100%; z-index: 10; 

  
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{
	outline: none;
  
}

#prevLink, #nextLink{
	width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}
#prevLink {
	left: 0; float: left;
}
#nextLink {
	right: 0; float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{
	font : normal normal normal 12px /1.4em verdana, helvetica, sans-serif;  margin: 0 auto;  overflow: auto; width: 100%	; 

  background-color : #ffffff;
}

#imageData{
	padding : 0px 5px 0px 10px; color : #004dff;
  font-size : 13px;
  font-family : "Meiryo UI",メイリオ,"MS UI Gothic";
  
}
#imageData #imageDetails{
	width : 80%; float: left; text-align: left; 

  
}	
#imageData #caption{
	font-weight: bold;	
}
#imageData #numberDisplay{
	display: block; clear: left; padding-bottom: 1.0em;	

  color : silver;
}			
#imageData #bottomNavClose{
	width: 66px; float: right;  padding-bottom: 0.7em; outline: none;
  
}	 	

#overlay{
	position: absolute; top: 0; left: 0; z-index : 90; width: 100%; height : 500px; background-color : transparent; 
}

body{
  margin :  0px 5px 5px;
  padding-top : 0px;
  font-family : "Meiryo UI",メイリオ,"ＭＳ ゴシック","MS UI Gothic";

  background-repeat : no-repeat;
background-position : center top;
  background-color : #31b997;
  background-image : url(file:///A:/かむら動物病院2015年版ＨＰ/kamura_ah/kamura_friend/images/backimage1.png);
  
}


div.th_list1{
  width : 105px;  
  height : 600px;
  float : left;
}



.th_list1 dl{
  
  margin-bottom : 3px;
  
  
  
}

.th_list1 dt{
	  
  color : #fadc96;
  font-size : 13px;    
    
  
  
  
  
  
}

.th_list1 dd{
	  
  font-size : 12px;
  color : gray;
      
  width : 100px;
  
  
  
  
  
}

div.th_list2{
  width : 105px;
  
  float : right;
  height : 600px;
}

.th_list2 dl{
  
  margin-bottom : 3px;
}

.th_list2 dt{
	  
  color : #fadc96;
  font-size : 13px;    
    
  
}

.th_list2 dd{
	  
  font-size : 12px;
  color : gray;
      
  width : 100px;
}

div.th_list3{
  width : 105px;
  
  float : left;
  height : 600px;
  
}

.th_list3 dl{
  margin-top : 0px;
  margin-bottom : 3px;
}

.th_list3 dt{
	  
  color : #fadc96;
  font-size : 13px;    
    
  
}

.th_list3 dd{
	  
  font-size : 12px;
  color : gray;
      
  width : 100px;
}

div.th_list4{
  width : 105px;  
  float : left;
  height : 600px;
  
}

.th_list4 dl{
  margin-top : 0px;
  margin-bottom : 3px;
}

.th_list4 dt{
	  
  color : #fadc96;
  font-size : 13px;    
    
  
}

.th_list4 dd{
	  
  font-size : 12px;
  color : gray;
      
  width : 100px;
}


img{
	border-width : 0px;border-style : none;
  
}



#center{
  float : left;
  
  width : 580px;
  
}

a{
  text-decoration : none;
  color : #fff6e9;
  
  
}

a:hover{
  color : white;
  
}

#head{
  
  text-align : center;
  height : 50px;
}

dl,dd,dt{
 padding:0; margin:0;
 
} 




