/*
   * common CSS
   * $Id: common.css,v 1.31 2006-12-27 17:40:50 hirose31 Exp $
   */

@font-face {
    font-family: "Original Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
}
@font-face {
    font-family: "Original Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
}
@font-face {
    font-family: "Original Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
}
@font-face {
    font-family: "Original Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
}
@font-face {
    font-family: "Original Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}

html * {
    moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Maru Gothic ProN", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
    background-color: #eee;
    font-feature-settings: "palt";
}

a:link {
    color: #0f466e;
}
a:visited {
    color: #152f43;
}
a:focus {
}
a:hover {
    background-color: #ff9;
}
a:active {
}

h1, h2, h3, h4 {
    font-weight: bold;
    color: white;
    padding: 2px;
    border: 0px;
}
h1 {
    background: #152f43 url(/img/sectitle.png) repeat-x left top;
    font-size: 130%;
    text-align: center;
    border-left:  groove 8px white;
    border-right: ridge  8px white;
    padding-top:    3px;
    padding-bottom: 3px;
}
h2 {
    background: #152f43 url(/img/sectitle.png) repeat-x left top;
    font-size: 140%;
    border-top:    1px solid #152f43;
    border-right:  1px solid #152f43;
    border-bottom: 0px;
    border-left:   1px solid #152f43;
    padding-left: 5px;
    margin: 0px;
}
h3 {
    background: #0f466e;
    font-size: 110%;
    border-top:    0px;
    border-right:  0px;
    border-bottom: 0px;
    border-left:   groove 5px white;
    padding-left: 5px;
    margin-left: 0.5em;
}
h4 {
    background: #0f466e;
    font-size: 100%;
    font-weight: normal;
    border-top:    0px;
    border-right:  0px;
    border-bottom: 0px;
    border-left:   groove 5px white;
    padding-left: 5px;
    margin-left: 0.5em;
}

em {
    font-style:  normal;
    font-weight: bold;
}
code {
    font-family: monospace;
}
var {
    font-style: italic;
}
p kbd {
    color: black;
    background-color: white;
    text-align: center;
    border-left:   1px solid #cfcfcf;
    border-top:    1px solid #cfcfcf;
    border-right:  2px solid #666;
    border-bottom: 2px solid #666;
    padding-left:   3px;
    padding-top:    1px;
    padding-right:  3px;
    padding-bottom: 1px;
    margin-left:  3px;
    margin-right: 3px;
    font-family: monospace;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

p {
    margin:  0px;
    margin-top:    .6em;
    margin-bottom: .6em;
    padding: 0px;
}

blockquote {
    border-top:    1px dashed #666;
    border-right:  0px;
    border-bottom: 1px dashed #666;
    border-left:   0px;
    margin-top:    0px;
    margin-right:  1em;
    margin-bottom: 0px;
    margin-left:   3em;
    padding: 8px;
}

address {
    font-style: normal;
    margin-top: 14px;
}

img {
  border-style: none;
}

table.Full {
    width: 90%;
}
table {
    border-collapse: collapse;
    border-spacing: 0px 0px;
    border-width:  0px;
    width: auto;
    padding: 0px;
    margin-top:    1em;
    margin-right:  1em;
    margin-bottom: 1em;
    margin-left:   3em;
}
table tr {
}
table th {
    background: #999;
    color: black;
    text-align: center;
    font-weight: bold;
    padding-top:    2px;
    padding-right:  0.5em;
    padding-bottom: 2px;
    padding-left:   0.5em;
    margin:  0px;
    empty-cell: show;
    white-space: nowrap;
    border-top:    1px solid #666;
    border-right:  0px;
    border-bottom: 1px solid #666;
    border-left:   0px;
}
table td {
    text-align: left;
    padding-top:    2px;
    padding-right:  0.5em;
    padding-bottom: 2px;
    padding-left:   0.5em;
    margin:  0px;
    empty-cell: show;
    border-top:    0px;
    border-right:  0px;
    border-bottom: 1px solid #666;
    border-left:   0px;
}
table th.Number, table td.Number {
    text-align: right;
}

.Strike {
    text-decoration:line-through;
}

div#Header {
}
div.LastModified {
    font-size: small;
}

div.Figure {
    text-align: center;
}
span.FigureCaption {
    font-size: 80%;
}

div#Container {
}
div#CenterContent {
}
div#CenterContent p {
    margin-left:  1.5em;
    margin-right: 0.5em;
}
div#CenterContent pre,
div#CenterContent form {
    margin-left: 1.5em;
}
div#CenterContent ul,
div#CenterContent ol {
    padding-left: 2em;
    margin-top:    0px;
    margin-right:  0px;
    margin-bottom: 0px;
    margin-left:   0px;
}
div#CenterContent dl {
    margin-top:    0px;
    margin-right:  0px;
    margin-bottom: 0px;
    margin-left:   1em;
}
div#CenterContent dt {
    font-weight: bold;
    margin-top:  0.8em;
}
div#CenterContent dd {
    margin-left: 1.5em;
}
/* body直下のol,ul,dlのインデントのため。 */
/* IE が body + ol に対応すれば必要なし。 */
div.ListContainer {
    margin-left: 3em;
    padding-bottom: 1em;
}
div.Section {
    border: 1px solid #152f43;
    margin-top:    0px;
    margin-right:  0px;
    margin-bottom: 1.5em;
    margin-left:   0px;
    padding: 0px;
}
div.Footnote {
    font-size: 90%;
    border: 0px dotted #666;
    border-left: 1px dotted #666;
    margin:  0px;
    margin-top:   -0.3em;
    margin-bottom: 1em;
    margin-left:   3em;
    padding: 0px;
    padding-left: .5em;
}

