@charset "utf-8";

/*-------------------------フォントスタイル フォントサイズの指定*/
body {
	/* font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: Arial, Helvetica, sans-serif ,"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 95%;
	text-align: left;
	margin: 5px;
	padding: 0;
}

.font_ItemAnnotation {
	font-size: 11px;
	text-align: left;
}

/*-------------------------headerの指定*/
#header {
	position: fixed;
	width: 100%;
	height: 25px;
	left: 0px;
	top: 2px;
	background-color: #6075b7;
	border: 1px solid #6075b7;
	padding: 2px;
	
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	z-index:10;
}


/*-------------------------wrapperの指定*/
#wrapper {
	position: relative;
	top: auto;
	text-align: left;
	/*width: 1120px;*/
	/*margin: 0 auto;*/
	margin: 10px 10px 10px 10px;
	padding: 0;
  /* user-select: none; */
}

/*-------------------------containerの指定*/
#container {
	position: relative;
	top: auto;
	/* width: 1380px; */
	width: auto;
	margin: auto;
	padding: 2px;
  /* user-select: none; */
}


/*-------------------------contentsの指定*/
#contents{
	height: auto;
	padding: 15px 0 12px 0;
	margin: 20px 0 15px 0;
	background-color: #fff;
}

/*-------------------------footerの指定*/
#footer {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 22px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	z-index:10;
}

#footer .copyright {
	width: 100%;
	left: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #aaaaaa;
}

#footerList {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 22px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	z-index:10;
}

#footerList .copyright {
	width: 100%;
	left: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #aaaaaa;
}

/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*-------------------------Loginの指定*/

#login_input {
	margin: 20px auto;
	top: 50px;
	width: 400px;
	height: 90px;
	/* Box 角丸指定 */
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #cccccc;
	padding: 20px;
}

#login_btn {
	margin: 20px auto;
	text-align: center;
}

/*-------------------------タブMenu設定 sub-navi*/
#page_tab {
	position: relative;
	/* height:28px;*/
	/* Box 角丸指定 */
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
/*	top: 29px; */
	top: 25px;
	left: 0px;
	font-size: 12px;
	border: 1px solid #cccccc;
/*
	padding: 5px 5px 0px 5px;
	margin: 10px 0px 10px 0px;
*/
	padding: 5px 5px 5px 5px;
	margin: 1px 0px 10px 0px;

}

#page_tab .on {
  background-color:#74b9ff;
  margin-right:5px;
  margin-bottom: 5px;
}

#page_tab .off {
  background-color:#ceffff;
  margin-right:5px;
  margin-bottom: 5px;
}
/*
#page_tab li {
  float:left;
  display:block;
  line-height: 1.5em;
}
*/
#page_tab ul {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
#page_tab li {
  /*width:100%;*/
  float:left;
  margin: 1px; 
  padding: 1px 3px;
}
#page_tab a:link, a:visited {
  text-decoration: none;
  color: #0000a1; /*#89939E;*/
  display:block;
/*
  width:94px;
  height: 16px;
  padding: 4px;
  text-align:center;
  background-color:#fff7ff;
*/
}
#page_tab a:hover, a:active {
  color: #fff;
  background-color:#007cbd;
}

/*-------------------------PullDownMenu設定 navi*/
/* ナビゲーションメニュー */
@import "style_dwn.css";



/*-------------------------タブcontentsの指定 page内コンテンツ*/
#page_content {
  position:relative;
  margin: 0 0 25px 0;
  padding: 0;
  top: 25px;
  width: 100%;
  /*height:400px;*/
  height:calc(90vh - 50px);
  /* border: 1px solid #7171ff; */
  border: 1px solid #ffffff;
  background-color:#ffffff;
  overflow:auto;
}


.page_content_table {
  width: 100%;
  height: 100%;
}
.page_content_table tr:nth-child(1) {
  vertical-align:top;
  border: 0px solid #7171ff;
}
.page_content_table tr:nth-child(2) {
  vertical-align:bottom;
  border: 0px solid #7171ff;
}
.page_content_table td{
  vertical-align:top;
  border: 0px solid #7171ff;
} 
.page_content_Explanation {
  padding:2px 0px 0px 30px;
  text-align: left;
  font-size:12px;
  color:#001e6e;
}

/*-------------------------*/
/* offcer List CSS         */
/*-------------------------*/
.offcerlist_tbl {
	width: 80%;
  color: #000;
  font-size:14px;
  font-weight:normal;
  border-collapse:collapse;
  border:0px solid #cccccc;
  /* table-layout: fixed; */
}
.offcerlist_tbl th{
  text-align:center;
  vertical-align:middle;
  font-size:14px;
  color: #ffffff;
  background-color:#0088ff;  
  border-collapse:collapse;
  border: 1px solid #b9b9b9;
}
.offcerlist_tbl td{
  text-align:left;
  vertical-align:middle;
  font-size:14px;
  border-collapse:collapse;
  border: 1px solid #b9b9b9;
  padding-left: 5px;
}

/*-------------------------*/
/* menmber List CSS        */
/*-------------------------*/
.menmberlist_tbl {
	width: 95%;
  color: #000;
  font-size:14px;
  font-weight:normal;
  border-collapse:collapse;
  border:0px solid #cccccc;
  /* table-layout: fixed; */
}
.menmberlist_tbl th{
  text-align:center;
  vertical-align:middle;
  font-size:14px;
  color: #ffffff;
  background-color:#0088ff;  
  border-collapse:collapse;
  border: 1px solid #b9b9b9;
}
.menmberlist_tbl td{
  text-align:left;
  vertical-align:middle;
  font-size:14px;
  border-collapse:collapse;
  border: 1px solid #b9b9b9;
  padding-left: 5px;
}


td.koumoku{
  padding-left: 7px;
  width:160px;
}
td.align-Ue{
  vertical-align:top;
}





/**/