@charset "utf-8";@import "base.css";     

html { overflow: auto; } /* IE垂直２重スクロールバー対策 */	

html,body {
	height:100%;
/*	overflow:auto;	*/
	background-color: #fbfaf3;
}

/*
* html body {
	overflow: auto;
}
*+html body {
	overflow: auto;
}
*/

#wrapper{
	position:relative;
	min-height:100%;
}


#wrapper_header{
	background:url(../img/background_header.gif) repeat-x;
}

	#header {
		width: 800px;
		margin: 0px auto 0px auto;
		padding: 0px 0px;
		text-align:left;
	}
	
		#header p{
				font-size:11px;
				color:#878787;
				height: 35px;
				padding:15px 5px 0px 15px;
		}
	
#wrapper_main {
	background:url(../img/background_main.gif) repeat-x;
	padding-bottom:150px;

}

	#main {
		width: 800px;
		height:100%;
		margin: 0px auto 0px auto;
		padding: 30px 0px;
		overflow: hidden;		/* fload解除 */

	}
	
		#leftside{
			float:left;
			width:160px;
			padding-top:10px;
			
		/*	height:500px;	*/
			
		/*	border:1px solid #dddddd;	*/
			color:#666666;
			font-size:11px;
		
		}
	
		 #content {
			float:right;
			width: 630px;


			
		 }
	
	
		#content_full{
			width: 800px;
		}
	
				#balloon1{
					float:left;
					width:150px;
				/*	height:500px;	*/
					padding-top:100px;
					padding-left:10px;
					margin-right:5px;
					display:inline;
				}
				#balloon2{
					float:left;
					width:150px;
				/*	height:500px;	*/
					padding-top:60px;
					margin-right:5px;
					display:inline;
				}
				#balloon3{
					float:left;
					width:150px;
				/*	height:500px;	*/
					padding-top:100px;
					margin-right:5px;
					display:inline;
				}
				
	
				#balloon4{
					float:left;
					width:150px;
				/*	height:500px;	*/
					padding-top:150px;
					margin-right:5px;
					display:inline;
				}
				#balloon5{
					float:left;
					width:150px;
					padding-top:60px;
					display:inline;
				/*	height:500px;	*/
				/*	margin-right:5px;	*/
				}
			
				/* --------------------------------------------------------------- */
				/* PHP で生成された　テーブル */
				.gallery {
				/*	background-color: #444;	*/
					padding:10px 0px 20px 0px;
					width: 600px;
					/*position:relative;	*/
				}
				
				.gallery td {
					background-color: #fff;	
					text-align:center;
					border:1px solid #ccc;
					width:75px;
					height:75px;
				}
				
				
				.gallery td.td_pic {
					background:url(../img/loading.gif) no-repeat;
					background-position: center center; 
					background-color: #fff;	
				}
				
				.gallery td a:hover img{
					-moz-opacity: 0.6;
					opacity: 0.6;
					filter: alpha(opacity=60);
				
				}

				/* --------------------------------------------------------------- */
				
				.kids_comment{
				/*	float:left;	*/
					width:570px;
					margin-bottom:20px;
					padding:20px 15px 20px 15px;
				/*	border:1px solid #dddddd;	*/
					color:#000;
					font-size:13px;
					background-color: #fff;
					
	
					/* 透明 */
					opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
					filter: alpha(opacity=60); /* IE lt 8 */
					-ms-filter: "alpha(opacity=60)"; /* IE 8 */
					-khtml-opacity: .60; /* Safari 1.x */
					-moz-opacity: .60; /* FF lt 1.5, Netscape */
		
		
				}
				
	
				.kids_pic{
				/*	float:left;	*/	
					width:600px;
					margin: 0px 0px 50px 0px;
					
					padding-top:0px;
				/*	border:1px solid #dddddd;	*/
					
				}
				
				.other_comment{
				/*	float:left;	*/	
					width:640px;
					margin-bottom:3px;
					margin-left:50px;
					padding:20px 15px 20px 15px;
				/*	border:1px solid #dddddd;	*/
					color:#000;
					font-size:13px;
					background-color: #fff;
					
	
					/* 透明 */
					opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
					filter: alpha(opacity=60); /* IE lt 8 */
					-ms-filter: "alpha(opacity=60)"; /* IE 8 */
					-khtml-opacity: .60; /* Safari 1.x */
					-moz-opacity: .60; /* FF lt 1.5, Netscape */
		
		
				}
				
	
				.other_pic{
				/*	float:left;	*/	
					width:600px;
					margin: 0px 0px 0px 0px;
					
					padding-top:0px;
					padding-left:50px;
				/*	border:1px solid #dddddd;	*/
					
				}


				.charge_comment{
				/*	float:left;	*/	
					width:640px;
					margin-bottom:3px;
					margin-left:50px;
					padding:20px 15px 20px 15px;
				/*	border:1px solid #dddddd;	*/
					color:#000;
					font-size:13px;
					background-color: #fff;
					
	
					/* 透明 */
					opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
					filter: alpha(opacity=60); /* IE lt 8 */
					-ms-filter: "alpha(opacity=60)"; /* IE 8 */
					-khtml-opacity: .60; /* Safari 1.x */
					-moz-opacity: .60; /* FF lt 1.5, Netscape */
		
		
				}
				
	
				.charge_pic{
				/*	float:left;	*/	
					width:600px;
					margin: 0px 0px 0px 0px;
					
					padding-top:0px;
					padding-left:50px;
				/*	border:1px solid #dddddd;	*/
					
				}
				
				
				
				.shop_comment{
				/*	float:left;	*/	
					width:640px;
					margin-bottom:3px;
					margin-left:50px;
					padding:20px 15px 20px 15px;
				/*	border:1px solid #dddddd;	*/
					color:#000;
					font-size:13px;
					background-color: #fff;
					
	
					/* 透明 */
					opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
					filter: alpha(opacity=60); /* IE lt 8 */
					-ms-filter: "alpha(opacity=60)"; /* IE 8 */
					-khtml-opacity: .60; /* Safari 1.x */
					-moz-opacity: .60; /* FF lt 1.5, Netscape */
		
		
				}
				
				.shop_pic{
				/*	float:left;	*/	
					width:600px;
					margin: 0px 0px 0px 0px;
					padding-top:0px;
					padding-left:50px;	
				/*	border:1px solid #dddddd;	*/
					
				}

				
				#map{
					width: 800px;
					height:100%;
					margin: 30px auto 0px auto;
					padding: 0px 0px;
					
					overflow: hidden;		/* fload解除 */
				}
				
					#google_map{
						float:left;
						width: 350px;
						margin-left:30px;
					/*	border:1px solid #dddddd;	*/
						display:inline;
					}
					#tyucyazyo{
						float:right;
						width: 350px;
						margin-right:50px;
						border:1px solid #dddddd;
						display:inline;
					}
				

				
