@charset "Shift_JIS";

/* Shift_JIS コード :  tpg53.css  copied from tpg52.css  2016.11.14 */

body{
  font-family: "Lucida Grande",Arial,sans-serif,"UD デジタル 教科書体 N-R","ＭＳ Ｐゴシック","Osaka","MS PGothic",Sans-Serif;
  text-align:center;
  margin:0px 0px;
  padding:0px 0px;
  -webkit-text-size-adjust: 100%;
}

img{border:0}
p{ margin: 0; padding: 0; }

#thead{
  margin: 0 auto;
  padding: 0;
  width:740px; 
  height:60px;
  border-bottom: 6px solid #55c; 
}
#ttlx{
  float:left;
  width: 300px;
  height: 60px;
}
#ttlx img{
  float:left;
  margin-top:  10px;
  margin-left: 20px;
  width: 260px;
  height: 47px;
}
#ttl2{
  float: left;
  width:440px;
  margin-left:0px;
  height:60px;
}
.pxh0{
  width:320px;
  margin-left: 70px;
  float:left;
}
.pxh0l{
  float: left;
  width:50px;
  margin-top: 0px;
  margin-left:0px;
}
.pxh0l img{
  margin-top:4px;
  margin-left: 0px;
  width:30px;
}
p.pxh1{
  position: absolute;
  top: 34px;
  width:428px;
  margin-left: 0px;
  padding-top: 6px;
  padding-left: 12px;
  padding-bottom: 4px;
  font-size:17px;
  text-align: left;
  background-color: #55c;
  color: #fff;
  white-space: nowrap;
  font-weight: bold;
  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;


}
p.pxh2{
  position: absolute;
  top: 34px;
  margin-left: 66px;
  margin-right: 0px;
  padding: 4px 2px 1px 2px;
  font-size:12px;
  line-height: 90%;
  background-color: #55c;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  font-weight: bold;
}

#mane{
  height:60px;
}
#mane img{
  margin-top:  10px;
  margin-left: 0px;
  height: 47px;
}


#intrv{
  clear:both;
  width:736px;
  min-height:109px;
  margin: 0 auto;
  padding: 10px 2px 7px 2px;
  border-bottom:6px solid #55c;
  font-size:13px;
  line-height:130%;
  max-height: 999999px;
}

#intrv p{
	margin:0px 33px 8px 210px ;
	text-align:left;
	padding:0px;
	max-height: 999999px;
}
#intrv h2{margin:2px; padding:0px 10px 10px 220px;
	font-size:110%; font-weight:bold; text-align:left;
}

#bdy1{
  width:740px;
  height:51px;
  margin: 0 auto;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 1px;
  line-height:130%;
  max-height: 999999px;
}
#bdy2{
  width:740px;
  margin:0 auto;
  font-size:13px;
  padding: 0 0 10px 0;
  line-height:130%;
  max-height: 999999px;
}

#bdy2 h2{margin:2px; padding:2px 10px 2px 80px; font-size:110%; font-weight:bold; text-align:left; }

#bdx20{width:186px; float:left; margin-top: -1px; margin-bottom:0px; }
#bdx21{
  width:542px;
  height:125px;
  overflow-y: scroll;
  border:solid 1px black;
  margin-top:1px;  margin-left:191px;
  padding:8px 0px 7px 0px;
  line-height:130%;
  background-color:#fffacd;
  max-height: 999999px;
}

#bdx21 h2{
	margin-bottom:20px;
}
.dline{
	border-bottom:double 3px #000;
}
#bdx21 p{
	margin:0.5em 1em 2px 1.5em;
	text-indent:-0.3em;
	text-align:left;
	max-height: 999999px;
}


#bdx22{
	width:542px; 
	height:503px;           /* オリジナルは 378px, bdx21削除時に 大きくした */
	overflow-y: scroll;
	border:solid 1px black;
	margin-top:3px;
	margin-left:191px;
	margin-bottom:0px;
	padding:5px 0px 5px 0px;
	line-height:130%;
  max-height: 999999px;
}
#bdx22 dl{ margin:2px 0px; padding:2px;  }
#bdx22 dt{ padding:0px 5px 1px 14px; font-weight:bold; text-align:left; }
#bdx22 dd{ margin:0px; padding:1px 5px 8px 22px; text-align:left; }


