/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
CSS file    Hasimura Rika　　　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body	{
     padding:0px;         /* ページ全体のpadding */
	 margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
	 /*background-color:#a5d4ad;*/
	 background-color:#ffffff;
	 width:100%;
	 /* background-image:url("./img/bgphot.png"); */
    }
	@media screen and (min-width: 701px) and (max-width: 1300px){
		body   {
			padding:0px;         /* ページ全体のpadding */
	 		margin-left:auto;    /* 左側マージンを自動的に空ける */
     		margin-right:auto;   /* 右側マージンを自動的に空ける */
	 		/*background-color:#a5d4ad;*/
	 		background-color:#ffffff;
	 		width:100%;
	 		/*background-image:url("./img/bgphot.png");*/
    		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
		body   {
			padding:0px;         /* ページ全体のpadding */
	 		background-color:#ffffff;
	 		width:100%;
			background-image:none;
    		}
	}
	
#main   {
	 margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:55%;         /* 幅を決定する */
	 height:auto;
	 border:solid 0px #ffffff;
    }

			@media screen and (min-width: 701px) and (max-width: 1300px){
					#main   {
						margin-left:auto;    /* 左側マージンを自動的に空ける */
     					margin-right:auto;   /* 右側マージンを自動的に空ける */
     					text-align:left;     /* 中身を左側表示に戻す */
    					width:100%;         /* 幅を決定する */
	 					height:auto;
	 					border:solid 0px #ffffff;
    					}
				}
				@media screen and (min-width: 250px) and (max-width: 700px){
					#main   {
						margin-left:auto;    /* 左側マージンを自動的に空ける */
     					margin-right:auto;   /* 右側マージンを自動的に空ける */
     					text-align:left;     /* 中身を左側表示に戻す */
    					width:100%;         /* 幅を決定する */
	 					height:auto;
	 					border:solid 0px #ffffff;
    					}
				}
			
img	{border-width: 0;}
a	{
	text-decoration:none;
	color:#cd4568;
	}

#head	{
	margin-top:0%;
	margin-left:20%;
	margin-right:20%;
	}
				@media screen and (min-width: 701px) and (max-width: 1300px){
					#head	{
						margin-top:0%;
						margin-left:0%;
						width:100%;
						}
				}
				@media screen and (min-width: 250px) and (max-width: 700px){
					#head	{
						margin-top:0%;
						margin-left:0%;
						margin-right:0%;
						width:100%;
						height:200px;
						border:solid 0px #000000;
						}
				}

.phot_1	{
	margin-top:0px;
	margin-left:0px;
	width:845px;
	z-index:10;
	}
				@media screen and (min-width: 701px) and (max-width: 1300px){
					.phot_1	{
						margin-top:0px;
						margin-left:250px;
						width:700px;
						z-index:10;
						}
				}
				@media screen and (min-width: 250px) and (max-width: 700px){
					.phot_1	{
						margin-top:0px;
						margin-left:0px;
						width:100%;
						z-index:10;
						}
				}


img.maru{
	margin-top:-740px;
	margin-left:-800px;
	width 230px;
	height:230px;
	border-radius:50%;
	border:2px solid #aaaaaa;
	z-index:20;
}
	@media screen and (min-width: 701px) and (max-width: 1300px){
		img.maru{
			margin-top:-640px;
			margin-left:-700px;
			width 200px;
			height:200px;
			border-radius:50%;
			border:2px solid #aaaaaa;
			z-index:20;
			}
		}
	@media screen and (min-width: 250px) and (max-width: 700px){
		img.maru{
			margin-top:-125px;
			margin-left:0px;
			width 120px;
			height:120px;
			border-radius:50%;
			border:2px solid #aaaaaa;
			z-index:20;
			}	
		}

