@charset "UTF-8";

body {
	color: #fff;
	background-color:#087e5b;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 0 0 0;
    font-size:nomal;
	line-height:1.7;
	/*overflow:hidden;
    #087e5b
    */
	 }
#bg {
   background-color: darkgray;

}     

#container	{
	width:100%;
	height:100%;
	/*margin:auto;*/
	
			}


#title{
	 width:60%;
	/* height:30px;*/
	 color:#fff;
	
margin: 0px auto 0px auto;
	 padding:20px 15px 0px 15px;
	 text-align:center;
	 font-size:18px;
	 font-weight:700;
	  
	 }
     
#title2{
	 width:60%;
	/* height:30px;*/
	 color:#fff;
	
	 margin: 0px auto 0px auto;
	 padding:20px 15px 0px 15px;
	 text-align:center;
	 font-size:18px;
	 font-weight:700;
	  
	 }
     
#border_blue{
    padding: 0;
    margin:  0;
    border: solid 5px #002eb9;
}

	 
			
.caution {
	line-height:1.2em;
	padding:1px 10px 1px 10px;
	color:red;	
}

.kannai{
	font-size:16px;
	margin:0 auto 10px auto;
}	 

/*
td {
height: 3em;
}
*/

.spacer6 {
   height: 6px;
}

.btn_area {
	 width:auto;
	 margin:0 auto 10px auto;
     /*background-color: aqua*/
 }
	
.btn_spacer{
	width:30px;
	
}

/*　住所検索ボタン　*/


.btn_kukan_on{
	width:170px;
	height:25px;
	/*color:#fff;*/
	background-color:darkgreen;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	border-radius:3px;
	box-shadow: -1px -1px  #333  inset;
}

.btn_kukan2_on{
	width:170px;
	height:25px;
	/*color:#fff;*/
	background-color:#0000cc;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	border-radius:3px;
	box-shadow: -1px -1px  #333  inset;
}

.btn_kukan_off,
.btn_kukan2_off{
	width:170px;
	height:25px;
	/*color:#fff;*/
	background-color:#ccc;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	border-radius:2px;
	box-shadow: -1px -1px  #333  inset;
}

.btn_kukan{
	width:140px;
	height:25px;
	color:#ffffff;
	background-color: darkgreen;
	font-size:14px;
	font-weight:bold;
	text-align:center;
    margin: 10px;
	padding-top:3px;/**/
	border-radius:3px;
	box-shadow: -1px -1px  #333  inset;
}

.btn_kukan2{
	width:140px;
	height:25px;
	color:#ffffff;
	background-color: #0000cc;
	font-size:14px;
	font-weight:bold;
	text-align:center;
    margin: 10px;
	padding-top:3px;/**/
	border-radius:3px;
	box-shadow: -1px -1px  #333  inset;
}


.btn_kukan20{
width:140px;
	height:25px;
   margin: 10px;
	padding-top:3px;/**/
	border-radius:3px;
  text-decoration: none;
  color: #ffffff;
  font-size:14px;
	font-weight:bold;
	text-align:center;
  background-image: linear-gradient(#ccc 80%, darkgreen 81%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 1px #333;
}

.btn_kukan a,
.btn_kukan2 a{
	display:block;
	color:#fff;
	text-decoration:none;
}

.btn_kukan_off a,
.btn_kukan2_off a{
	display:block;
	color:#999;
	text-decoration:none;
}

.btn_kukan a:hover, 
.btn_kukan_off a:hover{

    color:#fff;
	background-color:#66cc00;
	text-decoration:none;
	margin-top:-4px;
    margin-left: -1px;
	margin-bottom:-2px;
	padding-top:4px;
	padding-bottom:2px;
    padding-left: 1px;
	border-radius:2px;
    box-shadow: -1px -1px  #555  inset;
}

.btn_kukan2_off a:hover,
.btn_kukan2 a:hover{

    color:#fff;
	background-color:#0066FF;
	text-decoration:none;
	margin-top:-4px;
    margin-left: -1px;
	margin-bottom:-2px;
	padding-top:4px;
	padding-bottom:2px;
    padding-left: 1px;
	border-radius:2px;
    box-shadow: 0px -1px  #555  inset;
}

/**/
#myContainer {
	 width:100%;
	 height: 100%;
     margin:auto; 
}


/*
#hanrei{
margin: 0 auto;
background-image:url("../img/legend.jpg");
background-repeat: no-repeat; 
background-position: left 50%; 
background-size: 100%;
width: 100%;
height:calc(100vh - 210px);
}

.legend {
background-color:#fff;
width:100%;
margin-top: -36px;
}
*/

 .legend	{float: left;}
	
section.legend  img	
    {
	height: auto;
	vertical-align: bottom;
	border: none;
	}

#kazusakoito{
background-color: darkgray;
}


.clear { clear:both; }


hr{
width:calc(100% - 60px);
margin-top: 1rem;
border-style: none;
border-top: 1px solid #ddd;
}
/*　閉じる　*/

#close{
text-align:center;
background-color: #ccc;
width:100px;
margin: 0 auto ;
border: 1px solid #AAAAAA;
}

#close a:link{
    color: #333; 
    text-decoration:none; 
}

#close a:hover{
    color: #fff; 
    width:100%;
    margin: 0;
   
}
/*
#close a:visited{
    color: #333; 
    text-decoration:none; 
}
*/