/* CSS Document */

/* ページのレイアウト用CSS */
#wrap {
	margin: 0 auto;
	width: 97%;
}

#contents {
	width: 950px;
	margin:auto;
	text-align:left;
	position:relative;
}
#markenin {
  position: relative; /* 親をrelativeにして基準を作る */
}

#markenin img {
  position: absolute; /* imgを浮かせる */
  top: 7px; /* 好きな位置に調整（上にちょっとずらす） */
  right: 6px; /* 右から20pxの位置 */
  width: 100px;
  height: auto;
  margin: 0; /* marginはいらない */
  z-index: 10; /* かぶせるためにレイヤーを上げる */
}
#mapbtn {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 10px; /* 画像とテキストの間に余白 */
}

#mapbtn img {
  width: 36px;
  height: auto;
  padding: 6px;
  border: 2px solid #038EB8;
  border-radius: 8px;
  background-color: #f0f8ff;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

#mapbtn img:hover {
  background-color: #e0f0ff;
  transform: scale(1.05);
}

.map-text {
  display: block; /* デフォルトでOKだが念のため */
}

#csvoff{
    background-color: #E8FAFB;
    display: block;
}
#csvon{
    background-color: #E8FAFB;
    display: none;
}
.legend1 {
  color: #313030;
  font-size: 13px;
  margin-top: 0px;
    color: #000000;
}

.legend1 .box {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-left: 6px;
  border: 1px solid white;
  vertical-align: middle;
} 
.wrapbox{
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/

}
#box1{
    display: inline-block;      /* インラインブロック要素にする */
    border: solid 1px #FB8604;
    padding: 3px;
    margin-top: 10px;
    font-size: 16px;
    max-width: 360px;
    height: 235px;
    vertical-align:top;
    background-color: #C6F9CC;
}
#box4{
    display: inline-block;      /* インラインブロック要素にする */
    border: solid 1px #FB8604;
    padding: 3px;
    margin-top: 10px;
    font-size: 16px;
    max-width: 360px;
    height: 235px;
    vertical-align:top;
    background-color: #C6F9CC;
}
#box5{
    display: inline-block;      /* インラインブロック要素にする */
    border: solid 1px #FB8604;
    padding: 3px;
    margin-top: 10px;
    font-size: 16px;
    max-width: 360px;
    vertical-align:top;
}
#box6{
    display: inline-block;      /* インラインブロック要素にする */
    border: solid 1px #FB8604;
    padding: 3px;
    margin-top: 10px;
    font-size: 16px;
    max-width: 360px;
    vertical-align:top;
}
#box7{
    display: inline-block;      /* インラインブロック要素にする */
    border: solid 2px #FB8604;
    padding: 3px;
    margin-top: 4px;
    font-size: 16px;
    padding-left: 16px;
    width: 94%;
}
#box{
    display: inline-block;
    border-radius: 8px;
    background-color:#045A8A;/* インラインブロック要素にする */
    color: #FFFFFF;
    font-weight: bold;
    line-height: 32px;
    font-size: 16px;
    width: 99%;
    padding-left: 10px; 
}
#boxan{
    display: inline-block;
    border-radius: 8px;
    background-color:#045A8A;/* インラインブロック要素にする */
    color: #FFFFFF;
    font-weight: bold;
    line-height: 32px;
    font-size: 16px;
    width: 99%;
    padding-left: 10px; 
}
#box-1{
    display: inline-block;
    border-radius: 8px;
    background-color:#045A8A;/* インラインブロック要素にする */
    color: #FFFFFF;
    font-weight: bold;
    line-height: 32px;
    font-size: 16px;
    width: 98%;
    padding-left: 10px; 
}
.navim {
	width:950px;
	height:40px;
}
.navibox{
	background-image: url(../../kanri/css/images/back1.jpg);
	padding:4px 0px 0px 6px;
	line-height:14px;
	font-size:10px;
	width:120px;
	margin-left:830px;
	background-color:#FFFFFF;
	border: solid 1px #3399FF;
	margin-top:20px;
	height:52px;
	position:absolute;
}

.itiran {
	line-height:16px;
	font-size:14px;
	padding:0px 10px 0px 10px;
}
.pr{
	line-height:14px;
	padding:2px 10px 0px 12px;
	font-size:13px;
}
.itiranbox{
	width: 220px;
	margin:20px 0px 8px 10px;
	padding:0px;
	background-color:#FFFFFF;
	height:60px;
	position:absolute;
	font-size:12px;
	color:#CC3333;
	line-height:18px;

}
/*******************************************************
	Table
********************************************************/
.tbl01{
	margin: 0 auto 10px;
	border: 1px solid #766018;
	width: 100%;
}
.tbl01 th{
	padding: 5px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	width: 120px;
	vertical-align: middle;
	background-color: #fffbed;
	text-align: right;
}
.tbl01 td{
	padding: 5px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	vertical-align: middle;
}
.tbl01 .cap{
	background-color: #fffbed;
}
.tbl02{
	margin: 0 auto 6px;
	border: 1px solid #766018;
	width: 100%;
}
.tbl02 th{
	padding: 1px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	width: 100px;
	vertical-align: middle;
	text-align: right;
}
.tbl02 td{
	padding: 1px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	vertical-align: middle;
	text-align:center;
}
.tbl03{
	margin: 0 auto 10px;
	border: 1px solid #766018;
	width: 750px;
}
.tbl03 th{
	padding: 3px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	width: 80px;
	vertical-align: middle;
	background-color: #fffbed;
	text-align: right;
}
.tbl03 td{
	padding: 3px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	vertical-align: middle;
	text-align:center;
}
.tbl03 .cap{
	background-color: #fffbed;
}
.tbl04{
	margin: 0 auto 10px;
	border: 1px solid #766018;
	width: 100%;
}
.tbl04 th{
	padding: 2px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	width: 20px;
	vertical-align: middle;
	text-align: right;
}
.tbl04 td{
	padding: 2px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	vertical-align: middle;
	text-align: center;
}
.tbl04 .cap{
	background-color: #ffffff;
}
.tbl05{
	margin: 0 auto 10px;
	border: 1px solid #766018;
	width: 100%;
}
.tbl05 th{
	padding: 3px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	width: 200px;
	vertical-align: middle;
	text-align: right;
}
.tbl05 td{
	padding: 3px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	vertical-align: middle;
	text-align:center;
}
.tbl05 .cap{
	background-color: #ffffff;
} 
#repo1{
    font-size: 20px;
    font-weight: bold;
    color: #05159D;
}
#repo2{
    font-size: 20px;
    font-weight: bold;
    color: #05159D;
}
#repo3{
    font-size: 20px;
    font-weight: bold;
    color: #05159D;
}
/*******************************************************