.bg_black	{
	position:absolute;
	margin-top:5px;
	margin-left:70px;
	width:350px;
	height:45px;
	z_index:30;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.bg_black	{
		margin-top:5px;
		margin-left:70px;
		width:320px;
		z_index:30;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.bg_black	{
		margin-top:-42%;
		margin-left:15%;
		width:50%;
		height:30px;
		z_index:30;
		}
	}

.bg_pink	{
	position:absolute;
	margin-top:50px;
	margin-left:100px;
	width:300px;
	height:45px;
	z_index:30;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.bg_pink	{
		margin-top:50px;
		margin-left:90px;
		width:270px;
		z_index:30;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.bg_pink	{
		margin-top:-36%;
		margin-left:19%;
		width:42%;
		height:30px;
		z_index:30;
		}
	}

.bg_white	{
	position:absolute;
	margin-top:325px;
	margin-left:30px;
	width:550px;
	height:36px;
	z_index:30;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.bg_white	{
		margin-top:260px;
		margin-left:60px;
		width:450px;
		z_index:30;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.bg_white	{
		margin-top:-30px;
		margin-left:-20px;
		width:76%;
		height:25px;
		z_index:30;
		}
	}
p.title	{
	position:absolute;
	margin-top:-365px;
	margin-left:350px;
	font-size:26pt;
	color:#ffffff;
	z_index:40;
	/* font-family:MS UI Gothic; */
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	p.title	{
		position:absolute;
		margin-top:-300px;
		margin-left:520px;
		font-size:24pt;
		color:#ffffff;
		z_index:40;
		/* font-family:MS UI Gothic; */
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
		p.title	{
			margin-top:-41%;
			margin-left:45%;
			font-size:14pt;
			color:#ffffff;
			z_index:40;
			/* font-family:MS UI Gothic; */
			}
		}
	
.subtitle	{
	position:absolute;
	margin-top:-315px;
	margin-left:380px;
	font-family:メイリオ;
	font-size:24pt;
	color:#ffffff;
	z-index:40;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.subtitle	{
		margin-top:-250px;
		margin-left:550px;
		font-family:メイリオ;
		font-size:20pt;
		z-index:40;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.subtitle	{
		margin-top:-34%;
		margin-left:49%;
		font-family:メイリオ;
		font-size:14pt;
		z-index:40;
		}
	}

.text{
	position:absolute;
	margin-top:-40px;
	margin-left:300px;
	width:600px;
	color:black;
	font-size:14pt;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.text{
		margin-top:-40px;
		margin-left:500px;
		width:630px;
		color:black;
		font-size:12pt;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.text{
		margin-top:-6%;
		margin-left:24%;
		color:black;
		font-size:9pt;
		z-index:30;
		}
	}

#douga{
	margin-top:-20px;
	margin-left:0px;
	border:solid 0px;
	width:850px;
	height:420px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	#douga{
		margin-top:-20px;
		margin-left:240px;
		border:solid 0px;
		width:710px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	#douga{
		margin-top:-14%;
		margin-left:0px;
		border:solid 0px;
		font-size:10pt;
		width:75%;
		}
	}

.vtr{
	margin-top:-10px;
	margin-left:10px;
	width:540px;
	height:370px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.vtr{
		margin-top:-10px;
		margin-left:5px;
		width:400px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.vtr{
		margin-top:-10px;
		margin-left:0px;
		width:75%;
		height:220px;
		}
	}

#douga2{
	margin-top:-378px;
	margin-left:120px;
	width:290px;
	height:350px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	#douga2{
		margin-top:-378px;
		margin-left:55px;
		width:280px;
		height:350px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	#douga2{
		margin-top:-148%;
		margin-left:8%;
		width:58%;
		height:48%;
		}
	}

.hisigata{
	margin-top:-385px;
	margin-left:550px;
	width:300px;
	height:350px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.hisigata{
		margin-top:-380px;
		margin-left:410px;
		width:290px;
		height:340px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.hisigata{
		margin-top:-156%;
		margin-left:75%;
		width:55%;
		height:50%;
		}
	}

.tx1{
	margin-top:-370px;
	margin-left:620px;
	font-size:28pt;
	font-style:oblique;
	color:pink;
	font-weight:700;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.tx1{
		margin-top:-385px;
		margin-left:490px;
		font-size:28pt;
		font-style:oblique;
		color:pink;
		font-weight:700;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.tx1{
		margin-top:-150%;
		margin-left:85%;
		font-size:14pt;
		width:35%;
		font-style:oblique;
		color:pink;
		font-weight:700;
		}
	}

.tx2{
	margin-top:-35px;
	margin-left:670px;
	font-size:32pt;
	font-style:oblique;
	color:#ccff66;
	font-weight:700;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.tx2{
		margin-top:-30px;
		margin-left:520px;
		font-size:34pt;
		font-style:oblique;
		color:#ccff66;
		font-weight:700;
		}
	
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.tx2{
		margin-top:-2%;
		margin-left:92%;
		font-size:18pt;
		width:35%;
		font-style:oblique;
		color:#ccff66;
		font-weight:700;
		}
	}

.tx3{
	margin-top:-35px;
	margin-left:640px;
	font-size:32pt;
	font-style:oblique;
	color:#ccff66;
	font-weight:700;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.tx3{
		margin-top:-38px;
		margin-left:500px;
		font-size:34pt;
		font-style:oblique;
		color:#ccff66;
		font-weight:700;
		}
	
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.tx3{
		margin-top:-2%;
		margin-left:87%;
		font-size:18pt;
		width:35%;
		font-style:oblique;
		color:#ccff66;
		font-weight:700;
		}
	}

.tx4{
	margin-top:-35px;
	margin-left:610px;
	font-size:30pt;
	font-style:oblique;
	color:#ffffff;
	font-weight:700;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.tx4{
		margin-top:-30px;
		margin-left:470px;
		font-size:30pt;
		font-style:oblique;
		color:#ffffff;
		font-weight:700;
		}
	
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.tx4{
		margin-top:-2%;
		margin-left:82%;
		font-size:16pt;
		width:40%;
		font-style:oblique;
		color:#ffffff;
		font-weight:700;
		}
	}

#tumugu{
	margin-top:-15px;
	margin-left:0px;
	width:845px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	#tumugu{
		margin-top:-10px;
		margin-left:250px;
		width:700px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	#tumugu{
		margin-top:-47%;
		margin-left:0px;
		width:100%;
		}
	}

#report{
	margin-top:0px;
	margin-left:0px;
	width:845px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	#report{
		margin-top:0px;
		margin-left:250px;
		width:700px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	#report{
		margin-top:-26%;
		margin-left:0px;
		width:100%;
		}
	}

#fb{
	margin-top:0px;
	margin-left:0px;
	width:845px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	#fb{
		margin-top:0px;
		margin-left:250px;
		width:700px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	#fb{
		margin-top:-7%;
		margin-left:0px;
		width:100%;
		}
	}

