/*
CSS file    kumamotokenshinrosidou    top.css@@@
*/
body	{
     margin:0px;          /* ƒy[ƒW‘S‘Μ‚Μmargin */
     padding:0px;         /* ƒy[ƒW‘S‘Μ‚Μpadding */
     text-align:center;   /* ‰Ί‹L‚Μauto‚Ι–’‘Ξ‰ž—p‚ΜƒZƒ“ƒ^ƒŠƒ“ƒO */
    }
img	{border-width: 0;}
a	{text-decoration:none;}
#head	{
	margin-top:20px;
	width:100%;
	text-align:center;
	color:blue;
	font-size:30pt;
	font-weight:700;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
					#head{
						margin-top:20px;
						width:100%;
						text-align:center;
						color:blue;
						font-size:22pt;
						font-weight:700;
					}
				}
			@media screen and (min-width: 300px) and  (max-width: 500px){
					#head{
						margin-top:20px;
						width:100%;
						text-align:center;
						color:blue;
						font-size:18pt;
						font-weight:700;
					}
				}
#head-1{
	font-size:20pt;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
					#head-1{
						font-size:16pt;
						font-weight:700;
					}
				}
			@media screen and (min-width: 300px) and (max-width: 500px){
					#head-1{
						font-size:14pt;
					}
				}
#main	{
	margin-top:30px;
	margin-left:10px;
	width:1060px;
	height:auto;
	border:solid 0px #aaaaaa;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
					#main	{
						margin-top:30px;
						margin-left:10px;
						width:1060px;
						height:auto;
						border:solid 0px #aaaaaa;
						}
				}
			@media screen and (min-width: 300px) and (max-width: 500px){
					#main	{
						margin-top:30px;
						margin-left:10px;
						width:1060px;
						height:auto;
						border:solid 0px #aaaaaa;
						}
				}
#menu-1{
	margin-top: -50px;
	margin-left: -70%;
	height: 30px;
	font-size:20pt;
}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#menu-1{
						margin-top: -40px;
						margin-left: -75%;
						height: 40px;
						font-size:13pt;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#menu-1{
						margin-top: 30px;
						margin-left: -5%;
						height: 40px;
						font-size:13pt;
					}
				}
/*=======================================================================================================*/
/*==@ƒgƒbƒvƒy[ƒW ==*/
#main-home	{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	height: 80%;
	border: solid 0px #aaaaaa;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
					#.main-home	{
						width: 95%;
						height: 860%;
						border: solid 0px #aaaaaa;
					}
				}
			@media screen and (min-width: 300px) and (max-width: 500px){
					#.main-home	{
						width: 95%;
						height: 60%;
						border: solid 0px #aaaaaa;
					}
				}
p.osirase{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-size: 20pt;
	font-weight: 700;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
					p.osirase{
						font-size: 18pt;
						font-weight: 700;
					}
				}
			@media screen and (min-width: 300px) and (max-width: 500px){
					p.osirase{
						font-size: 16pt;
						font-weight: 700;
					}
				}
p.koumoku{
	text-align: center;
	margin-top: 30px;
	width: 100%;
	font-size: 14pt;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
				p.koumoku{
					text-align: left;
					margin-top: 30px;
					padding-left: 0px;
					width: 97%;
					font-size: 14pt;
					}
				}
			@media screen and (min-width: 300px) and (max-width: 500px){
				p.koumoku{
					text-align: left;
					margin-top: 30px;
					padding-left: 0px;
					width: 97%;
					font-size: 12pt;
					}
				}
#rogin{
	margin-left:auto;
	margin-right:auto;
	border:1px solid ;
	padding:5px;
	font-size:14pt;
	color:black;
	background-color:#dddddd;
	width:600px;
	text-align:center;
	border-radius:3px;
	}
		@media screen and (min-width: 501px) and (max-width: 770px){
			#rogin{
				margin-left:auto;
				margin-right:auto;
				border:1px solid ;
				padding:5px;
				font-size:14pt;
				color:black;
				background-color:#dddddd;
				width:600px;
				text-align:center;
				border-radius:3px;
			}
		}
		@media screen and (min-width: 300px) and (max-width: 500px){
			#rogin{
				margin-left:auto;
				margin-right:auto;
				border:1px solid ;
				padding:5px;
				font-size:12pt;
				color:black;
				background-color:#dddddd;
				width:280px;
				text-align:center;
				border-radius:3px;
			}
		}
/*========================================================================================================*/
/*==@‹γB‘ε‰ο•ρ@==*/
p.page_title_1{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-size: 20pt;
	font-weight: 700;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
					p.page_title_1{
						width:95%;
						font-size: 18pt;
						font-weight: 700;
					}
				}
			@media screen and (min-width: 300px) and (max-width: 500px){
					p.page_title_1{
						width:95%;
						font-size: 16pt;
						font-weight: 700;
					}
				}
#msg{
	margin-top:10px;
	margin-left:80px;
	color:red;
	text-align:left;
	}
			@media screen and (min-width: 501px) and (max-width: 770px){
					#msg{
						margin-top:10px;
						margin-left:30px;
						color:red;
						text-align:left;
						}
				}
			@media screen and (min-width: 300px) and (max-width: 500px){
					#msg{
						margin-top:10px;
						margin-left:0px;
						color:red;
						text-align:left;
						}
				}