#wrapper_footer{
	
/*	background-color: #fbfaf3;	*/
	background:url(../img/background_footer.gif) repeat-x;
	
		
	position:absolute;
	bottom:0;
	height:150px;			/* 上部ブロックの「padding-bottom」と連動すること */
	width:100%;
	
}
		
	#footer {
	/*	clear: both; */		/* float Clear */
		width: 800px;
		margin: 0px auto 0px auto;
		padding: 0px 0px;

	   
	/*   background-image: url(../img/footer.png);	*/
	}

	#footer p{
			font-size:11px;
			color:#ffffff;
		/*	height: 100px;	*/
			padding:10px 30px;
		}
		


/* ----------  */


#globalnavi{
	width: 800px;
	height: 30px; 
	margin: 0px auto 0px auto;
	padding:10px;
	text-align:left;	
}


#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 160px;
  margin: 0;
  padding: 0;
}


#globalnavi a{
  display: block;
  width: 100%;
  height: 30px;
  background-image: url(../img/menuber.png);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00ffffff, endcolorstr=#00ffffff, gradienttype=0);
}


#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -160px 0;}
#menu3 a{background-position: -320px 0;}
#menu4 a{background-position: -480px 0;}
#menu5 a{background-position: -640px 0;}




#globalnavi a:hover{
  background-image: url(../img/menuber.png);
  background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00ffffff, endcolorstr=#00ffffff, gradienttype=0);

}

#menu1 a:hover{background-position: 0 -30px;}
#menu2 a:hover{background-position: -160px -30px;}
#menu3 a:hover{background-position: -320px -30px;}
#menu4 a:hover{background-position: -480px -30px;}
#menu5 a:hover{background-position: -640px -30px;}


/* ----------------  */