﻿/*
**	Syntax.css
**
** 2017.11.20
** 2025.5.12
** 2025.9.23	Open/Close追加
** 2025.10.7	Open/Close変更
*/

#primary{
	& h2 {margin-top:1.5em}
	& .a {display:none}
	& .C {text-align:center}
	& .L{text-align:left}
	& .R{text-align:right}
	& .T{vertical-align:top}
	& .m15{margin:1.5em 0}
	& .m20{margin:2em 0}
	& div.p p{
		margin:1em;
		padding:0;
	}

	/*Open/Close
	2025.9.23	Added
	2025.10.9	修正*/
	& .SeeAlso{
		margin-left:1em;

		& [OnClick]{
			cursor:pointer;
			& :is(img[src$="Collapse0.svg"],img[src$="Collapse1.svg"]){height:.83em;}
			& span.B{font-weight:bold;}
		}
		& [data-oc="o"] img[src$="1.svg"]{display:none;}
		& [data-oc="c"]{
			:is(& img[src$="0.svg"],& ~ .target){display:none;}
		}
		& .target{margin-left:1.3em;}
	}
}
pre{
	&.code{
		overflow:auto;
		margin:-1em 1em 0;
		padding:.5em;
		background-color:#FFC;
		border:1px solid #4264BF;
	}
	&.pdfRes{
		& .cmt{color:green;}
	}
	&.w200{width:180px}
}
.iB{display:inline-block}
div.pdfRes{
	overflow:auto;
	margin:0 1em;
	padding:.5em;
	border:1px solid #4264BF;
}
span.imgRes{	/*画像とファイル名表示用*/
	display:none;

	& span{
		cursor:pointer;
		color:#06C;
	}
}
span[class=scrl_ex]{	/*スクロール付き*/
	overflow:auto;
	max-width:80%; max-height:300px;
	padding:3px;
	border:1px solid #C6D4EC;
	& img{	/*スクロール付き*/
		border:1px solid blue;}
}
button.cnv{
	width:230px;height:50px;
	background:#fff url("/img/toImgCnvBtn2.png") no-repeat;
	border-style:none;
	border-radius:2px;
}
button.od{
	opacity:.6;
	cursor:not-allowed;
}
button.oe:active{
	background:#0ff url("/img/toImgCnvBtn2.png") no-repeat 0% 100%;
}
form.getThumb,form.toImg{line-height:2}

/*文書内リンク・他*/
#primary{
	& a[href^="#"]{text-decoration:none}
	& a{text-decoration:none}
	& a:hover,& a.uhv{text-decoration:underline}
}

/*Files*/
#primary{
	& .pdfRes + div{
		margin:0 1em 0 0;
		text-align:right;
	}
	& .pdfRes + div{
		& div{font-size:80%}
		& span{display:none;}
	}
}

/*PDF文書構造*/
#pdfFileStruct{
	width:200px;
	margin:5px 15px 5px 1em;
	border:1px solid #000;
	border-collapse:collapse;
	text-align:center;

	& td{
		padding:5px;
		border:1px solid #000;
	}
	& td a{display:block}
}

/*UL*/
#primary{
	& ul{list-style-image:url('/img/dot.png')}
	& li div{margin-bottom:.7em}
}

/*B-Table*/
#primary{
	& table.bTbl{
		border:1px solid #6CF;
		border-collapse:collapse;

		& caption{font-weight:bold;}
		& th{background-color:#6CF;}
		& td{
			padding:5px;border:1px solid #6CF;
			&.nw{white-space:nowrap;}
		}
		& > tbody > tr > td.AlignTop{vertical-align:top;}
		& ul{
			padding:0 0 0 1em;list-style:none none;
			& li{font-weight:normal;}
			& div{padding-left:.5em;}
		}
	}
	& table.m1em {margin:0 1em;}
	& table.XmpProp{
		& > caption{
			caption-side:bottom;
			font-size:80%;
			font-weight:normal;
			text-align:right;
		}
		& > tbody > tr > td{vertical-align:top;}
		& > tbody > tr > td:first-Child{font-weight:bold;}
	}
}
