@charset "utf-8";
/* テキストWeb用スタイルシート ダークモード(黒背景・白文字)
   textwebr.css から分割 (2026-08)。theme.js が link の media 属性で適用を切り替える。
   Copyright 2000(C) by 高知システム開発 */

:root { color-scheme: dark; }


	
html,body {
	width:100%;
	height:100%;
	font-size:130%;
	line-height:1.5;

}
	
kbd , .key {
	height: 1.3en;
	min-width: 20px;
	padding: 0 10px;
	margin: 5px 10px;
	background: #404040;
	border-radius: 8px;
	border: 2px solid;
	border-color: #ffffff;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
	color: #FFFCDB;
	font-size: 100%;
	font-family: arial;
	font-weight: normal;
	text-align: center;
	line-height: 1.3en;
	display: inline-block;	
}

p,ol,ul{ 
	text-indent: 0px;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 10px;
	margin-bottom: 10px; 
}
ol li, ul li {
	text-indent: 0px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px; 
	padding-left: 0; 
	font-size: 100%;
	font-family: "MFW-UDShinMGoPro-Medium";
	font-weight: normal; 
}	
	
	
	
	
table{
	font-size: 60%;
	text-indent: 0px;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 10px ;
	margin-bottom: 10px; 
	border-collapse: collapse;

	border-radius: 10px;
	width: 85%;

  }

  table a:link{ color: #ffffff; 	text-decoration:underline; }
  table a:visited{ color: #ffffff; text-decoration:underline; }
  table a:hover{ color: #ffff00  }
  table a:active{ color: #ffffff; 	text-decoration:underline; }
  table a:focus{ color: #000; border-style:solid; border-width:4pt; border-color:#ffff00; outline:none }
 
  .tb01 th,
  .tb01 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align:center;
	box-sizing:border-box;
  }
  .tb01 th {
	background: #0d009d;
	color: #ffff00;
	
  }


  @media screen and (max-width: 720px) {
	.tb01 .head{
	  display:none;
	}
	.tb01 {
	  width: 85%;
	}
	.tb01 td,
	.tb01 th{
	  display: block;
	  width: 85%;
	  border-bottom:none;
	}
	.tb01 td{
	  padding: 0px 12px 0 0;
	  display: block;
	  width: 85%;
	  line-height: 2.5;
	  text-align:left;
	}
	.tb01 td:before{
	  color: #ffffa0;
	  content: attr(data-label);
	  font-weight: bold;
	  padding: 0px 10px;
	  display: inline;
	  background-color: #25006af6;
	  margin-right: 10px;
	  float: left;
	}
	.tb01 tr:last-child{
	  border-bottom: solid 1px #ccc;
	}
  }
  @media screen and (max-width: 480px) {
	table {	
		font-size: 90%;
		margin-left: 0px;
		margin-right: 10px;
	}
	.tb01 th{
		width: 110%;	

	}
	.tb01 td{
		width: 110%;	

	}
  }


	
iframe.map{
	filter:invert(100%);
	-webkit-filter:invert(100%)	
}
	
#textbox {
	width:100%;
	height:auto;
  	padding:1px 0;
	max-width:1080px; /* 2026-08: 980px から拡大 (1行約43字・読みやすさの上限内) */
	background-color: #000000; 
	display:block;
	margin:0 auto;
	border-radius: 20px
}

a{	padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;
	text-decoration:none;
	border-radius: 20px 
}
a:link     	{ color: #bdfefa}
p.link1     { text-indent: 80em; margin-top: 1px; margin-bottom: 0px }
a:visited   { color: #bdfefa}
a:hover     { color: #FFFF00; text-decoration:underline }
a:active    { color: #bdfefa; background-position: center }
a:focus		{ color: #000000; background-color: #FFFF00; outline:none }



body
{
	color: #FFFFFF; 
	font-family: "MFW-UDShinMGoPro-Medium";
	font-weight: normal; 
	background-color: #808080; 

	margin: 0 0; 
	padding: 0 0

}

div
{
	background-attachment: scroll; 
	background-repeat: repeat-y; 
	background-position: right 	
}



div.top { BACKGROUND-IMAGE: url('images/kabegamim.gif') }
div.top1 { BACKGROUND-IMAGE: url('images/kabegami1m.gif') }
div.top2 { BACKGROUND-IMAGE: url('images/kabegami2m.gif') }
div.top3 { BACKGROUND-IMAGE: url('images/kabegami3m.gif') }
div.top4 { BACKGROUND-IMAGE: url('images/kabegami4m.gif') }
div.top5 { BACKGROUND-IMAGE: url('images/kabegami5m.gif') }
div.top6 { BACKGROUND-IMAGE: url('images/kabegami6m.gif') }
div.top9 { BACKGROUND-IMAGE: url('images/kabegami9m.gif') }




p.tab0       { margin-left: 0px; margin-right: 60px }
p.tab1       { margin-left: 30px; margin-right: 60px}
p.tab2       { margin-left: 60px; margin-right: 60px }
p.tab3       { margin-left: 120px; margin-right: 60px  }
p.ntab0      { margin-left: 0px; margin-top: 7pt; margin-bottom: 7pt ;margin-right: 60px }
p.ntab1      { margin-left: 30px; margin-top: 7pt; margin-bottom: 7pt ;margin-right: 60px }
p.ntab2      { margin-left: 60px; margin-top: 7pt; margin-bottom: 7pt  ;margin-right: 60px }
p.ntab3      { margin-left: 100px; margin-top: 7pt; margin-bottom: 7pt ;margin-right: 60px }
p.warning    { color: #FF0000; font-family:"MFW-UDShinMGoPro-Bold" ; margin-left: 0px  }
strong.revtop, strong.revtop1, strong.revtop2, strong.revtop3, strong.revtop4, strong.revtop5, strong.revtop6, strong.revtop9
{
	font-size: 150%;
	color: #FFFFFF;
	border-style: solid
}
strong.revtop  { background-color: #0066FF }
strong.revtop1 { background-color: #008000 }
strong.revtop2 { background-color:rgb(249,142,227) }
strong.revtop3 { background-color:rgb(32,210,184) }
strong.revtop4 { background-color:rgb(233,92,184) }
strong.revtop5 { background-color:rgb(53,14,156) }
strong.revtop6 { background-color:rgb(236,148,40) }
strong.revtop9 { background-color:rgb(255,0,0) }

strong.rev, strong.rev1, strong.rev2, strong.rev3, strong.rev4
{color: #FFFFFF; background-color: #008000; font-family:"MFW-UDShinMGoPro-Bold";  border-style: solid }
strong.rev2  { background-color: #008000;  }
strong.rev3  { background-color: #000080;  }
strong.rev4  { background-color: #800000;  }
strong.look  { color: #D56A00; font-family:"MFW-UDShinMGoPro-Bold" }
strong.bigtitle { color: #800000; font-size: 150%; font-family: Century; letter-spacing: -6pt; 
               font-family:"MFW-UDShinMGoPro-Bold"}
strong.addtitle { color: #006600; letter-spacing: -1pt;font-family:"MFW-UDShinMGoPro-Bold"}

h1, h2, h3, h4, h5, h6
{
	margin-right: 40px; margin-left: 60px;
	font-family:"MFW-UDShinMGoPro-Bold"
}
h1           {
	font-size: 150%;
	margin-left: 20px;
	margin-right: 60px;
	color: #FFFF00;
	margin-top: 14pt;
	margin-bottom: 12pt
}
h2           { font-size: 130%; text-indent: 0px; color: #FFFF00; 
               margin-top: 14pt; margin-bottom: 12pt; margin-left: 40px; margin-right: 60px }
h2.tab1      { font-size: 130%; text-indent: 0px; 
                margin-top: 14pt; margin-bottom: 12pt; margin-left: 60px; margin-right: 60px}
h3           { font-size: 120%; text-indent: 0px;  color: #FFFF00; 
               margin-left: 60px; margin-right: 60px ; margin-top: 10pt; 
               margin-bottom: 8pt}
h4           { font-size: 110%; text-indent: 0px;  color: #FFFF00; 
               margin-top: 10pt; margin-bottom: 8pt; margin-right: 40px }

hr {  height: 3px; margin-left: 60px;margin-right: 60px ; margin-top: 0px; margin-bottom: 0px;
border-width: 1px; color: #C0C0C0;margin-right: 60px; 
	border: thin solid #C0C0C0; background-color: #C0C0C0;
	border-radius: 5px}
hr.tab0      {
	margin-left: 20px;
	margin-right: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-width: 4px;
	border-radius: 5px;
}
hr.tab1      { border-width: 2px; color: #C0C0C0; margin-left: 30px; margin-right: 60px; margin-top: 0px; margin-bottom: 0px }
hr.tab2      { border-width: 2px; color: #C0C0C0; margin-left: 60px; margin-right: 60px; margin-top: 0px; margin-bottom: 0px }
hr.ntab0      { background-image: url('images/line0.gif'); border-style: solid ; margin-right: 60px; margin-top: 18px; margin-bottom: 18px }
hr.ntab1      { border-width: 2px; color: #C0C0C0; margin-left: 30px;margin-right: 60px;margin-top: 18px; margin-bottom: 18px }
hr.ntab2      { border-width: 2px; color: #C0C0C0; margin-left: 60px;margin-right: 60px ;margin-top: 18px; margin-bottom: 18px }
hr.tabm {border-width: 0px; margin-left: 60px;margin-right: 60px ;margin-top: 0px; margin-bottom: 0px;
border: hidden;background-color: #000000; height: 0px
}

div { margin-left:10px}
div.l1 {margin-left:40px }
div.l2 {margin-left:70px}

img {	border: 0px}
	
select { 
	border-width:4pt;
	border-color:#000000;
	border-block-end: 4pt solid;
	border-block-end-color: #D4D000;
	writing-mode: horizontal-tb;

	text-indent: 0px;
	border-radius:0px;
	font-size:100%;
	padding: 2pt 5pt 2pt 10pt;

	margin-left: 60px; margin-right: 0px; 
	margin-top: 8pt; margin-bottom: 8pt;
	background-color: #000000 ; 
	color: #ffffff; 
	&:focus {
			border-radius:20px;
		border-style:solid ;border-width:4pt; border-color:#FFFF00; outline:none;
		background-color: #002BF1; color: #FFFF00;
	}
	&:hover {
		color: #FFFF00; background-color: #002BF1; outline:none;
    }
}
input { 
	border-color:#dbdbdb;	
	border-style:solid;	
	padding-left: 13px;
	padding-right: 13px;
	font-size:110%;
	border-width:4pt;
	border-radius:20px;
	line-height: 32pt; text-indent: 0px;
	margin-left: 60px; margin-right: 0px; 
	margin-top: 4pt; margin-bottom: 4pt;
	background-color: #1d1d1d ; 
	color: #ffffff; 
	&:focus {
		border-radius:25px;
		border-style:solid ;border-width:4pt; border-color:hsl(60, 100%, 50%); outline:none;
		background-color: #11049f;
	}
	&:hover {
		color: #ffffff; background-color: #0004ff; outline:none;
    }	
}
/* ラジオボタン・チェックボックス (弱視対応・ダーク: 大きく表示し、テキストの中央に揃える) */
input[type="radio"], input[type="checkbox"] {
	appearance: auto;
	color-scheme: dark; /* 未選択の箱を暗色で描画し、選択済みと誤認させない */
	width: 1.4em; height: 1.4em;
	vertical-align: middle;
	margin-right: 8pt;
	padding: 0;
	border: none;
	border-radius: 0;
	line-height: normal;
	background-color: transparent;
	accent-color: #FFFF00;
	&:focus {
		outline: 4pt solid #FFFF00; outline-offset: 2pt;
		border: none; background-color: transparent;
	}
	&:hover {
		outline: 4pt solid #4D6BFF; outline-offset: 2pt; /* #002BF1は黒背景で2.6:1と見えにくいため明るく */
		background-color: transparent;
	}
}
input.button { 
	display: inline-block;
	border-style:solid;
	font-size:100%;
	border-radius:30px;
	border-width:4pt;
	border-color:#FFFF00;	
	line-height: 32pt; text-indent: 0px;
	margin-left: 60px; margin-right: 0px; 
	margin-top: 4pt; margin-bottom: 4pt;
	background-color: #000000 ; 
	color: #FFFF00 ;
	padding: 2pt 15pt 2pt 20pt;
	&:focus {
		border-radius:30px;
		border-style:solid ;border-width:4pt; border-color:#FFFF00; outline:none;
		background-color: #FFFF00; color: #000000 ;
	}
	&:hover {
		color: #000000; background-color: #FFFF00;
    }		
}	
	
textarea { 
	border-color:#dbdbdb;
	border-style:solid;
	border-radius:20px;
	border-width:4pt;
	padding-left: 13px;
	padding-right: 13px;
	font-size:110%;
	line-height: 22pt; text-indent: 0px;
	margin-left: 60px; margin-right: 0px; 
	margin-top: 4pt; margin-bottom: 4pt;
	width: 80%;
	background-color: #1d1d1d ; 
	color: #ffffff; 
	&:focus {
		border-radius:25px;
		border-style:solid ;border-width:4pt; border-color:hsl(60, 100%, 50%); outline:none;
		background-color: #11049f;
	}
	&:hover {
		color: #ffffff; background-color: #0004ff; outline:none;
	}
}
/*------------■■[ 320 x 480 ]■■------------*/

@media only screen 
    and (max-width:480px)  
    { 

#textbox {
	width:100%;
	height:auto;
  	padding:4px 4px;
	max-width:480px;
	background-color: #000000; 
	display:block;
	margin:0 0;
}


body
{
	background-color: #000000; 
	margin: 0 0; 
	padding: 0 0 
}



/*壁紙*/
div.top { BACKGROUND-IMAGE: url('images/kabegamis.gif') }
div.top1 { BACKGROUND-IMAGE: url('images/kabegami1s.gif') }
div.top2 { BACKGROUND-IMAGE: url('images/kabegami2s.gif') }
div.top3 { BACKGROUND-IMAGE: url('images/kabegami3s.gif') }
div.top4 { BACKGROUND-IMAGE: url('images/kabegami4s.gif') }
div.top5 { BACKGROUND-IMAGE: url('images/kabegami5s.gif') }
div.top6 { BACKGROUND-IMAGE: url('images/kabegami6s.gif') }
div.top9 { BACKGROUND-IMAGE: url('images/kabegami9s.gif') }

/*インデント(段落)*/
p,li
{
	margin-left: 0px;
	margin-right: 10px;
} 
p.tab0       { margin-left: 0px }
p.tab1       { margin-left: 0px }
p.tab2       { margin-left: 0px }
p.tab3       { margin-left: 0px }
p.ntab0       { margin-left: 0px}
p.ntab1       { margin-left: 0px}
p.ntab2      { margin-left: 0px }
p.ntab3       { margin-left: 0px}
p.warning    { margin-left: 0px ; 
}
/*タイトルヘッダ反転強調文字*/
strong.revtop,strong.revtop1,strong.revtop2,strong.revtop3,strong.revtop4,strong.revtop5,strong.revtop6,strong.revtop9
{
	font-size:110%
}
/*見出し*/
h1,h2,h3,h4,h5,h6
{
	font-size: 110%;
	margin-right: 10px; margin-left: 0px
}

/*水平線*/
hr { margin-left: 0px;margin-right: 20px }
hr.tab0      { margin-left: 0px; margin-right: 20px}
hr.tab1      { margin-left: 0px; margin-right: 20px}
hr.tab2      { margin-left: 0px; margin-right: 20px}
hr.ntab0     { margin-left: 0px; margin-right: 20px}
hr.ntab1     { margin-left: 0px; margin-right: 20px}
hr.ntab2     { margin-left: 0px; margin-right: 20px }
hr.tabm {border-width: 1px; margin-left: 0px;margin-right: 20px ;margin-top: 3px; margin-bottom: 3px;
height: 0px; border: solid ;color:#666666; background-color: #000000
}
div { margin-left:0px}
div.l1 {margin-left:0px }
div.l2 {margin-left:0px}


select {margin-left: 0px; margin-right: 10px}
input {margin-left: 0px; margin-right: 10px}
textarea {margin-left: 0px; margin-right: 10px}
input.button {margin-left: 0px; margin-right: 10px} /* スマホではボタンも行頭(pと同じ位置)から開始する */

} 

/*---*/

/* WordPress(aok-net.co.jp)由来のRSS本文に含まれる<mark>強調。
   インラインstyleの暗い赤(#cf2e2e)は黒背景で読めないため、
   !importantでstyle属性より優先し、黒背景で読みやすい強調色に統一する */
mark {
	background-color: transparent !important;
	color: #FF8A8A !important;
}