.w100{ width:98%;}
.notinstalled { color:red;font-weight:bold;}
#regex,#rtext,#chikan{padding: 2px 5px;}
.opcl{font-size:0.8em;}
.opcl::before{content:"*";}
.opcl{
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.opcl span{
    cursor: pointer;
}
.opcl span:hover{
    border-bottom: 1px dotted blue;
    color:blue;
}
.hlref{
    border: 1px solid #cecece;
    margin: 1em 0;
}
.hlref ul li{
    list-style: none;
display: inline;
    float: left;
    background: none;
    padding: 0;
    margin-bottom: 2px;
}
.hlref ul li:not(:last-child){
    border-right: 1px solid #777;
}
.hlref a{
    padding: 0 1em;
}
.ct{color:#FF0A0A;font-size:0.8em;}
#rtext{
    min-height:6em;
}
.content_title{
    background: #cecece;
    color: #000;
    padding: 2px 1em;
    border-top: solid 2px #333;
    border-bottom: solid 2px #333;
}
.content_title span{
    background: white;
    padding: 0 1em;
}
.kaisetu{
    border-top: 1px solid #cecece;
    padding-top: 0.5em;
}
.execode{
    border: 1px dotted #888;
    margin: 3em 0 1em 0;
    padding: 5px;
    min-height: 3em;
    position: relative;
}
.execode:before{
    content: "実行コード";
    position:absolute;
    top:-2em;
}
.blackbox{
min-height: 3em;
border: solid 2px #000;
border-radius: 5px;
margin: 3em 0 1em 0;
padding: 5px;
    position: relative;
    max-height: 20em;
    overflow: auto;
}
.blackbox:before{
    content: "実行結果";
    position:absolute;
    top:-2em;
}

.runcode-helper-button{
    padding: 1px 10px;
    border-radius: 4px;
    background: lightblue;
    cursor: pointer;
}
.runcode-helper-button:hover{
    border-color: blue;
}
.black{color:black;font-weight:bold;}
.tabs {
    width: 100%;
    margin: 1em 0;
}
.tab_item {
    border:1px solid #cecece;
    text-align: center;
    background-color:#cecece;
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    transition: all 0.2s ease;
    padding:3px 10px;
    margin:0 2px;
    border-radius: 10px 10px 0 0;
    z-index:1;
}
.tabs label{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}
input[name="tab_item"] {
    display: none;
}
.tab_content {
    display: none;
    padding: 10px;
    clear: both;
    overflow: hidden;
    border: 1px solid #333;
    border-radius: 2px 10px 10px 10px;
    z-index:2;
    min-height: 210px;
}
#s0:checked ~ #s0_content,
#s1:checked ~ #s1_content,
#s1all:checked ~ #s1all_content,
#s2:checked ~ #s2_content,
#s3:checked ~ #s3_content,
#s3all:checked ~ #s3all_content,
#s4:checked ~ #s4_content,
#s5:checked ~ #s5_content,
#s6:checked ~ #s6_content {
    display: block;
}
.tabs input:checked + .tab_item {
    border:1px solid #333;
    background-color: #fff;
    color: #333;
    z-index: 100;
    box-shadow: 0 2px 0 0 #fff;
    border-bottom-color:#fff;
}
table.tbl_coib{table-layout:auto;border-collapse: collapse;}table.tbl_coib td{padding:4px;background-color:#FFFFFF;}table.tbl_coib th.colh{padding:4px;background-color:#A6BAD6;color:#000;}table.tbl_coib,table.tbl_coib td,table.tbl_coib th{border:solid 1px #666666;}