/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
CSS file    kkks　　　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
img	{border-width: 0;}
a	{
	text-decoration:none;
	color:#1122ff;
	}
div.main{
	 margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
	 margin-top:-10px;
	width:100%;
	height:7000px;
	/*background:linear-gradient(200deg,rgb(17,34,255),rgb(130,160,255));*/
	background:linear-gradient(200deg,rgb(20,50,255),rgb(230,240,255));
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	div.main{
		width:100%;
		height:2000px;
		/*background:linear-gradient(200deg,rgb(17,34,255),rgb(130,160,255));*/
		background:linear-gradient(220deg,rgb(20,50,255),rgb(230,240,255));
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	div.main{
		width:100%;
		height:3000px;
		/*background:linear-gradient(200deg,rgb(17,34,255),rgb(130,160,255));*/
		background:linear-gradient(220deg,rgb(20,50,255),rgb(230,240,255));
		}
	}
	
#head	{
	margin-top:0%;
	height:180px;
	background-color:#1122ff;
	text-align:center;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	#head	{
		margin-top:0%;
		height:140px;
		background-color:#1122ff;
		text-align:center;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	#head	{
		margin-top:0%;
		height:90px;
		background-color:#1122ff;
		text-align:center;
		}
	}

img.hata	{
	position:absolute;
	top:6%;
	left:16%;
	width:150px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	img.hata	{
		position:absolute;
		top:3%;
		left:10%;
		width:130px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	img.hata	{
		display:none;
		}
	}


p.title	{
	position:absolute;
	top:1%;
	left:30%;
	font-size:40pt;
	color:white;
	text-shadow:
		1.5px 1.5px 0px #000,-1.5px -1.5px 0px #000,
		-1.5px 1.5px 0px #000,1.5px -1.5px 0px #000,
		1.5px 0px 0px #000,-1.5px 0px 0px #000,
		0px 1.5px 0px #000,0px -1.5px 0px #000;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.title	{
		top:1%;
		left:30%;
		font-size:26pt;
		color:white;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.title	{
		top:0.5%;
		left:5%;
		width:90%;
		font-size:20pt;
		font-size:18pt;
		color:white;
		text-algin:center;
		}
	}
	

p.gyouji	{
	position:absolute;
	top:15%;
	left:30%;
	border:solid 1px tan;
	background-color:tan;
	width:90px;
	font-size:12pt;
	color:white;border-radius:3px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.gyouji	{
		position:absolute;
		top:13%;
		left:30%;
		border:solid 1px tan;
		background-color:tan;
		width:90px;
		font-size:12pt;
		color:white;
		border-radius:3px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.gyouji	{
		position:absolute;
		top:5.5%;
		left:15%;
		border:solid 1px tan;
		background-color:tan;
		width:90px;
		font-size:12pt;
		color:white;
		border-radius:3px;
		}
	}

p.tunagu	{
	position:absolute;
	top:15%;
	left:40%;
	border:solid 1px tan;
	background-color:tan;
	width:90px;
	font-size:12pt;
	color:white;
	border-radius:3px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.tunagu	{
		position:absolute;
		top:13%;
		left:50%;
		border:solid 1px tan;
		background-color:tan;
		width:90px;
		font-size:12pt;
		color:white;
		border-radius:3px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.tunagu	{
		position:absolute;
		top:5.5%;
		left:40%;
		border:solid 1px tan;
		background-color:tan;
		width:90px;
		font-size:12pt;
		color:white;
		border-radius:3px;
		}
	}

div.kanyuu	{
	margin-top:10px;
	margin-left:20%;
	border:solid 1px #000000;
	width:40%;
	height:40px;
	background-color:Khaki;
	border-radius:8px;
	padding:3px;
	text-align:center;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	div.kanyuu	{
		margin-top:10px;
		margin-left:20%;
		border:solid 1px #000000;
		width:40%;
		height:40px;
		background-color:Khaki;
		border-radius:8px;
		padding:3px;
		text-align:center;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	div.kanyuu	{
		margin-top:4%;
		margin-left:3px;
		border:solid 1px #000000;
		width:96%;
		height:40px;
		background-color:Khaki;
		border-radius:8px;
		text-align:center;
		padding-top:10px;
		}
	}
p.kanyuu_2	{
	font-size:20pt;
	font-weight:700;
	color:#1122ff;
	margin-top:-3px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.kanyuu_2	{
		font-size:14pt;
		font-weight:700;
		color:#1122ff;
		margin-top:-3px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.kanyuu_2	{
		font-size:14pt;
		font-weight:700;
		color:#1122ff;
		margin-top:-3px;
		}
	}


#news	{
	position: relative;
	margin-top:40px;
	margin-left:20%;
	height:auto;
	background-color:#aadeff;
	text-align:left;
	border:solid 1px;
	border-radius:5px;
	width:40%;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	#news	{
		position: relative;
		margin-top:2%;
		margin-left:15%;
		height:auto;
		background-color:#aadeff;
		text-align:left;
		border:solid 1px;
		border-radius:5px;
		width:70%;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	#news	{
		position: relative;
		margin-top:4%;
		margin-left:3px;
		width:98%;
		height:auto;
		border:solid 1px;
		background-color:#aadeff;
		text-align:left;
		}
	}



p.samuneiru	{
	margin-top:2px;
	margin-left:5px;
	padding-right:5px;
	width:260px;
	float:left;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.samuneiru	{
		margin-top:2px;
		margin-left:5px;
		padding-right:5px;
		width:260px;
		float:left;
		
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.samuneiru	{
		margin-top:2px;
		margin-left:5px;
		width:150px;
		}
	}

p.naiyou	{
	margin-top:2px;
	font-size:12pt;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.naiyou	{
		font-size:14pt;
		font-weight:700;
		color:#000000;
		margin-top:-3px;
		
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.naiyou	{
		font-size:12pt;
		font-weight:700;
		color:#000000;
		margin-top:-3px;
		}
	}


p.midasi_1	{
	margin-top:10px;
	text-align:center;
	font-size:20pt;
	font-weight:700;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.midasi_1	{
		margin-top:10px;
		text-align:center;
		font-size:18pt;
		font-weight:700;
		}
	}
	@media screen and (min-width:250px) and (max-width: 520px){
	p.midasi_1	{
		margin-top:10px;
		text-align:center;
		font-size:16pt;
		font-weight:700;
		}
	}

p.midasi_2	{
	margin-top:10px;
	text-align:center;
	font-size:18pt;
	font-weight:700;
	color:#555555;
	border: solid 1px aqua;
	background-color:aqua;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.midasi_2	{
		margin-top:10px;
		margin-left:30px;
		font-size:18pt;
		font-weight:700;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.midasi_2	{
		margin-top:10px;
		margin-left:5px;
		text-align:center;
		font-size:16pt;
		font-weight:700;
		}
	}

p.midasi_3	{
	margin-top:10px;
	margin-left:15px;
	text-align:left;
	font-size:16pt;
	font-weight:700;
	border-bottom: 4px dotted #6699ff;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.midasi_3	{
		margin-top:10px;
		margin-left:15px;
		font-size:16pt;
		font-weight:700;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.midasi_3	{
		margin-top:10px;
		margin-left:5px;
		text-align:left;
		font-size:14pt;
		font-weight:700;
		}
	}

p.con_1	{
	margin-top:5px;
	margin-left:60px;
	font-size:14pt;
	font-weight:400;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.con_1	{
		margin-top:5px;
		margin-left:30px;
		font-size:14pt;
		font-weight:400;
	}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.con_1	{
		margin-top:10px;
		margin-left:2px;
		font-size:12pt;
		font-weight:400;
		}
	}

p.con_2	{
	margin-top:5px;
	margin-left:90px;
	font-size:14pt;
	font-weight:400;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.con_2	{
		margin-top:5px;
		margin-left:40px;
		font-size:14pt;
		font-weight:400;
	}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.con_2	{
		margin-top:5px;
		margin-left:20px;
		font-size:11pt;
		font-weight:400;
		}
	}

p.con_3	{
	margin-top:5px;
	margin-left:90px;
	font-size:14pt;
	font-weight:400;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.con_3	{
		margin-top:5px;
		margin-left:15px;
		font-size:14pt;
		font-weight:400;
	}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.con_3	{
		margin-top:5px;
		margin-left:40px;
		font-size:10pt;
		font-weight:400;
		}
	}

p.con_22	{
	margin-top:5px;
	margin-left:15px;
	margin-right:10px;
	font-size:11pt;
	font-weight:400;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.con_22	{
		margin-top:5px;
		margin-left:40px;
		font-size:14pt;
		font-weight:400;
	}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.con_22	{
		margin-top:5px;
		margin-left:20px;
		font-size:11pt;
		font-weight:400;
		}
	}

p.con_23	{
	
	margin-top:5px;
	margin-left:15px;
	margin-right:10px;
	font-size:11pt;
	font-weight:400;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.con_22	{
		margin-top:5px;
		margin-left:40px;
		font-size:14pt;
		font-weight:400;
	}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.con_22	{
		margin-top:5px;
		margin-left:20px;
		font-size:11pt;
		font-weight:400;
		}
	}

p.br_1{
	margin-left:370px;
	font-size:10pt;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.br_1{
		margin-left:40%;
		font-size:10pt;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.br_1{
		margin-left:60%;
		font-size:10pt;
		}
	}

hr.line1	{
	display:none;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	hr.line1	{
		display:none;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	hr.line1	{
		border:1px solid #06f;
		width:90%;
		}
	}

hr.line2	{
	border:none;
	border-top:2px dotted blue;
	margin-top:-20px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	hr.line1	{
		display:none;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	hr.line1	{
		border:1px solid #06f;
		width:90%;
		}
	}

img.pho1	{
	width:86%;
	margin-left:7%;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	img.pho1	{
		width:86%;
		margin-left:7%;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	img.pho1	{
		width:90%;
		margin-left:7%;
		}
	}

img.pho2	{
	float:right;
	width:45%;
	padding:3px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	img.pho2	{
		float:right;
		width:45%;
		padding:3px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	img.pho2	{
		flaot:right;
		width:50%;
		padding:2px;
		}
	}

#map	{
	width:86%;
	margin-left:7%;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	#map	{
		width:86%;
		margin-left:7%;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	#map	{
		width:86%;
		margin-left:7%;
		}
	}


#senmon_a	{
	position:absolute;
	top:24%;
	left:64%;
	height:auto;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	#senmon_a	{
		top:20%;
		left:64%;
		width:30%;
		height:auto;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	#senmon_a	{
		position:relative;
		margin-top:-640px;
		margin-left:-160px;
		width:90%;
		height:auto;
		}
	}

div.what	{
	margin-top:30px;
	margin-left:5px;
	border:solid 1px #000000;
	width:280px;
	height:40px;
	background-color:skyblue;
	border-radius:8px;
	padding:3px;
	text-align:center;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	div.what	{
		margin-top:15px;
		margin-left:5%;
		border:solid 1px #000000;
		width:90%;
		height:40px;
		background-color:skyblue;
		border-radius:8px;
		padding:3px;
		text-align:center;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	div.what	{
		margin-top:15px;
		margin-left:-35px;
		border:solid 1px #000000;
		width:90%;
		height:40px;
		background-color:skyblue;
		border-radius:8px;
		padding:3px;
		text-align:center;
		}
	}

p.what_2	{
	font-size:16pt;
	font-weight:700;
	color:black;
	margin-top:3px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.what_2	{
		font-size:14pt;
		font-weight:700;
		color:black;
		margin-top:3px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.what_2	{
		font-size:14pt;
		font-weight:700;
		color:black;
		margin-top:3px;
		}
	}

div.senmon	{
	margin-top:10px;
	margin-left:5px;
	border:solid 1px #000000;
	width:280px;
	height:40px;
	background-color:#ffffff;
	border-radius:8px;
	padding:3px;
	text-align:center;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	div.senmon	{
		margin-top:10px;
		margin-left:5%;
		margin-right:5%;
		border:solid 1px #000000;
		width:90%;
		height:40px;
		background-color:#ffffff;
		border-radius:8px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	div.senmon	{
		margin-top:10px;
		margin-left:-35px;
		border:solid 1px #000000;
		width:90%;
		height:40px;
		background-color:#ffffff;
		border-radius:8px;
		}
	}

p.smn	{
	font-size:20pt;
	font-weight:700;
	color:#1122ff;
	margin-top:-3px;
	}
	@media screen and (min-width: 521px) and (max-width: 1200px){
	p.smn	{
		font-size:14pt;
		font-weight:700;
		color:#1122ff;
		margin-top:-3px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.smn	{
		font-size:20pt;
		font-weight:700;
		color:#1122ff;
		margin-top:-3px;
		}
	}




p.end	{
	margin-top:600px;
	margin-left:-1800px;
	text-align:center;
	width:2400px;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	p.end	{
		margin-top:500px;
		margin-left:-1800px;
		width:2400px;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.end	{
		margin-top:800px;
		margin-left:-130px;
		width:450px;
		}
	}

p.khtu{
	margin-left:-14%;
	font-size:14pt;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	p.khtu{
	margin-left:20%;
	font-size:14pt;
	}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.khtu{
		margin-left:20px;
		font-size:14pt;
		}
	}

p.addre{
	margin-top:-45px;
	margin-left:50%;
	text-align:left;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	p.addre{
		margin-top:-15px;
		margin-left:55%;
		text-align:left;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.addre{
		margin-top:10px;
		margin-left:27%;
		text-align:left;
		}
	}
	
p.tel{
	margin-top:-65px;
	margin-left:65%;
	text-align:left;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	p.tel{
		margin-top:-10px;
		margin-left:55%;
		text-align:left;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.tel{
		margin-top:20px;
		margin-left:27%;
		text-align:left;
		}
	}

p.mail{
	margin-top:-30px;
	margin-left:38.5%;
	text-align:left;
	}
	@media screen and (min-width: 521px) and (max-width:1200px){
	p.mail{
		margin-top:-10px;
		margin-left:55%;
		text-align:left;
		}
	}
	@media screen and (min-width: 250px) and (max-width: 520px){
	p.mail{
		margin-top:10px;
		margin-left:27%;
		text-align:left;
		}
	}