@charset "utf-8";

/* トップページ（index.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;
  }
.img-box{
	float:left;
	width: 125px;
  }
.text-box{
	float:left;
	width: 620px;
	padding-top: 20px;
	padding-left: 10px;
  }
.name{
	float:left;
	clear:both;
	padding-top: 42px;
	}
#second-left-box{
	float:left;
	width:363px;
	padding-top: 26px;
	background-image: url(../images/second-sideline.gif);
	background-repeat: no-repeat;
	background-position: right 26px;
	}
.second-left-box-contents{
	float:left;
	clear:both;
	width: 362px;
	background-image: url(../images/second-left-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 204px;
	padding-top: 15px;
	}
.second-left-box-contents p{
    margin:0px;
	padding:0px;
	}		
#staff-btn-area{
	float:left;
	clear:both;
	padding-top: 125px;
	}
#second-right-box{
	float:left;
	width:362px;
	padding-top: 26px;
	padding-left: 21px;
	}
.second-right-box-contents{
	float:left;
	clear:both;
	width: 362px;
	background-image: url(../images/second-right-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 204px;
	padding-top: 15px;
	}
.second-right-box-contents p{
    margin:0px;
	padding:0px;
	}	 
#time-btn-area{
	float:left;
	clear:both;
	padding-top: 10px;
	}
#order-btn-area{
	float:left;
	clear:both;
	padding-top: 10px;
	}	
#middle-long-box{
	float:left;
	clear:both;
	width:773px;
	padding-top: 26px;
  }
.animal-contents{
	float:left;
	clear:both;
	width:773px;
	padding-top: 17px;
	}  
.middle-long-contents{
	float:left;
	clear:both;
	width:750px;
	padding-top: 19px;
	padding-left: 23px;
	}  
#banner-btn-area{
	float:left;
	clear:both;
	width:773px;
	padding-top: 37px;
	}
.banner-btn{
	float:left;
	width:366px;
	height:91px;
	margin-right: 10px;
	}
#bottom-long-box{
	float:left;
	clear:both;
	width:773px;
	padding-top: 30px;
  }
.news-title{
   float:left;
   clear:both;
   width:673px;
   }
#view-btn-area{
   float:left;
   width:69px;
   }
#news-area{
	float:left;
	clear:both;
	width:773px;
	padding-top: 7px;
   }
/*#news-area ul{
    margin:0px;
	padding:0px;
	width:720px;
	list-style:none;
	}
#news-area li{
	margin:0px;
	height:24px;
	width:720px;
	background-image: url(../images/news-list-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	}
*/	
.day{
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-bottom: 4px;
	}
.new{
	float: left;
	margin-right: 5px;
	padding-top: 2px;
	}
.part-title{
	float:left;
	width: 595px;
	}
.part-title ul,.part-title li{
    margin:0px;
	padding:0px;
	list-style:none;
	}
.part-title a:link,.part-title a:visited{
   text-decoration:none;
   color:#FF9900;
   }
.part-title a:active,.part-title a:hover{
	color:#FF9900;
	text-decoration: underline;
   }		
.news{
	float:left;
	clear:both;
	width:720px;
	background-image: url(../images/news-list-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}	
#news-area p{
	margin: 0px;
	padding: 0px;
	}	
.time-info-title{
    color:#FF6600;
	}
.summertime{
	float:left;
	clear:both;
	width:773px;
	padding-bottom: 20px;
  }