a{margin:6px}
#content {padding:1px;vertical-align:top;}
body{line-height:120%;background-color:#ffcc00;}
h1,h2,h3,h4,h5{font-size:18px;border-left: 4px green solid;padding:2px;margin:3px 0px;}
div#al {width:925px; margin:auto;background-color:#ffffff;overflow-wrap: break-word;}
div#head {background-color :  #ffffcc;padding:3px;font-size:16px;
border-bottom: 2px maroon solid;
}div#foot {text-align:center;}td {font-size:16px;line-height:140%;}
#kakulink a{font-size:18px;color:blue;width:45px;text-align:center;
border:1px maroon solid;text-decoration: none;margin:4px;float: left;padding:4px;}
#kakulink,#klink,#sublink a:hover { background-color:#80FF00; }
#klink {line-height:normal;padding:2px;}#klink a{font-size:18px;color:blue;border:1px maroon solid;text-decoration: none;margin:6px;float: left;padding:2px;}
#jyukugo {width:100%;border: 1px green solid;}
#jyukugo th{font-size:80%;background-color:#80FF00;}
#sublink a{font-size:20px;color:blue;padding:3px;
border:1px maroon solid;text-decoration: none;margin:6px;float: left;}
#tplist a{font-size:20px;color:blue;padding:3px;
border:1px maroon solid;text-decoration: none;margin:6px;float: left;}
#koumoku {width:920px;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;}
.srd{width:336px;text-align:center;float: left;margin-right:24px;}
.ar2{float: left;}
div#gl {border: 1px solid #CCCCCC;margin: 3px;}
.ka1{width:360px;float: left;margin-left: 3px;}
.ka2{border-left: 1px solid #CCCCCC;float: left;}
		.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 16px 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; }