a{margin:10px}

body{line-height:130%;background-color:#ffcc00;}
h1,h2,h3,h4,h5{font-size:17px;border-left: 4px green solid;padding:2px;margin:3px 0px;}
div#al {width:350px; margin:auto;background-color:#ffffff; height:max-content;overflow-wrap: break-word;}
div#content{width:350px;}
div#head {width:350px;background-color :  #ffffcc;padding:3px;font-size:16px;border-bottom: 2px maroon solid;}
div#foot {width:350px;text-align:center; clear: both;}td {font-size:16px;line-height:140%;}td#content {padding:4px;vertical-align:top;}
div#foot a{margin:10px}td {font-size:16px;line-height:140%;}
#kakulink a{font-size:17px;color:blue;width:40px;text-align:center;
border:1px maroon solid;text-decoration: none;margin:10px;float: left;padding:4px;}
#klink {line-height:normal;}#klink a{font-size:25px;color:blue;border:1px maroon solid;text-decoration: none;margin:9px;float: left;padding:4px;}
#kakulink,#klink,#sublink a:hover { background-color:#80FF00; }

#jyukugo {width:345px;border: 1px green solid;}
#jyukugo td{overflow-wrap: break-word;}
#jyukugo th{font-size:16px;background-color:#80FF00;}
#sublink a{font-size:16px;color:blue;padding:4px;
border:1px maroon solid;text-decoration: none;margin:5px 20px;float: left;overflow-wrap: break-word;}
#tplist a{font-size:16px;color:blue;padding:3px;
border:1px maroon solid;text-decoration: none;margin:10px;float: left;}
#koumoku {width:97%;margin:9px 1px;border-bottom: 4px #ffd37d dotted;color:green;}
#todo td{vertical-align:top;}
#todo th{width:160px;margin:9px 1px; background-color:#80FF00;border-bottom: 1px #000000 solid;color:green;}
#page-wrap { width: 400px; margin: 1px 1px; }
#page-wrap ul{margin: 5px 1px;}
.imsize {width: 80%;height: 80%;} .imsize2 {width: 40%;height: 40%;}
table#yoji ul{padding:2px;margin:0px;list-style-type:none;vertical-align: top;width:100%;}
#yoji span{font-size:17px;}
#yoji td{vertical-align: top;}
		.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 17px Helvetica, Arial, Sans-Serif;
		}
		.breadcrumb li { 
			float: left;
		}
		.breadcrumb li a {width:18px;
			color: blue;
			text-decoration: none; 
			padding: 3px 0px 0px 35px;
			background: brown;                   /* fallback color */
			background: hsla(34,85%,35%,1); 
			position: relative; 
			display: block;
			float: left;
		}
		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(34,85%,35%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 30px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.breadcrumb li:first-child a {
			padding-left: 10px;
		}

		.breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
		.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
		.breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
		.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
		.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
		.breadcrumb li:last-child a {
			background: white !important;
			color: black;
			pointer-events: none;
 			cursor: default;
		}


		.breadcrumb li:last-child a:after { border: 0; }
		.breadcrumb li a:hover { background-color:#80FF00; }
		.breadcrumb li a:hover:after { border-left-color: #80FF00 !important; }