/* mi Help main CSS */

/* general */
p { font:normal 10pt sans-serif; border:none; padding:5px 0 10px 5px; margin:0; line-height:1.5em;/*letter-spacing:1px;*/ }
a:link { text-decoration:none; border:none; color:/*#442200*/#302000; } 
a:visited { text-decoration:none; border:none; color:#302000; } 
a:hover { text-decoration:none; border:none; color:#302000; text-decoration:underline; } 
em { font-style:normal; font-weight:bold; }

p.kome { font:normal 8pt sans-serif; border:none; padding:5px 0 10px 5px; margin:0; line-height:1.4em; }

/* code */
code { font-family: SFMono-Regular, Consolas, "Courier New", monospace; font-size: 1em; background-color: #f9f9f9; padding: 0.1em 0.3em; border-radius: 4px; }

/* html, body */
html.main { height:100%; margin:0px; }
body.main { display:flex; height:100%; margin:0px; }
html.toc { height:100%; margin:0px; overflow:hidden; }
body.toc { padding:0px; margin:0px; overflow:hidden; }

/* header */
header#header { position:fixed; top:0, left:0; width:100%; height:50px; display:none; padding:0px; margin:0px; }
div.header { font:normal 9pt sans-serif; padding:5px 10px 5px; margin:0px; width:100%; border-bottom:1px solid gray; background-color:#FFFAED; }
div.header h1 { font:bold 18pt sans-serif; padding:0px; margin:0px; display:inline; }
div.header img { margin:0 10px 0 5px; padding:0px; display:inline; position:relative; top:8px; }
div.header img:hover { background:#EBEADA; border-radius:6px; transition:.1s; }
div.header iframe { border:none; padding:0; margin:0; height:30px; width:calc(100% - 200px); position:relative; top:12px; overflow:hidden; }
a.header_toc_item { font:bold 8pt sans-serif; line-height:1.5em; }

/* sidebar */
aside#sidebar { flex:0 0 200px; overflow:auto; border:none; height:100%; border-right:1px solid gray; background-color:#FFFAED;  }
div.sidebar { font:normal 9pt sans-serif; padding:5px 10px 5px; height:5000px; width:160px; }
div.sidebar h1 { font:bold 18pt sans-serif; padding:0px; margin:0px; display:inline; }
div.sidebar img { margin:0 0 0 5px; padding:0px; display:inline; position:relative; top:8px; }
div.sidebar img:hover { background:#EBEADA; border-radius:6px; transition:.1s; }
div.sidebar iframe { border:none; padding:0; margin:0; width:100%; height:100%; }

/* main */
main { flex:1 1 auto; overflow:auto; scroll-padding-top:60px;}
div.main_padding_top { height:60px; display:none; }

/* content frame */
div.content { padding:0 20px 20px 10px; }
div.content h1 { border-bottom:3px solid orange; font:bold 12pt sans-serif; padding:4px 1px 4px; margin:18px 2px 12px 0px; }
div.content h2 { border-bottom:2px solid orange; font:bold 10pt sans-serif; padding:3px 1px 3px; margin:18px 2px 12px 0px; }
div.content h3 { /*border-bottom:1px solid orange;*/ font:bold 9pt sans-serif; text-decoration:underline; padding:2px 1px 2px; margin: 12px 2px 3px 0px; color:#005500; }
div.content h4 { font:bold 8pt sans-serif; text-decoration:underline; padding:4px 6px 3px; margin:2px;  }

div.content table { border-collapse:collapse; }
div.content table, td, tr { border:1px solid black; }

div.content code { font:normal 8pt Monaco; }
div.content samp { font:normal 8pt Monaco; }

div.content th { font:bold 10pt sans-serif; background-color:#EEEEEE; border:1px solid black; }
div.content td { font:normal 10pt sans-serif; padding:3px 2px 1px; }
div.content p { padding:3px 0 3px 16px; }
div.content td p { padding:3px 2px 3px; }
div.content li { font:normal 10pt sans-serif; padding:3px; }
div.content img { padding:3px 0 3px 16px; }
div.content a:link { text-decoration:none; border:none; color:black; border-bottom:1px dashed #777777; } 
div.content a:visited { text-decoration:none; border:none; color:black; border-bottom:1px dashed #777777; } 
div.content a:hover { text-decoration:none; border:none; color:#7788EE; border-bottom:1px dashed #777777; } 
div.content pre { padding:3px 0 3px 16px; line-height:1.5em; }

div.sample p { font:normal 8pt sans-serif; padding:0 5px 0; margin:2px 5px 2px 16px; }
div.sample pre { font:normal 8pt Monaco; border:1px solid #C5C5D9; background-color:#E9E9FF; padding:5px; margin:5px 5px 5px 16px; }
span.sample { font:normal 8pt Monaco; }
.sample code { all:unset; }

span.icon img { padding:2px; vertical-align:bottom; }

/* リファレンス部分用 */
div.ref p { padding:3px 0 3px 3px; }
div.ref pre { padding:3px 0 3px 3px; }

div.syntax { font: normal 10pt Monaco; border:1px solid #CCCCCC; background-color:#F2F2F2; padding:5px; margin:5px 5px 5px 20px;  }
span.syntax { font-weight: normal; font-family:Monaco;  }
span.fix { font: bold 9pt Monaco; }
span.var { font: italic 9pt Monaco; }

span.menu { font: bold 9pt sans-serif; background-color:/*#FFCC00*/#FFF4B5; }
span.menu:before { content:"[ "; }
span.menu:after { content:" ]"; }

span.pref { font: bold 9pt sans-serif; background-color:#D3F5C3; }
span.pref:before { content:"「"; }
span.pref:after { content:"」"; }


table.param { margin:5px 5px 5px 20px; }

/* toc frame */
div.chapter { margin:0 0 10px; }
div.chapter ul { margin:0; padding:0; }
div.chapter li { margin:0 0 5px 20px ; padding:0; list-style-type:none; }
div.chapter li.item { font:bold 9pt sans-serif; margin:0 0 5px 20px ; padding:0; list-style-type:none; line-height:1.5em; text-indent: -1em; padding-left: 1em; }
div.chapter li.smallitem { font:normal 8pt Monaco; margin:0 0 5px 20px ; padding:0; list-style-type:none; line-height:1.5em;  }
div.chapter h2 { font:bold 10pt sans-serif; padding:0px; margin:2px 0px 5px 2px; cursor:pointer; background-image:url(rightarrow.gif); background-repeat:no-repeat; text-indent:16px;}
div.chapter h3 { font:bold 8pt sans-serif; padding:0px; margin:2px 0px 5px 18px; cursor:pointer; }
div.chapter2 h2 { font:bold 9pt sans-serif; padding:0px; margin:2px 0px 5px 2px; cursor:pointer; text-indent:0px;}

div.nav { font:normal 9pt sans-serif; border:none; padding:10px; border:1px solid gray; background-color:#FFFAED;  }
p.nav a:link { font:bold 9pt sans-serif; text-decoration:none; border:none; color:/*#442200*/#302000; } 
p.nav a:visited { font:bold 9pt sans-serif; text-decoration:none; border:none; color:#302000; } 
p.nav a:hover { font:bold 9pt sans-serif; text-decoration:none; border:none; color:#302000; text-decoration:underline; } 

table.jsSyntax tr td:nth-child(1) { width:400px; }
table.jsSyntax tr td:nth-child(1) code { font:normal 9.5pt Monaco; }
table.jsSyntax tr td:nth-child(2) { width:600px; }

/* table */
table.generalTable { border-collapse: collapse; width: 100%; margin-bottom: 1.5em; font-size: 1em; line-height: 1.6; }
table.generalTable thead tr { background-color: #f0f0f0; }
table.generalTable th, table.generalTable td { border: 1px solid #ccc; padding: 0.5em; text-align: left; vertical-align: top; }