#isg{
	margin-top:0px;
	margin-left:0px;
	width:845px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	#isg{
		margin-top:0px;
		margin-left:250px;
		width:700px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	#isg{
		margin-top:0%;
		margin-left:0px;
		width:100%;
		}
	}

#x{
	margin-top:0px;
	margin-left:0px;
	width:845px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	#x{
		margin-top:0px;
		margin-left:250px;
		width:700px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	#x{
		margin-top:0px;
		margin-left:0px;
		width:100%;
		}
	}

.link01	{
    margin-left:0px;
	margin-top:0px;
	width:845px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.link01	{
    	margin-left:250px;
		margin-top:20px;
		width:700px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.link01	{
    	margin-left:0px;
		margin-top:0px;
		width:100%;
		}
	}

.mladd	{
    margin-left:0px;
	margin-top:0px;
	width:845px;
	}
	@media screen and (min-width: 701px) and (max-width: 1300px){
	.mladd	{
    	margin-left:250px;
		margin-top:20px;
		width:700px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 700px){
	.mladd	{
    	margin-left:0px;
		margin-top:0px;
		width:100%;
		}
	}


#end	{
    margin-left:600px;
	margin-top:-50px;
	}
				@media screen and (min-width: 501px) and (max-width: 1300px){
					#end	{
   						margin-left:40px;
						margin-top:10px;
						}
				}
				@media screen and (min-width: 250px) and (max-width: 500px){
					#end	{
   						margin-left:40px;
						margin-top:10px;
						}
				}