.box {
  /* ① レイアウト */
  display: flex;
  position: relative;

  /* ② サイズ・余白 */
  width: 100%;
  height: 40px;
  margin: 10px;
  padding: 8px;

  /* ③ 見た目 */
  background: #f5f5f5;
  border: 1px solid #ccc;

  /* ④ テキスト */
  font-size: 14px;
  text-align: center;

  /* ⑤ その他 */
  cursor: pointer;
}



/*Type*/
body						{ background-color:#796646; color:#000000; font-size: 16px; line-height:1.4em; }
header						{ display: flex; max-width:940px; width:100%; margin:0 auto; padding:10px 0px; background-color:#ffffff; text-align:left; }
main						{ max-width:940px; width:100%; margin:0 auto; padding: 0px 0px; background-color:#ffffff; }
footer						{ max-width:940px; width:100%; margin:0 auto; padding:10px 0px; background-color:#ffffff; text-align:center; font-size: 12px; }


/*id*/
#wrapper					{ max-width:960px; width:100%; margin:0 auto; background-color:#ffffff; text-align:left; }
#menu						{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; bottom: 10px; max-width:940px; width:100%;}
#footerad					{ max-width:940px; width:100%; margin:0 auto; background-color:#ffffff; text-align:center; padding:10px 0px; }


/*class*/
tr.color1					{ border:0px #000000 solid; padding:2; background-color:#aaaa88;}
tr.color1 th				{ border:0px #000000 solid; padding:2; background-color:#aaaa88;}
tr.color1 td				{ border:0px #000000 solid; padding:2; background-color:#aaaa88;}
tr.color2					{ border:0px #000000 solid; padding:2; background-color:#ccccaa;}
tr.color2 th				{ border:0px #000000 solid; padding:2; background-color:#ccccaa;}
tr.color2 td				{ border:0px #000000 solid; padding:2; background-color:#ccccaa;}
tr.color3					{ border:0px #000000 solid; padding:2; background-color:#eeeecc;}
tr.color3 td				{ border:0px #000000 solid; padding:2; background-color:#eeeecc;}


table.tbl1					{ max-width:920px; width:100%; border-collapse:separate; border-spacing:2px; margin:0 auto; background-color:#ffffff; }
table.tbl2					{ max-width:920px; width:100%; border-collapse:separate; border-spacing:2px; margin:0 auto; background-color:#ffffff; font-size:12px; }
table.tbl3					{ max-width:920px; width:100%; border-collapse:separate; border-spacing:2px; margin:0 auto; background-color:#ffffff; text-align:center; }




a							{ text-decoration:none;}
a:link						{ color:#1122cc; }
a:visited					{ color:#551A8B; }
a:hover						{ color:#796646; text-decoration:underline;}

tr:nth-child(odd) 			{ border:#000000 solid; background-color:#faf5b8;}
tr:nth-child(even)			{ border:#000000 solid; background-color:#ffeeaa;}
tr:hover 					{ background-color: #ffe6f0;}


hr.hr180					{ width: 90%; margin: 5px 0;}
hr.hr490					{ width: 90%; }


caption						{ text-align:left; }




.headermenu					{ position: sticky; top: 0; z-index: 1000;}

.topmenu					{ max-width:940px; width:100%; margin:0 auto; background-color:#ffffff; text-align:left; padding:0px 0px;}
.topmenu ul 				{ display: flex; list-style: none; align-items: center; margin: 0; padding: 0; }
.topmenu li + li::before	{ content: "|"; margin: 0 10px; color: #999999; }

.breadcrumb							{ max-width:940px; width:100%; margin:0 auto; background-color:#ffffff; text-align:left; padding:0px 0px; font-size: 12px; color: #666666;}
.breadcrumb ul 						{ display: flex; list-style: none; align-items: center; margin: 0; padding: 0; }
.breadcrumb li + li::before 		{ content: ">"; margin: 0 10px; color: #666666; }
.breadcrumb li:first-child::before	{ content: "▲"; margin-right: 6px; color: #666666; }

.menulist 					{ padding: 20px; background: #dddddd;}

.contents1					{ box-sizing: border-box; max-width:920px; width:100%; margin:5px auto 0; background-color:#faf5b8; padding:10px; }
.contents2					{ box-sizing: border-box; max-width:940px; width:100%; margin:5px auto 0; background-color:#faf5b8; padding:10px; }

.headline1					{ display:block; background-color:#ff8c42; color:#ffffff; border-radius:100px; font-weight:bold; line-height:1.25em; padding:2px 14px; min-width: 100px; text-align: center;}
.headline1 a 				{ color: #ffffff; text-decoration: none; }

.linkmerge span				{ display:block; }

.navleftright				{ display:flex; justify-content: space-between; }
.prev::before 				{ content: "<< "; }
.next::after 				{ content: " >>"; }

.txtcenter					{ text-align: center; }





/*
p							{ line-height:1.4em}




#rightcolumn		{ width: 300px; margin:5; padding:10; background-color:#dddddd;}


















#breadcrumb		{ text-align:center;}

table.tbl3		{ font-size:15px; border-collapse:separate; border-spacing:2px; margin:0 auto; background-color:#ffffff;}

tr.color4		{ border:0px #000000 solid; padding:2; background-color:#796646;}

tr.cl_giants	{ border:0px #000000 solid; padding:2; background-color:#ff9500;}
tr.cl_tigers	{ border:0px #000000 solid; padding:2; background-color:#ffff00;}
tr.cl_dragons	{ border:0px #000000 solid; padding:2; background-color:#4169e1;}
tr.cl_braves	{ border:0px #000000 solid; padding:2; background-color:#000000;}
tr.cl_hawks		{ border:0px #000000 solid; padding:2; background-color:#008000;}
tr.cl_senators	{ border:0px #000000 solid; padding:2; background-color:#ffd700;}
tr.cl_whales	{ border:0px #000000 solid; padding:2; background-color:#191970;}
tr.cl_carp		{ border:0px #000000 solid; padding:2; background-color:#ff0000;}
tr.cl_swallows	{ border:0px #000000 solid; padding:2; background-color:#7cfc00;}
tr.cl_orions	{ border:0px #000000 solid; padding:2; background-color:#ff69b4;}
tr.cl_lions		{ border:0px #000000 solid; padding:2; background-color:#00ffff;}
tr.cl_eagles	{ border:0px #000000 solid; padding:2; background-color:#8b0000;}
tr.cl_extinct	{ border:0px #000000 solid; padding:2; background-color:#808080;}

tr.cl_pirates	{ border:0px #000000 solid; padding:2; background-color:#ff4500;}
tr.cl_guyners	{ border:0px #000000 solid; padding:2; background-color:#808000;}
tr.cl_fdogs		{ border:0px #000000 solid; padding:2; background-color:#000000;}
tr.cl_isocks	{ border:0px #000000 solid; padding:2; background-color:#00008b;}

tr.cl_albirex	{ border:0px #000000 solid; padding:2; background-color:#ff6600;}
tr.cl_gserows	{ border:0px #000000 solid; padding:2; background-color:#ff0033;}
tr.cl_tbirds	{ border:0px #000000 solid; padding:2; background-color:#009933;}
tr.cl_mstars	{ border:0px #000000 solid; padding:2; background-color:#0033ff;}
tr.cl_dpegasus	{ border:0px #000000 solid; padding:2; background-color:#5a6fb0;}
tr.cl_elephants	{ border:0px #000000 solid; padding:2; background-color:#ffff00;}

tr.cl_dreams	{ border:0px #000000 solid; padding:2; background-color:#be0081;}
tr.cl_smileys	{ border:0px #000000 solid; padding:2; background-color:#005bac;}
tr.cl_honeys	{ border:0px #000000 solid; padding:2; background-color:#ffc800;}

th				{ border:0px #000000 solid; padding:2; background-color:#cccccc; font-weight:normal; text-align:left; }
hr.hr900		{ width:900px; }

#leftcolumn		{ font-size:15px; float:left; width: 180px; margin:5; padding:10; background-color:#dddddd;}	/*5+10+180+10+5 = 210
#contents2		{ font-size:15px; width: 940px; margin:5 auto; padding:10; background-color:#ffffff;}
#contents4		{ font-size:15px; float:left; width: 580px; margin:5 auto; padding:10; background-color:#ffffff;}
#__rightcolumn	{ float:left; width: 300px; margin:5; padding:10; background-color:#dddddd;}	/*5+10+300+10+5 = 330





.date_week		{ background-color:#ffffff; color:#000000; border-radius:100px; font-weight:bold; line-height:1.25em; padding:1px 7px;}
.date_sat		{ background-color:#edf2fc; color:#0000ff; border-radius:100px; font-weight:bold; line-height:1.25em; padding:1px 7px;}
.date_sun		{ background-color:#ffdddd; color:#ff0000; border-radius:100px; font-weight:bold; line-height:1.25em; padding:1px 7px;}

.trimming		{ position:relative; height:175px; }
.img1			{ position:absolute; clip: rect(0px 280px 175px 0px); }

.clear			{ clear:both; }
.clear hr		{ display:none; }