@charset "UTF-8";


body{
  font-family : メイリオ, "Lucida Grande", Hiragino, Kaku, sans-serif, GothicProN;
}

#wrap{
  margin-left : auto;
  margin-right : auto;
  width : 960px;
}

#main{
	padding : 30px;
}

#footer{
  text-align : right;padding : 10px;color : #008000;
}

#navi{
  padding-top : 10px;
  padding-bottom : 10px;
}


h1{
  color : blue;border-top-color : blue;border-left-color : blue;border-right-color : blue;border-bottom-color : blue;border : groove;border : double;
}

.link {
  text-decoration: none;
  padding-left: 10px;
}


.main-title{
	font-size: 21px;
	font-weight: normal;
	color:white;
	background-color: #2f4f4f;
	text-align: right;
	border-radius: 10px 10px 0 0;
	margin-top:20px;
	margin-bottom: -14px;
	padding: 20px 50px 10px;
	width:auto;


}

.menu{
	/*font-size: 18px;*/
	font-weight: normal;
	/* color:#0000ff;*/	
	background-color: #008b8b;
	text-align: left;
	border-radius: 0 0 10px 10px;
	/*margin-top: -20px;*/
	padding: 0px 0px;
	width:auto;

}


.sub-title{
	font-size: 19px;
	font-weight: normal;
	color:white;
	background-color:#008080;
	text-align: left;
	border-radius: 3px;
	padding: 3px 30px;
	width:auto;
}

.field {
display: flex;
}

.photo-title{
	font-size: 18px;
	font-weight: normal;
	color:white;
	background-color: #008080;
	text-align: left;
	border-radius: 3px;
	padding: 0px 30px;
	width:600px;
	margin-top: 50px;
	margin-left: 52px;
}

.rollcall{
	font-size: 18px;
	font-weight: normal;
	color:white;
	background-color:#008b8b ;
	text-align: left;
	border-radius: 3px;
	padding: 3px 30px;
	width:610px;
	margin:0 auto;
}


.map{
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	/* border : 5px solid #e6e6fa; */
  margin-left : auto;
  margin-right : auto;
  width : 800px;
  height : 450px;
}


.pdf900{
	margin-left : auto;
  margin-right : auto;
  width : 900px;
  height : 600px;
  box-shadow: 5px 5px 5px darkgray;
  border : 5px solid #e6e6fa;
}

.pdf810{
	margin-left : auto;
  margin-right : auto;
  width : 810px;
  height : 540px;
  box-shadow: 5px 5px 5px darkgray;
  border : 5px solid #e6e6fa;
}


/* 罫線 奇数行網掛け */
.keisen{
		border-collapse: collapse;
		table-layout:fixed;
		margin-left: auto;
		margin-right:auto;
}

.keisen th,.keisen td{
		border: 1px solid green;padding: 1px;
	}

.keisen td{
		text-align: center;
	}

.keisen tbody tr:nth-child(odd){
		background-color :#87ceeb;
	}


/*　1行目網掛け　*/
.keisen2 {
		border-collapse: collapse;
		table-layout:fixed;
		margin-left: auto;
		margin-right:auto;
}	

.keisen2 th,.keisen2 td{
		border: 1px solid green;
		text-align: center;
		color: darkgreen;
	}

.keisen2 tbody tr:nth-child(1){
		text-align: center;
		background-color :#87ceeb;
	}


/* 2行目網掛け*/
.keisen3 {
		border-collapse: collapse;
		table-layout:fixed;
		margin-left: auto;
		margin-right:auto;
}

.keisen3 th,.keisen3 td{
		border: 1px solid green;
		text-align: center;
		color: darkgreen;
	}

.keisen3 tbody tr:nth-child(2){
		text-align: center;
		background-color :#87ceeb;
	}


/* 網掛けなし*/
.keisen4 {
		border-collapse: collapse;
		table-layout:fixed;
		margin-left: auto;
		margin-right:auto;
}

.keisen4 th,.keisen4 td{
		border: 1px solid green;
		text-align: center;
		color: darkgreen;
	}

.keisen4 tbody tr:nth-child(0){
		text-align: center;
		background-color :#87ceeb;
	}	

 /* 網掛けなしここまで  */

 /* 横罫線のみ  */

.keisen5 {
 	border-collapse: collapse;
	table-layout:fixed;
	margin-left: auto;
	margin-right:auto;
}

.keisen5 th,.keisen5 td {
  border: none; 
  text-align: center;
  padding: 5px; /* セル内の余白 */
}

.keisen5 th {
  border-bottom: 1px solid green; /* ヘッダーの下に横線 */
}

.keisen5 td {
  border-bottom: 1px solid green; /* データ行の下に横線 */
}

.keisen5 tbody tr:last-child td {
  border-bottom: none; /* 最終行の下線を非表示 */
}

.torikeshi {
        text-decoration: line-through; /* 取り消し線を引く */
        text-decoration-style: solid; /* 実線にする */
        text-decoration-color: darkgreen; /* 色を黒にする */
      }

/*　罫線ここまで　*/


.pagetop{
		text-align:right;
		padding:10px 50px 10px 10px;
}

.picdeco{
		box-shadow: 4px 4px 2px rgba(0,0,0,.5);
	/*	border-radius: 5px; */
	/*	border : 4px solid #f0f8ff; */
}




nav ul li{
	/*border-bottom:5px solid blue;*/
	/*border-radius: 5px;*/
	background-color:#008b8b;
	display: inline-block;
	margin: 5px 10px 5px ;
	border-left: 10px solid #2f4f4f;
}

nav ul li a{
	font-size: 18px; 
	color: white;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	display: inline-block;
	width: 105px;
}

nav ul li :hover{
	display: inline-block;
	/*background: #1e90ff;*/
	color: palegreen;white;
	/* border-radius: 0 5px 5px 0; */
	margin-left: -10px;
	border-left: 10px solid palegreen;white;
	/*border-radius: 0 5px 0 0; */
}


.marquee {
	width: 690px;
	margin:-2.3em auto 0;
  overflow: hidden;
}   

.marquee-text {
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
	font-size: 110%;
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  from { transform: translate(0); }
    to { transform: translate(-100%); }
}

.countdeco{
	margin:0 auto -80px 70px;
	box-shadow: 4px 4px 2px rgba(0,0,0,.5);
	border : 5px solid #e6e6fa;
	/*width : 292px;height :64px;*/
}

/* 「お知らせ」ページに表示　*/
.cancel-inf{
	text-align:center;
	margin:-11em auto 0;
  width :300px;
  height : auto;
}

/* 「活動の計画」ページに表示　*/
.cancel-kei{
	text-align:center;
	margin:-21em auto 10em;
  width :320px;
  height : auto;"
}

.scroll-1 {
	width: 760px; 
  height: 458px;
  overflow-y: auto;
}