#koumoku_waku {
	margin-top: 30px;
	margin-left:auto;
	margin-right: auto;
	width:75%;
	height:auto;
	border:solid 1px #aaaaaa;
	}
			@media screen and (max-width: 800px){
					#koumoku_waku {
						margin-top: 30px;
						width:95%;
						height:auto;
						border:solid 1px #aaaaaa;
						}
				}
p.koumoku_kyu{
	text-align: center;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14pt;
	font-weight: 700;
	}
			@media screen and (max-width: 800px){
				p.koumoku_kyu{
					text-align: left;
					margin-top: 30px;
					margin-left: 10px;
					font-size: 12pt;
					}
				}
p.koumoku_kyu_1{
	text-align: left;
	margin-top: 30px;
	margin-left: 80px;
	font-size: 14pt;
	}
			@media screen and (max-width: 800px){
				p.koumoku_kyu_1{
					text-align: left;
					margin-top: 30px;
					margin-left: 20px;
					font-size: 12pt;
					}
				}
.koumoku_kyu_2{
	text-align: left;
	margin-top: 5px;
	margin-left: 130px;
	font-size: 12pt;
	}
			@media screen and (max-width: 800px){
				.koumoku_kyu_2{
					text-align: left;
					margin-top: 5px;
					margin-left: 0px;
					font-size: 11pt;
					}
				}
.pswd_msg{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-size: 24pt;
	font-weight: 700;
	}
			@media screen and (max-width: 800px){
				.pswd_msg{
					font-size: 20pt;
					font-weight: 700;
	}
				}

/*===== VTR =====*/

#menu_2{
	margin-top: -50px;
	margin-left: -70%;
	height: 30px;
	font-size:20pt;
}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#menu_2{
						margin-top: -20px;
						margin-left: -75%;
						height: 40px;
						font-size:14pt;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#menu_2{
						margin-top: 30px;
						margin-left: -5%;
						height: 40px;
						font-size:14pt;
					}
				}

/*========================================================================================================*/
/*==@ƒŠƒ“ƒN@==*/

#koumoku_1{
	margin-top:20px;
	margin-left:25%;
	font-size:14pt;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#koumoku_1{
						margin-top:20px;
						margin-left:5%;
						font-size:14pt;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#koumoku_1{
						margin-top:20px;
						margin-left:2%;
						font-size:14pt;
					}
				}
/*==========================================================================================================*/
/*===== Žx•”•Φ‚θ@=====*/

#menu_sibu{
	margin-top: -50px;
	margin-left: -70%;
	height: 30px;
	font-size:20pt;
}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#menu_sibu{
						margin-top: -40px;
						margin-left: -75%;
						height: 40px;
						font-size:12pt;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#menu_sibu{
						margin-top: 15px;
						margin-left:5%;
						height: 40px;
						font-size:12pt;
					}
				}

#midasi1	{
	margin-top:50px;
	margin-left:20%;
	font-size:18pt;
	font-weight:700;
	text-align:left;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#midasi1	{
						margin-top:20px;
						margin-left:5%;
						font-size:18pt;
						font-weight:700;
						text-align:left;
						}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#midasi1	{
						margin-top:20px;
						margin-left:2%;
						font-size:16pt;
						font-weight:700;
						text-align:left;
						}
				}
#table-a	{
	margin-top:20px;
	margin-left:25%;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#table-a	{
						margin-top:20px;
						margin-left:5%;
						}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#table-a	{
						margin-top:20px;
						margin-left:2%;
						}
				}
#tyuu	{
	margin-top:5px;
	margin-left:30%;
	font-size:10px;
	text-align:left;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#tyuu	{
						margin-top:5px;
						margin-left:5%;
						font-size:10px;
						text-align:left;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#tyuu	{
						margin-top:5px;
						margin-left:3%;
						font-size:10px;
						text-align:left;
					}
				}
#sel	{
	width:200px;
	font-size:12pt;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#sel	{
						width:25%;
						font-size:11pt;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#sel	{
						width:25%;
						font-size:11pt;
					}
				}
#sel2	{
	width:200px;
	font-size:12pt;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#sel2	{
						width:5%;
						font-size:10pt;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#sel2	{
						width:5%;
						font-size:10pt;
					}
				}
#midasi2	{
	margin-top:50px;
	margin-left:20%;
	font-size:18pt;
	font-weight:700;
	text-align:left;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#midasi2	{
						margin-top:20px;
						margin-left:5%;
						font-size:18pt;
						font-weight:700;
						text-align:left;
						}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#midasi2	{
						margin-top:20px;
						margin-left:2%;
						font-size:16pt;
						font-weight:700;
						text-align:left;
						}
				}

	
#tayori1	{
	margin-top:50px;
	margin-left:25%;
	text-align:left;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#tayori1	{
						margin-top:50px;
						margin-left:5%;
						text-align:left;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#tayori1	{
						margin-top:50px;
						margin-left:2%;
						text-align:left;
					}
				}
.little{
	zoom:100%;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					.little{
						zoom:0.9;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					.little{
						zoom:0.7;
					}
				}
#ue	{
	margin-top:30px;
	margin-left:3%;
	margin-bottom:20px;
	font-size:12pt;
	}
				@media screen and (min-width: 501px) and (max-width: 770px){
					#ue	{
						margin-top:30px;
						margin-left:0%;
						margin-bottom:20px;
						font-size:12pt;
					}
				}
				@media screen and (min-width: 300px) and (max-width: 500px){
					#ue	{
						margin-top:30px;
						margin-left:0%;
						margin-bottom:20px;
						font-size:12pt;
					}
				}