#tfoot{
  clear:both;
  width: 740px;
  margin: 0 auto 25px auto;
  padding: 0;
}
#tfoot p{
  margin:0px;
  padding:2px;
  text-align:center;
  font-size:15px;
  background-color:#55c;
}
#tfoot a{ text-decoration:none; color:#fff; font-weight:bold; font-size:15px; }
#tfoot a:hover{color:#fcc; }

p.dmy{clear:both; margin:0px; padding:0px;}
hr.ir2{ width:400px; margin: 6px 10px 8px 10px;  height:1px; background-color:grey; border:none; }


.btm{font-size:10px; vertical-align:top; }
.red{color:#DD0000;}
.redb{font-weight:bold;color:#DD0000}
.redbb{
  display:inline-block;
  color:#b30000; font-size:11pt; font-weight:bold; margin-bottom:10px;
  border-bottom:solid;border-width:1px;
}
.tleft{
  text-align:left;
  margin-left:10px;
}
.blue{font-weight:normal;color:#0000B0;}
.blueb{font-weight:bold;color:#0000B0;}
.greenb{color:#008000;font-weight:bold;}
.bld{font-weight:bold;}
.old{font-weight:normal;}
.new{background:#FFFF66;font-weight:normal;}
.new2{background:#FFFF44;font-weight:normal;}
.pink{ background-color:#ffcce4; }
.caution1{font-size:90%;}
.caution2{background:#FFEED0;font-weight:normal;color:#550000;font-size:90%;}
.lthrough{ text-decoration: line-through; }

#smpl{
	float:left;
	margin-top:   -5px;
	margin-left:  3px;
	padding: 0px;
}

#intrv a:hover img , #intrv a:active img {
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}


a.txt{
  text-decoration:none; border-bottom:1px dotted #00f;
}
a.txt:hover{
  text-decoration:none; border-bottom:1px dotted #00f;
  background-color:#fdd;
}
a.txt:active{
  text-decoration:none; border-bottom:1px dotted #00f;
  background-color:#fdd;
}


a:link,a:visited,a:hover,a:active{  /* これで枠の点線が消せるぞ！ */
overflow:hidden;
outline:none;
}



ul#menu1{ margin-top:2px; margin-left:4px; padding:0px; }
#menu1 li   {
list-style-type:none;
float:left;
margin-left:0px; 
margin-right:0px;
height:46px;          /* リスト全体の高さ */
width:181px;
border-width: 1px 1px 1px 1px; /* 枠線の太さ */ 
border-style: solid ; /* 枠線のスタイル */ 
border-color: #fff; /* 枠線の色（上・右・下・左） */ 
padding: 0px 0px 0px 0px; /* セル内の余白 */ 
text-align: center; /* リンク文字の位置 */ 
} 
#menu1 li.ql1   {
width:180px;
} 
#menu1 li.ql2   {
width:160px;
} 
#menu1 li.ql3   {
width:198px;
} 
#menu1 li.ql4   {
width:186px;
} 
#menu1 a { 
display: block; /* ブロック要素 */ 
background-color:#c8d1de; 
height: 18px;
padding: 15px 0px 13px 0px; /* リンク部分の余白 */ 
text-decoration: none; /* リンク文字の下線 */ 
color: #000;  /* リンク文字の色 */
font-size: 15px; /* リンク文字のサイズ */ 
font-weight: bold; /* リンク文字の太さ */ 
} 
#menu1 a.qq1 { 
border-top-left-radius: 8px;
-webkit-border-top-left-radius: 8x;
} 
#menu1 a.qq4 { 
border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
} 
#menu1 a:hover , #menu1 a:active { 
background-color:#9bb7de; 
font-size: 16px; /* リンク文字のサイズ */ 
color: #000; /* ポイント時の文字色 */ 
}

