/* CSS for https://netlog.jpn.org/r271-635/ */


/***** ページレイアウト（ページ中央 800px）*****/
body {
    margin: 10px 0px;
    border: 0;
    padding: 0;
    background: #ECE1BF;
    font-family: Helvetica, sans-serif;
    font-size: 11pt;
    color: black;
}

div#container {
    position: relative;
    margin: 0 auto;
    width: 800px;
}
#container-inner { /*position: static;*/ /*width: auto;*/ }

/* 低解像度画面用スタイルシート */
@media screen and (max-width: 400px){
    #banner-header {
        font-size: 20px !important;
    }
}
@media screen and (max-width: 639px){
    #container {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
    }
    #alpha, #beta {
        width: auto !important;
        float: none !important;
    }

    img {
        max-width: 95% !important;
        height: auto;
    /*    width: auto;*/
    }

    div.topic_small {
        margin:0 5px 10px !important;
        width: auto !important;
    }

    div.topic_title {
        margin: 10px 5px 0 !important;
        width: auto !important;
    }

    pre.code, div.code, pre {
        margin:0 5px 10px !important;
        padding: 0 ! important;
        /* overflow-x: auto !important; */
        width: auto !important;
    }

    div.codetitle {
        margin: 10px 5px 0 !important;
        width: auto !important;
    }

    blockquote, div.topic_small {
        padding: 0 ! important;
        width: auto !important;
    }

    pre.title, blockquote.title, div.topic_title, div.codetitle {
        width: auto !important;
    }
}

/***** ページレイアウト（上部バナー、左セクション 180px、右セクション 600px）*****/
#banner { /*position: relative; background: #ECE1BF;*/ }
#banner-inner { /*position: static;*/ }

#pagebody { /*position: relative;*/ width: 100%; }
#pagebody-inner { /*position: static; width: 100%;*/ }

#alpha, #beta
{
    display: inline; /* ie win bugfix */
    /*position: relative;*/
    float: left;
    /*min-height: 1px;*/
    margin: 0px;
}
#alpha { width: 180px; }
#beta { width: 600px; }

#alpha-inner, #beta-inner { /*position: static;*/ padding: 10px; }


/* ブロック下部での回りこみ防止 */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    line-height: 0;
}
.pkg { /*display: block;*/ }


/***** セクション *****/
h1, h2, h3, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: sans-serif;
}


/***** リンク *****/
a { text-decoration: underline; }
a:link, a:visited, a:active { color: #993333; }
a:hover { color: #FF0000; }

a img { border: 0; }


/***** ページ上部バナー *****/
#banner-inner
{
    background: #ECE1BF url("/r271-635/images/jus-de-orange.jpg") no-repeat;
    background-color: #ECE1BF;
    text-align: right;
    border-bottom: 1px solid #993333;
    height: 120px;
    padding: 0px;
}
#banner a { color: #000000; text-decoration: none; }
#banner a:hover { color: #800000; }

/* ページ上部バナー メインタイトル文字列 */
#banner-header {
    font-family: 'Courier 10 Pitch','Courier New','Courier',sans-serif;
    color: #000000;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: .3em;
    text-align: right;
}


/* ページ上部バナー サブタイトル文字列 */
#banner-description {
    font-family: sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: .3em;
    text-align: right;
}


/***** エントリー（記事） *****/
/* エントリー（記事）タイトル 茶色のグラデーション背景 */
.archive-header,
.archive-title,
.entry-header {
/*    background:-moz-linear-gradient(top left,  #e4ab5c, rgba(228,171,92,0)); */
    background-image : url("/r271-635/images/backbrwgrad.jpg");
    background-repeat : repeat-y ;
    border-left: 1px solid #993333;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: .2em;
}

/* エントリー（記事）上部の生成年月日表示 */
.date-header {
    margin-top: 0;
    font-size: 11px;
    font-weight: bold;
}

/* エントリー（記事）本文 */
.entry-content {
    margin: 0;
    line-height: 1.5;
    font-size: 11pt;
}

/* エントリー（記事）フッター 生成年月日、固定リンク */
.entry-footer {
    margin: 5px 0 20px 0;
    color: #666;
    font-size: 10px;
    text-align: right;
}

/*エントリー（記事）内のセクション タイトル */