div#LeftContent {
}
div#LeftContent ul,
div#LeftContent ol,
div#RightContent ul,
div#RightContent ol {
    padding-left: 2em;
    margin-top:    0px;
    margin-right:  0px;
    margin-bottom: 0px;
    margin-left:   0px;
}
div#LeftContent li,
div#RightContent li {
    margin-bottom: 5px;
}
div#LeftContent ul.Index li,
div#RightContent ul.Index li {
    list-style-type: none;
}
div#LeftContent dt,
div#RightContent dt {
    font-weight: bold;
    margin-bottom: 5px;
}
div#LeftContent dd,
div#RightContent dd {
    margin-left: 1.5em;
    margin-bottom: 5px;
}
div#LeftContent dl.Menu,
div#RightContent dl.Menu {
    margin-top:    0px;
    margin-right:  0px;
    margin-bottom: 0px;
    margin-left:   1em;
}
div#LeftContent h2,
div#RightContent h2 {
    border: 1px solid #aa9;
    border-bottom: 0px;
    background: #ccc url(/img/sidetitle.png) repeat-x left top;
    color: black;
    margin: 0px;
    padding: 3px;
    font-size: 100%;
    font-weight: bold;
}
/* body直下のol,ul,dlのインデントのため。 */
/* IE が body + ol に対応すれば必要なし。 */
div.IndexContainer {
    margin-left: -1em;
}
div#LeftContent h2#IndexTitle,
div#RightContent h2#IndexTitle {
    border: 1px solid #152f43;
    border-bottom: 0px;
    background: #152f43 url(/img/sectitle.png) repeat-x left top;
    color: white;
}
div#IndexBox {
    border: 1px solid #152f43;
}

div#LeftContent h2#NavigateTitle,
div#RightContent h2#NavigateTitle {
    margin-top: 32px;
}

div#RightContent {
}
div.SideBody {
    border: 1px solid #aa9;
    margin-bottom: 1em;
    padding-top:    1em;
    padding-right:  2px;
    padding-bottom: 1em;
    padding-left:   2px;
}

div#Footer {
    text-align: right;
}
div#AdSense, div#AmazonAffiliate {
    margin: 0px;
    padding: 14px;
    text-align: center;
    border-top: 1px dashed #999;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
}

dl.Bibliography dt {
    font-weight: normal !important;
}
dl.Bibliography dd {
    clear: both;
}
dl.Bibliography img {
    border: 1px solid #999;
    margin: 0 .5em 0 0;
    float: left;
}

hr.NoShade {
    color: black;
    background-color: black;
    width: 100%;
    height: 1px;
    border: none;
}

pre {
    margin-left: 1em;
    margin-right: 1em;
}

pre.Code {
    color: black;
    background-color: #CCCCCC;
    border: 1px solid #999999;
    font-size: small;
    padding: 0.6em;
    margin: 0px;
    margin-bottom: 1em;
}

pre.Terminal {
    color: #FFFFFF;
    background-color: #333333;
    border: 1px inset #999999;
    font-size: small;
    padding: 0.6em;
    margin: 0px;
    margin-bottom: 1em;
}

pre.Terminal kbd {
    text-decoration: none;
    font-weight: bold;
    font-family: monospace;
}
pre.Terminal em {
    color: yellow;
    font-family: monospace;
}

dl.PS {
    margin: 0px;
    padding-top:    0px;
    padding-right:  0px;
    padding-bottom: 0px;
    padding-left:   0.5em;
    border-left: 1px dashed #666;
}

.title span {
    font-style:  normal;
    font-weight: bold;
}
li.title {
    margin-top: .8em;
}