ul#menu2{ margin-top:0px; margin-bottom:4px; margin-left:5px; padding:0px; }
#menu2 li   {
list-style-type:none;
width:178px;
border-width: 1px 1px 1px 1px; /* 枠線の太さ */ 
border-style: solid; /* 枠線のスタイル */ 
border-color: #fff; /* 枠線の色（上・右・下・左） */ 
margin-top:0px;
margin-bottom:1px;
padding: 0px 0px 0px 0px; /* セル内の余白 */ 
text-align: center; /* リンク文字の位置 */ 
} 
#menu2 a { 
display: block; /* ブロック要素 */ 
background-color:#ded1c8; 
width: 100%; /* リンク部分の横幅 */ 
padding: 13px 0px 12px 0px; /* リンク部分の余白 */ 
text-decoration: none; /* リンク文字の下線 */ 
color: #000000;  /* リンク文字の色 */
font-size: 15px; /* リンク文字のサイズ */ 
font-weight: bold; /* リンク文字の太さ */ 
} 

#menu2 a.pp1 { 
background-color:#ded1c8; 
padding: 20px 0px 18px 0px; /* リンク部分の余白 */ 
} 
#menu2 a.pp2 { 
background-color:#f5deb3; 
padding: 14px 0px 12px 0px; /* リンク部分の余白 */ 
} 
#menu2 a.pp3 { 
/*background-color:#B7EAD0 ; */
background-color:#a6dea6;
padding: 24px 0px 22px 0px; /* リンク部分の余白 */ 
} 
#menu2 a.pp4 { 
background-color:#ededa6; 
padding: 22px 0px 20px 0px; /* リンク部分の余白 */ 
} 
#menu2 a.pp5 { 
background-color:#fff7b3 ; 
padding: 12px 0px 10px 0px; /* リンク部分の余白 */ 
}
#menu2 a.pp6 { 
background-color:#ffd9e0 ; 
padding: 20px 0px 18px 0px; /* リンク部分の余白 */ 
} 
#menu2 a.pp7 { 
padding: 10px 0px 8px 0px; /* リンク部分の余白 */ 
} 
#menu2 a.pp8 { 
padding: 16px 0px 14px 0px; /* リンク部分の余白 */ 
} 
#menu2 a.pp9 { 
padding: 14px 0px 12px 0px; /* リンク部分の余白 */ 
} 
#menu2 a:hover , #menu2 a:active { 
background-color:#deb79b; 
font-size: 16px; /* リンク文字のサイズ */ 
}
#menu2 a.pp1:hover , #menu2 a.pp1:active { 
background-color:#deb79b; 
color: #332917; /* ポイント時の文字色 */ 
}
#menu2 a.pp2:hover , #menu2 a.pp2:active { 
background-color:#e6bd73; 
color: #332917; /* ポイント時の文字色 */ 
}
#menu2 a.pp3:hover , #menu2 a.pp3:active { 
background-color:#8dee8d; 
color: #002200; /* ポイント時の文字色 */ 
}
#menu2 a.pp4:hover , #menu2 a.pp4:active { 
background-color:#eded2f; 
color: #330000; /* ポイント時の文字色 */ 
}
#menu2 a.pp5:hover , #menu2 a.pp5:active { 
background-color:#ffe81a; 
color: #330000; /* ポイント時の文字色 */ 
}
#menu2 a.pp6:hover , #menu2 a.pp6:active { 
background-color:#ffb3be; 
color: #330000; /* ポイント時の文字色 */ 
}


/* -- 2023.3.26 add - -*/
div.nous{
 text-align:left;
 background-color:#c8e7fa;
 margin:3px 5px 10px 5px;
 padding:5px 3px 5px 8px;
}
div.nous p{
  margin:0 0 7px 0;
  padding:0;
  line-height:130%;
    
}


/* ====================================================================== */
/* --- marquee --- */
.marquee {
padding:0.5em 0;
overflow:hidden;
background-color:#fff;
margin-bottom:10px;
position:relative;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
margin:0;
font-size:11px;
padding-left:350px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:18s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:18s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:18s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:18s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:18s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}


   /*  --- スマホ・タブレット対応 PC側  --- */
br.ec{ display: none; }  /* pcでは改行しない */
br.ec2{ display: none; }  /* pcでは改行しない */
.pcnd , .pcnd2{ display: none; }  /* pcでは表示しない */



