@charset "UTF-8";

body {
    background-color: black;
    margin:           0; /* 上部の隙間を無くす為 */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#page {
    /* センタリングする為 */
    position:     relative;
    margin-left:  auto;
    margin-right: auto;

    width:         50em;
    border-width:  0em 1em;
    border-style: solid;
    border-color: black;
}

#header {
    background: #D90000 url(header.png) repeat-x center; 
    color:      white;
    position:   absolute; /* 絶対配置 */
    top:         0em;
    left:        0em;
    right:       0em;
    height:      7em;
    padding:     1em;
	width: 48em;
}

#header-name {
    font-size: 2em;
    margin-bottom: 0.1em;
}

#content {
    background-color: #F2F2F2;
    padding:       9em 1em 1em 1em;　/* ヘッダーより下に配置する */
}

#footer {
    background: black url(footer.png) repeat-x top; 
    color:      white;
    padding:    1em;
}


h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 105%; }

h2,h3,h4,h5,h6 {
    margin-top:          1.5em;
    border-bottom-style: solid;
    border-width:         thin;
    font-weight:          bold;
}

/*
p { width: 35em; }
*/

dl { margin-left: 1em; }
dt { margin-top:  1em;
     font-weight: bold; }
dd { margin-left:   1em;
     margin-top:  0.3em;
     width:        35em; }

dl.dl-line dt {
    float: left;
    clear: left;
    margin: 0em;
    width:               7em;
    border-left: solid 0.5em gray;
    padding-left:      0.5em;
}

dl.dl-line dd {
    margin-bottom: 0.3em;
    margin-left:         8em;
}

pre {
    background-color:   #dcdfe0;
    margin-left: 1em;
    padding: 0.5em;
    overflow: auto;
    width: 700px;
    max-height: 100%;
}

pre.aa{
    background-color: transparent;
    max-height:        none;
    line-height:       normal;
    font-size:         12pt;
    font-family:"Mona","IPA MONAPGOTHIC","MS PGothic","ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック",sans-serif;
}

blockquote {
    background-color:   #ccdfeb;
    padding: 0.5em;
    overflow: auto;
    width: 43em;
}

blockquote p{ margin: 0em; }

table {
    background-color: white;
    margin-bottom: 0.5em;
    border-style: solid;
    border-width: 2px;
    border-color: gray;
    border-collapse: separate;
    border-spacing: 0px;
}

caption {
    padding: 0.5em;
    text-align: left;
    font-weight: bold;
    white-space: nowrap
}

th,td {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    text-align: center;
    padding: 0em 0.3em
}

th    { background-color: #BFF0FF; }
tfoot { background-color: #FFD2D2; }

a {
    text-decoration: none;
    border-bottom: 1px dotted black;
}

a.white_link:link,a.white_link:visited {
    color: white;
    border-color: white;
}

a.other-link:link    { color: bule; }
a.other-link:visited { color: black; }
a.other-link:hover   { color: blue;
                background-color: silver; }

img { border: 0; }

em {
    font-style: normal;
    font-weight: bold;
}

strong {
    border-bottom: 1px solid black;
}

kbd:hover { background-color: #C0C0C0;}
var:hover { background-color: #FFEE87;}

.borderless { border: 0; }

.comments {
    margin-bottom: 2em;
    border-left: solid;
    border-width: 1px;
    border-color: gray;
}

.commenter {
    margin-left: 0.5em;
    color: gray;
}

.commenter-body { margin-left: 2em; }

#comment-button {
    background-color: black;
    color: white;
    padding: 2px 4px;
    font-weight: bold;
}

#comment-button:hover {
    background-color: silver;
    color: blue;
    border-color: blue;
}

.trackbacks {
    margin-bottom: 2em;
    border-left: solid;
    border-width: 1px;
    border-color: gray;
}

.bloger {
    margin-left: 0.5em;
    color: gray;
}

.bloger-excerpt { margin-left: 2em; }

.bloger-title { margin-right: 0.5em; }

.trackback-info {
    background-color: black;
    color: white;
    padding: 4px 10px;
}

.trackback-url {
    background-color: white;
    border: inset;
    border-width: 1px;
    padding: 3px 10px;
}

.left   { text-align: left  ; }
.right  { text-align: right ; }
.center { text-align: center; }

.item {
    width: 10em;;
    margin: 1em;
    padding: 1em;
    text-align: center;
}

.item_name {
    display: block;
    margin: 0.1em;
}

.item_tei {
    display: block;
    margin: 0.1em;
}

.marker {
    background-color:#ffff00 ;
}