@charset "utf-8";

body {
    overflow-x: auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

div.ui-content {
    overflow-x: auto;
}

h1, h3, h4, h5, h6 {
    margin-top: 0.5em;
    margin-bottom: 0em;
    font-size: 100%;
}
h2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 100%;
    border-left: solid thick #497bae;
    border-right: none; 
    padding-left: 0.5em;
/*
    border-top: solid thin #497bae;
    border-bottom: solid thin #497bae;
*/
}
h3 {
    margin-top: 1em;
}
h4 {
    font-weight: normal;
}

p.user {
    text-align: right;
}
p.to-top {
    text-align: right;
}
.inline-figure {
    vertical-align: middle;
}

table {
    boder-collapse: separate;
    border-spacing: 1em;
}
th, td {
    vertical-align: top;
}
td.selected, th.selected {
    color: red;
    font-weight: bold;
}

.credit {
    font-style: italic;
    font-weight: normal;
}
.em {
    font-weight: bold;
}
.legend {
    color: gray;
}
table.legend {
    width: 78%;
    margin-left: auto;
    boder-collapse: collapsed;
    border-spacing: 0.5em;
}
table.legend th {
    width: 15ex;
    text-align: left;
    white-space: nowrap;
}

/*
* referring form
*/
.input_text, .select, .option, .textarea {
    margin-top: 0;
}
.option, .input_radio {
    margin-right: 0.5em;
    color: gray;
}
.option:before, .input_radio:before
 {
    content: "[";
    margin-right: 0.2em;
}
.option:after, .input_radio:after
 {
    content: "]";
    margin-left: 0.2em;
}
.option.selected, .input_radio.checked {
    color: black;
/*
    text-decoration: underline;
*/
}
.option.selected:before, .input_radio.checked:before
{
    content: none;
}
.option.selected:after, .input_radio.checked:after
{
    content: none;
}
div.textarea {
    overflow: auto;
    white-space: pre-wrap;
/*
    padding: 0.2em 0.3em;
    outline: thin solid #5f9cc5;
*/
}
pre.textarea {
    overflow: auto;
    white-space: pre;
    padding: 0.2em 0.3em;
    border: thin solid #5f9cc5;
/*
*/
}
.alert {
    color: red;
    font-weight: bold;
}