@charset "utf-8";

/* 病院紹介（hospital-info.html）のスタイルシート */ 


/* メインカラムの詳細　********************************************************************************/ 
/* トップページ　********************************************************************************/ 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:773px; 
 }
.long-box{
  float:left;
  clear:both;
  width:773px;
  }
.title{
  float:left;
  clear:both;
  }
.contents{
	float:left;
	clear:both;
	width: 773px;
  }
.sub-title{
	display:block;
	float:left;
	clear: both;
	padding-top: 18px;
	padding-bottom: 18px;
	}
.hospital-view{
	float:left;
	clear: both;
	padding-top: 20px;
	}
.hospital-view img{
	border: 1px solid #CCCCCC;
	}		
.text-area{
	float:left;
	width:460px;
	line-height: 24px;
	padding-top: 20px;
	padding-left: 16px;
	}
.upper-area{
	clear:both;
	width:460px;
	}
.lower-area{
	clear:both;
	width:460px;
	padding-top: 20px;
	}
.lower-area img{
	margin-top: 3px;
	margin-right: 10px;
	float: left;
	}
.animal-contents{
	float:left;
	clear:both;
	width:773px;
	padding-top: 25px;
	}
.middle-long-contents{
	float:left;
	clear:both;
	width:750px;
	padding-top: 19px;
	padding-left: 0px;
	}
.second-contents{
   padding-top:40px;
   }
.click-caution{
   float:left;
   clear:both;
   }
.click-caution-text{
	float:left;
	width:400px;
	padding-top: 25px;
   }   
#appearance-img-area{
	float:left;
	clear:both;
	width:740px;
	padding-top: 18px;
	}
.appearance-leftcell{
	float:left;
	clear:both;
	width: 246px;
   }
.appearance-leftcell .title{
	float:left;
	clear:both;
	width: 246px;
	padding-bottom: 7px;
   }
.appearance-leftcell .images{
	float:left;
	clear:both;
	width: 241px;
	margin-left: 5px;
   }
.appearance-leftcell .images img{
	border: 2px solid #999999;
   } 
.appearance-leftcell .images a img:link{
	border: 2px solid #999999;
   } 
.appearance-leftcell .images a img:hover{
	border: 2px solid #333333;
   }       
.appearance-leftcell .text{
	float:left;
	clear:both;
	width: 226px;
	margin-left: 5px;
	font-size: 11px;
	line-height: 18px;
	padding-top: 10px;
   }       
.most-left-img{
    margin-right:15px;
	}
.appearance-rightcell{
	float:left;
	width: 489px;
   }
.appearance-rightcell .title{
	float:left;
	clear:both;
	width: 489px;
	padding-bottom: 7px;
   }
.appearance-rightcell .images{
	float:left;
	clear:both;
	width: 481px;
	margin-left: 8px;
   }
.appearance-rightcell .images img{
	border: 2px solid #999999;
   } 
.appearance-rightcell .images a img:link{
	border: 2px solid #999999;
   } 
.appearance-rightcell .images a img:hover{
	border: 2px solid #333333;
   }       
.appearance-rightcell .text{
	float:left;
	clear:both;
	width: 481px;
	margin-left: 8px;
	font-size: 11px;
	line-height: 18px;
	padding-top: 10px;
   }       
.bottom-use{
    padding-bottom:38px;
	}
.bottom-use2{
    padding-bottom:24px;
	}	
.appearance-middlecell{
	float:left;
	width: 246px;
   }
.appearance-middlecell .title{
	float:left;
	clear:both;
	width: 235px;
	padding-bottom: 7px;
   }
.appearance-middlecell .images{
	float:left;
	clear:both;
	width: 230px;
	margin-left: 8px;
   }
.appearance-middlecell .images img{
	border: 2px solid #999999;
   } 
.appearance-middlecell .images a img:link{
	border: 2px solid #999999;
   } 
.appearance-middlecell .images a img:hover{
	border: 2px solid #333333;
   }       
.appearance-middlecell .text{
	float:left;
	clear:both;
	width: 223px;
	margin-left: 8px;
	font-size: 11px;
	line-height: 18px;
	padding-top: 10px;
   }	
.concept-left{
	float:left;
	width: 382px;
	padding-top: 11px;
   }
.concept-left .img{
	float:left;
	width: 382px;
   } 
.concept-left .text{
	float:left;
	width: 372px;
	padding-bottom: 20px;
	padding-left: 10px;
	line-height: 21px;
   }     
.concept-right{
	float:left;
	padding-top: 11px;
   }