@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@700&family=Noto+Serif+JP:wght@500&family=Playfair+Display:wght@500&family=Roboto+Condensed&family=Shippori+Mincho:wght@700&family=Zen+Kaku+Gothic+New:wght@500");
@import url("/css/basetop.css");
@import url("/css/style.css");
/****************************
画面全体
****************************/
#smarttemp {
  display: none;
}
/*body 	{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	display:block;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	border-width : 0px 0px 0px 0px;
	}
ul, ol, li {
	margin: 0;
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}*/
h1 {
	font-size:18px;
	margin:0;
	padding: 0.3em;
	display:inline;
	}
img {
  max-width: 100%;
}
.spaceline {
  width: 100%;
  margin: 16px 0px 0px 0px;
}
.spacebox {
  width: 100%;
  margin: 32px 0px 0px 0px;
}
.listmark {
  vertical-align: middle;
}
.break {
  clear: both;
}
/********** 入力部品 ************/
input[type='text'], input[type='password'] {
  max-width: 400px;
  margin: 1px 0px 1px 0px;
  padding: 5px;
  border-radius: 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="radio"], input[type="checkbox"] {
  width: 1.3em;
  height: 1.3em;
  vertical-align: middle;
}
input[type="checkbox"] {
  width: 1.3em;
  height: 1.3em;
  vertical-align: middle;
}
input[ type="number"] {
  border: solid 1px #ddd;
  color: #444;
  font-size: 15px;
  padding: 1px 8px;
  line-height: 2.5;
  width: 50px;
}
textarea {
  max-width: 90%;
  padding: 5px;
  border-radius: 3px;
  font-size: 16px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select {
  padding: 5px;
  border-radius: 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.textin {
  max-width: 90%;
}
/****************************
ヘッダー
****************************/
/*#header {
	left:0;
	line-height:1;
	position:fixed;
	margin-top: 0px;
	margin-bottom: 1px;
	padding: 0px;
	width: 100%;
	height: 75px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #006633;
	border-width : 0px 0px 5px 0px;
	/*box-sizing: border-box;
}
#headerlist {
  float: center;
  display: inline-block;
  margin-bottom: 0px;
  padding: 0px;
  width: 100%;
  height: 70px;
  background-color: #FFFFFF;
  clear: both;
  box-sizing: border-box;
}
#header #headerlist ul li {
  float: left;
  display: block;
  color: #555555;
  line-height: normal;
  padding: 3px 0px 0px 10px;
  font-weight: bold;
}
#headerleft {
  float: left;
  text-align: left;
  width: 30%;
  font-size: 15px;
  box-sizing: border-box;
}
#headercenter {
  float: center;
  text-align: center;
  width: 40%;
  font-size: 15px;
  box-sizing: border-box;
}
#headerright {
  float: right;
  text-align: right;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
}
.menu {
  margin: 3px;
  float: right;
  text-align: right;
  box-sizing: border-box;
}*/
/**************************
contents
**************************/
#contents {
  margin: 0 auto;
  padding: 50px 0px 20px 0;
  width: 100%;
  max-width: 1000px;
  background-color: #fff;
  height: auto;
  box-sizing: border-box;
}
#leftmenu {
  float: left;
  display: inline-block;
  margin: 0px;
  padding: 10px 0px 0px 5px;
  width: 20%;
  text-align: left;
  background-color: #efFFFF;
  box-sizing: border-box;
}
#maincontents {
  float: center;
  display: inline-block;
  margin: 0px;
  padding: 10px 0px 0px 5px;
  width: 80%;
  text-align: left;
  background-color: #ffffff;
  box-sizing: border-box;
}
#rightmenu {
  display: none;
}
/**************************
文字のフォント
**************************/
.CATEGORYS a {
  font-size: 11px;
  text-decoration: none;
  color: #555555;
  border: 1px solid #ffffff;
  border-width: 0px 0px 1px 0px;
}
.CATEGORYS a:hover {
  background-color: #aaeecc;
  border: 1px solid #006633;
  border-width: 0px 0px 1px 0px;
}
.CATEGORYL a {
  font-size: 13px;
  text-decoration: none;
  color: #555555;
  font-weight: bold;
  border: 1px solid #ffffff;
  border-width: 0px 0px 1px 0px;
}
.CATEGORYL a:hover {
  background-color: #aaeecc;
  border: 1px solid #006633;
  border-width: 0px 0px 1px 0px;
}
/****************************
TABLE
****************************/
.TITLETD {
  background-image: linear-gradient(#E1F0FF, #BBDDFF);
}
.INTDM {
  background-image: linear-gradient(#FFFFFF, #EEEEEE);
}
.INTD {
  background-color: #FFFFFF;
}
/**************************
ボタン　リンク
**************************/
.BT {
  line-height: 140%;
  cursor: pointer;
  font-size: 12px;
  padding: 3px;
  margin: 2px;
  color: #555555;
  transition: all 0.7s ease-out;
  background-image: linear-gradient(#FAFAFA, #CCCCCC);
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
  border-radius: 3px;
}
.BT:hover {
  color: #FFFFFF;
  background-image: linear-gradient(#999999, #CCCCCC);
}
.PAGE {
  line-height: 140%;
  cursor: pointer;
  font-size: 14px;
  padding: 1px 2px 1px 2px;
  margin: 0px;
  color: #555555;
  text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
  border-radius: 2px;
}
.PAGE:hover {
  color: #FFFFFF;
  background-color: #999999;
}
.PAGE2 {
  line-height: 140%;
  cursor: pointer;
  font-size: 14px;
  padding: 1px 2px 1px 2px;
  margin: 0px;
  color: #555555;
  text-align: center;
  text-decoration: none;
  background-color: #FFE9E9;
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
  border-radius: 2px;
}
.THISPAGE {
  font-size: 14px;
  color: #555555;
  border-radius: 2px;
}
.PAGELINK {
  font-size: 14px;
  color: #5555ff;
  text-align: center;
  text-decoration: none;
  padding: 3px;
  background-color: #EFEFEF;
  width: 14;
  border: 1px solid #000095;
  border-width: 0px 1px 1px 0px;
}
.KLINK {
  line-height: 220%;
  font-size: 12px;
  padding: 3px;
  margin: 2px;
  color: #555555;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.7s ease-out;
  background-image: linear-gradient(#E1F0FF, #BBDDFF);
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
  border-radius: 3px;
}
.KLINK:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-image: linear-gradient(#90A0FF, #5090FF);
}
.DLINK {
  line-height: 220%;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  font-size: 13px;
  padding: 3px;
  margin: 2px;
  color: #555555;
  transition: all 0.7s ease-out;
  background-image: linear-gradient(#FAFAFA, #CCCCCC);
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
  border-radius: 3px;
}
.DLINK:hover {
  color: #FFFFFF;
  background-image: linear-gradient(#999999, #CCCCCC);
}
.BACK {
  line-height: 300%;
  font-size: 14px;
  padding: 10px;
  margin: 5px;
  color: #555555;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.7s ease-out;
  background-image: linear-gradient(#E1F0FF, #BBDDFF);
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
  border-radius: 3px;
}
.BACK:hover {
  color: #FFFFFF;
  background-image: linear-gradient(#90A0FF, #5090FF);
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
}
.BACK img {
  vertical-align: middle;
}
a.LMENU {
  line-height: 180%;
  display: inline-block;
  width: 96%;
  font-size: 13px;
  padding: 3px;
  margin: 2px 0px 0px 0px;
  color: #555555;
  transition: all 0.7s ease-out;
  background-image: linear-gradient(#FAFAFA, #CCCCCC);
  text-align: left;
  text-decoration: none;
  border: 1px solid #999999;
  border-width: 0px 1px 1px 0px;
  border-radius: 3px;
}
a.LMENU:hover {
  color: #FFFFFF;
  background-image: linear-gradient(#999999, #CCCCCC);
}
.submitBT {
  line-height: 140%;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  padding: 3px 20px 3px 20px;
  margin: 2px;
  color: #FFFFFF;
  transition: all 0.7s ease-out;
  text-decoration: none;
  background-color: #006633;
  border: 1px solid #006633;
  border-width: 1px 1px 1px 1px;
}
.submitBT:hover {
  color: #006633;
  background-color: #FFFFFF;
}
.downloadBT {
  line-height: 180%;
  cursor: pointer;
  font-size: 15px;
  color: rgba(150, 90, 50, 0.7);
  margin: 3px;
  padding: 2px 10px 2px 10px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(233, 190, 106, 0.8), rgba(146, 111, 52, 0.8), rgba(34, 34, 34, 0), rgba(34, 34, 34, 0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  white-space: nowrap;
  margin: 2px;
  border: none;
  border: 1px solid rgba(150, 90, 50, 0.3);
  border-radius: 2;
  box-sizing: border-box;
}
.downloadBT:hover {
  color: #FFFFFF;
  background-position: 99% 50%;
}
/***********************
ボックス
***********************/
#titlebox {
  float: left;
  display: inline-block;
  width: 98%;
  font-size: 20px;
  text-align: left;
  margin: 10px 0px 10px 0px;
  padding: 3px;
  color: #003399;
  background: #ccffffff;
  border-left: solid 10px #0099cc;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.80);
  box-sizing: border-box;
}
.titlebox {
  float: left;
  display: inline-block;
  width: 98%;
  font-size: 16px;
  text-align: left;
  margin: 5px 0px 3px 0px;
  padding: 3px;
  background: #EDF5FF;
  border: 1px solid #AACCFF;
  border-width: 0px 0px 0px 10px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.50);
  box-sizing: border-box;
}
.subtitle {
  float: left;
  display: inline-block;
  width: 98%;
  font-size: 14px;
  text-align: left;
  margin: 3px 0px 1px 0px;
  padding: 3px;
  color: #003399;
  background: #eefaff;
  border-left: solid 10px #66ccff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.80);
  box-sizing: border-box;
}
.listbox {
  width: 98%;
  text-align: left;
  padding: 1px;
  margin_top: 15px;
  color: #555555;
  box-sizing: border-box;
}
.listbox ul li {
  padding: 0px;
  margin: 1px;
}
.centerbox {
  width: 100%;
  text-align: center;
  padding: 3px;
  margin: 0px;
  box-sizing: border-box;
}
.prevbox {
  width: 98%;
  text-align: left;
  padding: 1px;
  margin_top: 15px;
  border: 1px solid #999999;
  border-width: 1px 1px 1px 1px;
}
.floatbox {
  float: center;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.grdownloadlist {
  float: center;
  display: inline-block;
  margin: 1px;
  padding: 2px 3px 2px 3px;
}
.mdlist {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px;
  display: block;
  width: 100%;
  clear: both;
}
.mdlist ul li {
  float: left;
  width: 50%;
  display: block;
  color: #555555;
  line-height: normal;
  text-align: left;
  font-weight: bold;
  background-color: #FFFFFF;
}