h3 {
    font-size: 1.2em;
    margin-top: 20px;
    border-bottom: 1px solid #993333;
    text-shadow: 2px 2px 2px #a56060;
}

h4 {
    font-size: 1.1em;
    margin-top: 20px;
    border-bottom: 1px dotted #993333;
    text-shadow: 2px 2px 2px #a56060;
}

h5 {
    font-size: 1.1em;
    margin-top: 20px;
    text-shadow: 2px 2px 2px #a56060;
}

/***** プログラム ソースコード（囲み枠、固定ピッチフォント） *****/
pre.code, div.code, pre {
    padding: 5px;
    margin: 0px 0px 5px 20px;
    white-space: pre;
    font-family: monospace;
    font-size: 11pt;
    line-height: 1.2em;
    background-color: #e6e6fa;  /* lavender */
    border: 1px solid #aaaaaa;
    overflow-x: auto;
    width: 570px;
}

/***** プログラム ソースコード（文中での囲み枠、固定ピッチフォント） *****/
code {
    padding-left: 5px;
    padding-right: 5px;
    font-family: monospace;
    background-color: #ddc;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/***** 引用（囲み枠） *****/
blockquote, div.topic_small {
    padding: 2px 5px;
    font-size: small;
    margin: 0px 0px 5px 20px;
    background-color: #faf0e6;  /* linen */
    border: 1px solid #aaaaaa;
    width: 570px;
}

/***** ソースコード、引用（囲み枠）の上に表示するタイトル部分 *****/
blockquote.title, div.topic_title {
    font-size: small;
}
pre.title, blockquote.title, div.topic_title, div.codetitle {
    padding: 1px 5px;
    margin: 5px 0px 0px 20px;
    background-color: #ddc;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #aaaaaa;
    width: 570px;
    word-wrap: break-word;
    white-space: pre-wrap;
}




/***** 左セクション部 モジュール（カレンダー、カテゴリ一覧、月別等） *****/
.module-header
{
    font-size: small;
    border-bottom: 1px solid #000000;
    letter-spacing: .3em;
    padding: 3px;

    width: 100%;
}

.module-content
{
    margin: 0 0 10px 0;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
    line-height: 1.2;
}

.module-powered
{
    margin-bottom: 0;
    border: 1px dashed #be864f;
    padding-bottom: 10px;
}


/* モジュール リスト表示スタイル */
.module-list
{
    margin: 0 15px 10px 15px;
    list-style: disc;
}

.module-list-item
{
    margin-top: 0;
    color: #cebca4;
    line-height: 1.2;
}

/* モジュール リンクスタイル */
.module-header a:link,
.module-header a:visited,
.module-header a:active {
    text-decoration: none;
    color: #000000;
}

.module-header a:hover {
    color: #FF0000;
    text-decoration: underline;
}

.module-content a:link,
.module-content a:visited,
.module-content a:active {
    color: #993333;
}
.module-content a:hover {
    color: #FF0000;
    text-decoration: underline;
}

.module-list-item a:link,
.module-list-item a:visited,
.module-list-item a:active {
    color: #993333;
    text-decoration: none;
}
.module-list-item a:hover {
    color: #FF0000;
    text-decoration: underline;
}


.sidebar_category_h2:after, .sidebar_archive_h2:after {
    content:'▼';
    color: #a0a0a0;
}

#sidebar_category_list, #sidebar_archive_list {
    display:none;
}


/********** 右セクション部 テーブル（枠線が1px, 茶色） **********/
#beta table {
    border:1px solid rgb(153, 51, 51);
    border-collapse:collapse;
    font-size: 10pt;
    margin: 10px;
}

#beta th {
    font-weight: normal;
    background:#f8ede2;
    border:1px solid rgb(153, 51, 51);
    padding: 0.2em 0.4em;
}

#beta td {
    border:1px solid rgb(153, 51, 51);
    padding: 0.2em 0.4em;
}

#beta caption {
    font-size: 11pt;
    margin: 10px 0px;
}


/***** フッター（著作権表示部） *****/
#pagefooter {
    margin-top:50px;
    border-top: 1px solid #993333;
    padding-top:10px;
    font-size: 10pt;
    text-align: center;
    color:#808080; 
}

#pagefooter:before {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
}