/* --------------- タブレット ------------------------ */
@media screen and (max-device-width: 979px){     /* 850px -> 979px */

#intrv{ font-size:15px; }
              /* 行数の関係でタブレットだけ、下マージン狭く */
#intrv p{ margin-right:26px; }

#bdy1{  height:59px; }
#bdx21{  height:157px; }

#bdx22{ height:578px; margin-top:3px; }   /* bdx21削除まえは 414px */
#tfoot p{ padding-top:3px; }

#menu1 li { height:54px; }
#menu1 a { padding: 19px 0px 15px 0px; height: 20px; font-size: 16px; }

#bdy2{  font-size:15px;}

#menu2 a { font-size: 16px; }
  /* リンク部分の余白でブロックサイズを縦方向へ伸ばす */
#menu2 a.pp1 { padding: 23px 0px 21px 0px; }
#menu2 a.pp2 { padding: 16px 0px 14px 0px; }
#menu2 a.pp3 { padding: 27px 0px 25px 0px; }
#menu2 a.pp4 { padding: 25px 0px 23px 0px; }
#menu2 a.pp5 { padding: 15px 0px 13px 0px; }
#menu2 a.pp6 { padding: 23px 0px 21px 0px; }
#menu2 a.pp7 { padding: 11px 0px 10px 0px; }
#menu2 a.pp8 { padding: 18px 0px 16px 0px; }
#menu2 a.pp9 { padding: 16px 0px 14px 0px; }

a.txt{ border-bottom:1px solid #77d; }

.marquee p { font-size:13px; }

br.ec2{ display: inline; }   /*  スマホ&タブレットでは改行する */
.smnd2{ display: none; }     /*  スマホ&タブレットでは表示しない */
.pcnd2{ display: inline; }   /*  スマホ&タブレットでは表示する */

}

/* --------------------- スマホ用 -----------------------------*/
@media screen and (max-device-width: 490px){      /*    490px => test  1490px => test 850px */

p.pxh1{ padding-left:8px; font-size:20px; width:432px; }
p.pxh2{ top: 34px; padding: 3px 2px 1px 2px; margin-left:48px; font-size:13px; }

#intrv{ font-size:17px; }
#intrv p{margin:0px 21px 2px 208px; text-align:left; padding:0px; } /* タブレットで狭くした下マージン戻す */
#bdy1{  height:64px; }

#menu1 li {  height:59px; }
#menu1 li.ql1   { width:180px; }
#menu1 li.ql2   { width:156px; }
#menu1 li.ql3   { width:200px; }
#menu1 li.ql4   { width:188px; }

#menu1 a { 
  padding: 22px 0px 17px 0px; /* リンク部分の余白 */ 
  height: 20px;
  font-size: 18px; /* リンク文字のサイズ */ 
}
#menu1 a:hover , #menu1 a:active { 
  font-size: 18px; /* リンク文字のサイズ */ 
}

#bdy2{  font-size:17px;}
#bdx21{ padding-bottom:8px; height:179px; margin-top:3px; }
#bdx21 p{ margin:2px 0.5em 2px 1em; }
#bdx22{ height:464px; margin-top:4px; }
#bdx22 dt{ padding:0px 8px 1px 12px; }
#bdx22 dd{ padding:1px 8px 8px 20px; }

#menu2 a { font-size: 18px; }

  /* リンク部分の余白でブロックサイズを縦方向へ伸ばす */
#menu2 a.pp1 { padding: 26px 0px 24px 0px; }
#menu2 a.pp2 { padding: 19px 0px 17px 0px; }
#menu2 a.pp3 { padding: 30px 0px 27px 0px; }
#menu2 a.pp4 { padding: 28px 0px 25px 0px; }
#menu2 a.pp5 { padding: 17px 0px 15px 0px; }
#menu2 a.pp6 { padding: 25px 0px 23px 0px; }
#menu2 a.pp7 { padding: 13px 0px 11px 0px; }
#menu2 a.pp8 { padding: 19px 0px 17px 0px; }
#menu2 a.pp9 { padding: 17px 0px 15px 0px; }

#menu2 a:hover , #menu2 a:active { 
  font-size: 18px; /* リンク文字のサイズ */ 
}

#tfoot p{ padding-top:3px; padding-bottom:3px; font-size:18px; }


.marquee p { font-size:15px; }

 /* -- スマホ・タブレット対応 スマホ側 -- */

br.nc{ display: none; }     /*  スマホでは改行しない */
br.ec{ display: inline; }   /*  スマホでは改行する */
.smnd{ display: none; }     /*  スマホでは表示しない */
.pcnd{ display: inline; }   /*  スマホでは表示する */

}