* {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  }


body {
}

p.imgCT {
	float: center;
	margin-left: 2em;
    margin-bottom: 1em
}

p.imgRT {
	float: right;
	margin-left: 2em;
    margin-bottom: 1em
}

p.imgLT {
	float: left;
	margin-right: 2em;
    margin-bottom: 1em
}

h1 { font-size:14px; color: #487CD2; border:solid 1px #5e8eab; background-color:#E6E6FA; padding-top:5px; padding-bottom:5px; text-align:center; margin:0; }
  h1 a { color:#487CD2; text-decoration:none; }
  h1 a:hover { color:#ff8800; }
  h1 em { font-style:normal; padding-right:5px; }

h2 { font-size:18px; color:navy; margin:0px 25px; text-align:left;  padding:2px; }

h3 { font-size:13px;  color:#487CD2; margin:0px 3px 2px 2px; padding:2px 3px 10px 10px;
     border-bottom: 2px solid #c5e1ed }
     h3 a { color:#487CD2; text-decoration:none; }
     h3 a:hover { color:#ff8800; }
h4 { font-size:13px;  color:#487CD2; margin:0px 2px; padding:2px 2px; }
     h4 a { color:487CD2; text-decoration:none; }
     h4 a:hover { color:#ff8800; }

p {  font-size:13px; color:#07275C;  }
     p a { color:#144698; text-decoration:none; }
     p a:hover { color:#ff8800; }
     p span { color:#c5e1ed; }

p.page { page-break-before: always; }

.noprint{}


/*******************
  Class for box
********************/

.box { font-size: 13; margin: 5px 0px; padding: 5px;  border: 1px solid #69c; }
    .box a { color:#144698; text-decoration:none; }
    .box a:hover { color:#ff8800; background-color:red; }
    .box span    { color:#c5e1ed; }

.boxR { margin: 18px 24px; padding: 8px 18px; -webkit-border-radius: 10px; /* Safari縲；oogle Chrome */
        -moz-border-radius: 10px; /* Firefox */
        font-size:15px; color:black; line-height:22px; border: 1px solid #c5e1ed; }
    .boxR a { color:#144698; text-decoration:none; }
    .boxR a:hover { color:#ff8800; background-color:red; }
    .boxR span    { color:#c5e1ed; }

.box_dot { width:512px; font-size: 13px; line-height:22px; margin: 5px 0px; padding:5px; border: 1px dashed #69c; }
    .box a { color:#144698; text-decoration:none; }
    .box a:hover { color:#ff8800; background-color:red; }
    .box span    { color:#c5e1ed; }

/*******************
  Class for table
********************/
.tID { font-size: 15px; margin:5px 10px; width: 480px; border-collapse: collapse; border: 1px solid #69c; }
    .tID th { color: #039; line-height:26px; padding: 6px 12px; font-weight: normal; border-bottom: 1px dashed #69c;}
    .tID td { color: #669; padding: 9px 8px 5px 8px; }

.tform { font-size:15px; margin:5px 10px; width: 640px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; }
    .tform th { font-size:15px; color:gray; padding: 5px; border: #E3E3E3 solid; border-width: 0px 0px 1px 1px; background: #F5F5F5; line-height:32px; text-align: left; }
    .tform td { font-size:15px; padding: 5px 12px; border: 1px #E3E3E3 solid; border-width: 0px 0px 1px 1px; color: #1A4444; line-height:36px; text-align: center; }
    .tform td a { vertical-align:top; color:#006699; text-decoration:none }
    .tform td a:hover { color:#ff8800; }
    .tform td span { color:#c5e1ed }

.t03C { font-size:16px; margin:5px 10px; width: 640px;line-height: 28px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0px; }
    .t03C th { color:#144698; padding-left: 12px; border: 1px #E3E3E3 solid; border-width: 0px 0px 1px 1px; background: #F5F5F5; text-align: center; }
    .t03C td { padding: 5px 12px; border: 1px #E3E3E3 solid; border-width: 0px 0px 1px 1px; text-align: left; }
    .t03C td a { vertical-align:top;color:#006699;text-decoration:none }
    .t03C td a:hover { color:#ff8800; }
    .t03C td span { color:#c5e1ed }

.t03Cal { font-size:13px; margin:3px; width: 98%; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0px; }
    .t03Cal th { font-size:13px; color:#144698; padding-left: 12px; border: 1px #E3E3E3 solid; border-width: 0px 0px 1px 1px; background: #F5F5F5; line-height: 20px; text-align: center; }
    .t03Cal td {  padding: 6px 3px; border: 1px #E3E3E3 solid; border-width: 0px 0px 1px 1px; font-size:13px; line-height: 20px; text-align: center; }
    .t03Cal td a { display:block;width:100%;height:100%; vertical-align:top; text-decoration:none}
    .t03Cal td a:hover { color:#ff8800; }
    .t03Cal td span { color:#c5e1ed }

.multi { color:#333333; width:100%; line-height:24px; font-size:16px; padding-top:1px; padding-bottom:1px; margin:0px; border: 1px solid #5e8eab; }
    .multi th { color:#333333;text-align:center; font-size:16px; padding: 5px 10px; border: 1px solid #5e8eab;}
    .multi td { color:#333333; line-height:24px; font-size:16px; padding: 5px 15px; border: 1px solid #5e8eab;}
    .multi td a { vertical-align:top; color:#006699; text-decoration:none }
    .multi td a:hover { color:#ff8800; }
    .multi td span { color:#c5e1ed }

.xfiles { color:#333333; width:80%; line-height:24px; font-size:18px; padding-top:3px; padding-bottom:3px; text-align:left; margin:0px; }
    .xfiles th { color:#0088a2; text-align:center; font-size:16px; padding: 5px 10px; border: 1px solid #5e8eab;}
    .xfiles td { color:#333333; line-height:24px; font-size:18px; padding: 5px 15px; border: 1px solid #5e8eab;}
    .xfiles td a { vertical-align:top; color:#006699; text-decoration:none }
    .xfiles td a:hover { color:#ff8800; }
    .xfiles td span { color:#c5e1ed }

.shasen{
    background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px));
}
/***************************
  Class for div or p text
****************************/
.tag { font-size:16px; text-align:left; border-top:solid 1px #5e8eab; border-bottom:solid 1px #5e8eab; margin:8px 2px; padding:3px; }
    .tag a { color:#5e8eab; padding-left:12px; padding-right:12px; text-decoration:none; }
    .tag a:hover { color:#ff8800; }


.link { font-size:15px; color:#07275C; text-align:left; margin: 5px 18px; letter-spacing:1px; line-height:24px;}
    .link a { color:#144698; padding:0px; text-decoration:none; }
    .link a:hover { color:#ff8800; }
    .link span    { color:#c5e1ed; }

.linkC { font-size:15px; color:#07275C; text-align:center; letter-spacing: 1px; margin:5px 18px; line-height:24px;}
    .linkC a { color:#144698; padding:0px;  text-decoration:none; }
    .linkC a:hover { color:#ff8800; }
    .linkC    span { color:#c5e1ed; }

.linkR { font-size:15px; color:#07275C; text-align:right; letter-spacing: 1px; margin: 5px 18px; line-height:24px; }
    .linkR a { color:#144698; padding:0px; text-decoration:none; }
    .linkR a:hover { color:#ff8800; }
    .linkR    span { color:#c5e1ed; }


.Menu { font-size:26px; color:#07275C; text-align:left; letter-spacing: 2px; margin:8px 12px 20px 12px; padding:30px 30px 18px 30px; border-left: solid 10px #cae6c7; }
    .Menu a { color:#144698; text-decoration:none; }
    .Menu a:hover { color:#ff8800; }
    .Menu span { color:#c5e1ed; }

.MenuR { font-size:26px; color:#8B2100; text-align:left; letter-spacing: 2px; margin:8px 12px 12px 12px; padding:30px; border-left: solid 10px #8B2100; }
    .Menu a { color:#144698; text-decoration:none; }
    .Menu a:hover { color:#ff8800; }
    .Menu span { color:#c5e1ed; }

.Title { font-size:20px; color:#07275C; line-height:30px; text-align:left; margin:8px 12px 8px 12px; padding:0px 36px;}
    .Title a { color:#0066ff; text-decoration:none; }
    .Title a:hover { color:#ff8800; }

.body { display:block; font-size:18px; text-align:left; margin:0px 38px 8px 28px; padding:2px 50px; }
.bodyC { display:block; font-size:18px; text-align:center; margin:0px 38px 8px 28px; padding:2px 50px; }

.intro { font-size:18px; text-align:center; line-height:22px; text-align:left; margin:0px 22px 0px; padding:0px; }
    .intro a { color:#144698; text-decoration:none }
    .intro a:hover { color:#ff8800; }

.pname { font-size:14px; text-align:left; border-bottom:solid 1px #c5e1ed; margin:10px 10px; padding:1px 5px; }
    .pname a { color:#144698; padding:3px; text-decoration:none; }
    .pname a:hover { color:#ff8800; }

.pname_small { text-align:left; border-bottom:solid 1px #c5e1ed; margin:8px 10px; padding:1px 5px; }
    .pname_small a { color:#07275C; text-decoration:none; }
    .pname_small a:hover { color:#ff8800; }

.pbody { color:#07275C; text-align:left; margin:5px 12px;  padding:0px 12px; line-height:20px; }
    .pbody a { color:#144698; text-decoration:none;}
    .pbody a:hover { color:#ff8800; }


/*******************
  Class for list
********************/

#doc { position:relative; top: 0px; left: 30px; width:600px; padding:10px 10px 10px 10px; font-size:13px; line-height:20px; color:#07275C; }


input.button {
	text-align:center;
	vertical-align:middle;
	background-color: #FFFFE0;
	width:68px;
	height:28px;
	font-size:14px;
	color:#2d444f;
}


/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
	margin: 0px;					/* メニューバー外側の余白(ゼロ) */
	padding: 0px 5px 0px 0px;		/* メニューバー内側の余白(左に15px) */
	background-color: #FEFFFF;		/* バーの背景色(濃い赤色) */
}
/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
	font-size:18px;
	color: #5d8b1b;				/* メニュー項目の文字色(白色) */
	width: 108px;			/* メニュー項目の横幅(125px) */
	display: inline-block;	/* ★横並びに配置する */
	list-style-type: none;	/* ★リストの先頭記号を消す */
	position: relative;		/* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
	font-size:18px;
	background-color: #FEFFFF;	/* メニュー項目の背景色(濃い赤色) */
	color: #5d8b1b;				/* メニュー項目の文字色(白色) */
	width: 128px;			/* メニュー項目の横幅(125px) */
	line-height: 40px;			/* メニュー項目のリンクの高さ(40px) */
	text-align: center;			/* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;		/* メニュー項目の装飾(下線を消す) */
	display: block;				/* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
	background-color: #ffdddd;	/* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	color: #dd0000;				/* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */	/* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
	display: block;		/* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
	margin: 0px;			/* ★サブメニュー外側の余白(ゼロ) */
	padding: 0px;			/* ★サブメニュー内側の余白(ゼロ) */
	display: none;			/* ★標準では非表示にする */
	position: absolute;		/* ★絶対配置にする */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
	width: 108px;					/* サブメニュー1項目の横幅(135px) */
	border-top: 1px solid pink;		/* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
	line-height: 35px;		/* サブメニュー1項目の高さ(35px) */
	text-align: left;		/* 文字列の配置(左寄せ) */
	padding-left: 8px;		/* 文字列前方の余白(5px) */
	font-weight: normal;	/* 太字にはしない */
}
ul.ddmenu ul li a:hover {
	background-color: #ffff80;	/* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
	color: #005500;				/* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}


address  { font-size: 11px; color:#5d8b1b; font-style: normal; text-align: center; margin-top: 10px; padding-top: 4px; padding-bottom: 10px; padding-left: 10px; border-top: 3px solid #c5e1ed; }
    address a{ color:#144698; }
    
/*----------------------------------------
      FOOTER
----------------------------------------*/

.grid {
  display: grid;
  text-align:left;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 12px;
  margin-bottom: 1.5rem;
}

.footer {
  padding: 0;
  font-size: 12px;
  color: #5d8b1b;
}

.footer_title a {
  font-size: 14px;
  color: #5d8b1b;
  text-align:left;
  padding-left: 8px;
  font-weight: 600;
}

.footer_title {
  font-size: 14px;
  color: #5d8b1b;
  text-align:left;
  padding-left: 8px;
  font-weight: 600;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 2rem;
}

.footer_navi li {
  margin-bottom: 0.75rem;
}

@media (min-width:768px) {
  .md-flex {
    display: flex;
  }

  .md-justify-between {
    justify-content: space-between;
  }

  .grid {
    grid-template-columns: 118px  repeat(5,118px);
  }
}