/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
CSS file    murakamihirosi　　　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body	{
     padding:0px;         /* ページ全体のpadding */
	 margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
	 background-color:#ffffec;
	 width:100%;
	 /*background:url(./img/sakura003.jpg);*/
    }

#main   {
	 margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:100%;         /* 幅を決定する */
	 height:800px;;
	 border:solid 0px #fffffc;
    }

			@media screen and (min-width: 750px) and (max-width: 1024px){
					#main   {
						margin-left:auto;    /* 左側マージンを自動的に空ける */
     					margin-right:auto;   /* 右側マージンを自動的に空ける */
     					text-align:left;     /* 中身を左側表示に戻す */
    					width:100%;         /* 幅を決定する */
	 					height:800px;
	 					border:solid 0px #fffffc;
    					}
				}
				@media screen and (min-width: 300px) and (max-width: 749px){
					#main   {
						margin-left:auto;    /* 左側マージンを自動的に空ける */
     					margin-right:auto;   /* 右側マージンを自動的に空ける */
     					text-align:left;     /* 中身を左側表示に戻す */
    					width:100%;         /* 幅を決定する */
	 					height:800px;
	 					border:solid 0px #fffffc;
    					}
				}
			
img	{border-width: 0;}
/* a	{text-decoration:none;color:#cccccc;} */
a	{text-decoration:none;color:#000000;}
a:visited{color:#cccccc;} 
#head	{
	width:100%;
	height:20%;
	border:solid 0px #ffffcc;
	background-color:#ffffcc;
	text-align:center;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		#head{
			width:100%;
			height:18%;
			border:solid 0px #ffffcc;
			background-color:#ffffcc;
			}
		}
		@media screen and (min-width: 300px) and (max-width: 749px){
			#head{
				width:100%;
				height:12%;
				border:solid 0px #ffffcc;
				background-color:#ffffcc;
				}
			}
#title{
	font-family:HGP行書体;
	font-size:70pt;
	color:#7700ff;
	font-weight:700;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		#title{
			font-family:sans-serif;
			font-size:70pt;
			color:#9900ff;
			font-weight:700;
			}
		}
		@media screen and (min-width: 300px) and (max-width: 749px){
			#title{
				font-family:sans-serif;
				font-size:34pt;
				color:#9900ff;
				font-weight:700;
				}
			}
#menu{
	margin-top: 0%;
	margin-left:30%;
	margin-right:30%;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		#menu{
			margin-top: 0%;
			margin-left:20%;
			margin-right:20%;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		#menu{
			margin-top: 0%;
			margin-left:0%;
			margin-right:0%;
			}
		}
td.menu{
	width:16.6%;
	height:2em;
	text-align:center;
	font-size:18pt;
	background-color:#7700ff;
	color:#ffffff;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		td.menu{
			width:20%;
			height:2em;
			text-align:center;
			font-size:16pt;
			background-color:#7700ff;
			color:#ffffff;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		td.menu{
			width:33.3%;
			height:2em;
			text-align:center;
			font-size:15pt;
			background-color:#7700ff;
			color:#ffffff;
			}
		}
#us_00{
	margin-top:3em;
	text-align:center;
	font-family:メイリオ;
	font-size:18pt;
	color:#000000;
	font-weight:700;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		#us_00{
			margin-top:3em;
			text-align:center;
			font-family:メイリオ;
			font-size:18pt;
			color:#000000;
			font-weight:700;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		#us_00{
			margin-top:3em;
			text-align:center;
			font-family:メイリオ;
			font-size:16pt;
			color:#000000;
			font-weight:700;
			}
		}

#us_01{
	margin-top:1%;
	margin-left:25%;
	margin-right:25%;
	font-family:メイリオ;
	font-size:14pt;
	color:#000000;
	font-weight:400;
	text-align:left;
	background-color:#ffffec;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		#us_01{
			margin-top:0%;
			margin-left:5%;
			margin-right:5%;
			font-family:sans-serif;
			font-size:16pt;
			color:#000000;
			font-weight:400;
			text-align:left;
			background-color:#ffffec;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		#us_01{
			margin-top:0%;
			margin-left:2%;
			margin-right:2%;
			font-family:sans-serif;
			font-size:14pt;
			color:#000000;
			font-weight:400;
			text-align:left;
			background-color:#ffffec;
			}
		}
td.us01{
	vertical-align:top;
	font-size:14pt;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		td.us01{
			vertical-align:top;
			font-size:14pt;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		td.us01{
			vertical-align:top;
			font-size:14pt;
			}
		}
#phot01{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		#phot01{
			margin-left:5%;
			margin-right:5%;
			width:90%;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		#phot01{
			margin-left:5%;
			margin-right:5%;
			width:90%;
			}
		}
#us_02{
	margin-top:1%;
	margin-left:25%;
	margin-right:25%;
	font-family:メイリオ;
	font-size:14pt;
	color:#000000;
	font-weight:700;
	text-align:left;
	background-color:#ffffec;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		#us_02{
			margin-top:0%;
			margin-left:5%;
			margin-right:5%;
			font-family:sans-serif;
			font-size:16pt;
			color:#000000;
			font-weight:700;
			text-align:left;
			background-color:#ffffec;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		#us_02{
			margin-top:0%;
			margin-left:2%;
			margin-right:2%;
			font-family:sans-serif;
			font-size:14pt;
			color:#000000;
			font-weight:700;
			text-align:left;
			background-color:#ffffec;
			}
		}
span.up{
	font-size:18pt;
	float:right;
	padding-right:10px;
	}
	
iframe.map{
	margin-top:0px;
	margin-left:25%;
	margin-right:25%;
	width:700px;
	height:550px;
	}
	@media screen and (min-width: 750px) and (max-width: 1024px){
		iframe.map{
			margin-top:0px;
			margin-left:2%;
			margin-right:2%;
			width:96%;
			height:60%;
			}
		}
	@media screen and (min-width: 300px) and (max-width: 749px){
		iframe.map{
			margin-top:0px;
			margin-left:1%;
			margin-right:1%;
			width:98%;
			height:40%;
			}
		}