/*                    東京図書館制覇！                    */
/*                                                        */
/*                    --- CSS注意点---                    */
/* widthを指定したボックスにはborderもpaddingも指定しない */
/* floatのコンテナブロックには幅を指定する                */
/* 左floatの左marginは0に、右floatの右marginは0にする     */

/* 共通部 */
body{                                               /* 本文領域 */
    background-color:#99cc33;                       /* 背景渋緑 */
    color:#333333;                                  /* 文字濃灰 */
    font-family:arial,sans-serif;                   /* フォント */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:center;                              /* 文字配置中央 */
}
img{                                                /* 画像 */
    border:0px;                                     /* 枠線 */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px;                                    /* 枠線内余白 */
    vertical-align:middle;                          /* セル内縦文字配置 */
}
a:link   {                         color:#0000ff;}  /* リンク未訪問 */
a:visited{                         color:#0000ff;}  /* リンク既訪問 */
h1{                                                 /* 見出し1部 */
    background-color:#99cc33;                       /* 背景渋緑 */
    border:3px double #1d8100;                      /* 枠線濃緑 */
    color:#333333;                                  /* 文字濃灰 */
    font-size:100%;                                 /* 文字サイズ */
    font-weight:bold;
    margin:0px 0px 5px 0px;                         /* 枠線外上右下左余白 */
    padding:3px 15px;                               /* 枠線内縦横余白 */
}
blockquote{
    border:1px dotted #1d8100;                       /* 枠線濃緑 */
    background-color:#b0e976;                       /* 背景薄緑 */
    padding:10px;                                    /* 枠線内余白 */
}
/* ヘッダー部 */
.header{                                            /* ヘッダータイトル */
    background-color:#b0e976;                       /* 背景薄緑 */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:left;                                /* 文字配置左 */
    width:100%;                                     /* 幅 */
}
.header_img{                                        /* ヘッダータイトル画像 */
    float:left;                                     /* 回り込み */
    height:70px;                                    /* 高さ */
    width:331px;                                    /* 幅 */
}
#top{
    background-color:#b0e976;                       /* 背景薄緑 */
    width:100%;                                     /* 幅 */
}
.headertitle{
    background:url(http://www.tokyo-toshokan.net/sb/titleback.gif) no repeat;       /* 背景画像 */
    color:#009900;                                  /* 文字色渋緑 */
    font-size:160%;                                 /* 文字サイズ */
    font-weight:bolder;                             /* 文字太さ */
    height:70px;                                    /* 高さ */
    width:331px;                                    /* 幅 */
    padding:5px;                                    /* 枠線内余白 */
    vertical-align:top;                             /* セル内縦文字配置 */
}
.headertitle a        {                         color:#009900;}
.headertitle a:link   {                         color:#009900;}  /* リンク未訪問 */
.headertitle a:visited{                         color:#009900;}  /* リンク既訪問 */
.headertitle a:hover  {background-color:#ffffff;color:#009900;}
.headerdescription{
    vertical-align:center;                             /* セル内縦文字配置 */
}
.menubar{                                           /* メニューバー部 */
    background-color:#b0e976;                       /* 背景薄緑 */
    border-top:3px solid #ccff99;                   /* 上枠線明緑 */
    border-bottom:1px solid #99cc33;                /* 下枠線薄緑 */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:center;                              /* 文字配置中央 */
}
.menubar_tbl{                                       /* メニューバー表部 */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:center;                              /* 文字配置中央 */
}
.menubar_tbl td{                                    /* メニューバー表部セル */
    color:#333333;                                  /* 文字濃灰 */
    font-size:95%;                                  /* 文字サイズ */
    line-height:120%;                               /* 行の高さ */
    margin:0px;                                     /* 枠線外余白 */
    padding:3px 10px;                               /* 枠線内縦横余白 */
}
.menubar_current{                                   /* 現ページ部 */
    color:#5f5f5f;                                  /* 文字濃灰色 */
}
/* 本体部 */
.container{                                         /* 本体全体 */
    background-color:#ccff99;                       /* 背景明緑 */
    clear:both;                                     /* 回り込み解除 */
    padding:20px 0px;
    width:98%;                                      /* 幅 */
}
/* コンテンツ部 */
.content{                                           /* コンテンツ部 */
    line-height:130%;                               /* 行の高さ */
    padding:0px;                                    /* 枠線内余白 */
    width:94%;                                      /* 幅 */
}
.contentsb{                                         /* コンテンツサブ部 */
    float:left;
    padding:0px 10px 10px 10px;                     /* 枠線内上右下左余白 */
    text-align:left;                                /* 文字配置左 */
    width:77%;                                      /* 幅 */
}
.content_currentdir{                                /* 現ページ部 */
    padding:0px 0px 6px 0px;                        /* 枠線内上右下左余白 */
}
.content_main{                                      /* コンテンツ内見出し1＆内容 */
    margin:0px 20px 15px 20px;                      /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
}
.content_current{                                   /* 現ページ部 */
    margin:10px 0px 0px 10px;                       /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
}
.content_title{                                     /* コンテンツ内見出し部 */
    background-color:#99cc33;                       /* 背景渋緑 */
    border:3px double #1d8100;                      /* 枠線濃緑 */
    color:#333333;                                  /* 文字濃灰 */
    font-size:100%;                                 /* 文字サイズ */
    font-weight:bold;
    margin:0px 0px 5px 0px;                         /* 枠線外上右下左余白 */
    padding:3px 15px;                               /* 枠線内縦横余白 */
}
.content_caption{                                   /* コンテンツ内中見出し部 */
    background-color:#99cc33;                       /* 背景渋緑 */
    border:1px dotted #1d8100;                      /* 枠線濃緑 */
    font-weight:bold;                               /* 文字太さ */
    text-align:center;                              /* 文字配置中央 */
    margin:10px 0px 5px 0px;                        /* 枠線外上右下左余白 */
    padding:2px;                                    /* 枠線内余白 */
}
.content_item{                                      /* コンテンツ内項目部（見出しほど大したものではないとき） */
    background-color:#b0e976;                       /* 背景薄緑 */
    border-top:1px solid #1d8100;                   /* 枠線濃緑 */
    border-right:1px solid #1d8100;                 /* 枠線濃緑 */
    border-bottom:1px solid #1d8100;                /* 枠線濃緑 */
    border-left:10px solid #1d8100;                 /* 枠線濃緑 */
    color:#333333;                                  /* 文字濃灰 */
    font-weight:bold;                               /* 文字太さ */
    margin:0px 0px 8px 0px;                         /* 枠線外上右下左余白 */
    padding:3px 15px;                               /* 枠線内縦横余白 */
}
.content_size80{                                    /* 80%文部 */
    font-size:85%;                                  /* 文字サイズ */
}
.content_sponsor{                                   /* スポンサードリンク部 */
    font-size:80%;                                  /* 文字サイズ */
    margin:18px 0px 0px 0px;                        /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:left;                                /* 文字配置左 */
}
.sponsor{                                           /* スポンサードリンク部 */
    font-size:80%;                                  /* 文字サイズ */
    margin:18px 0px 0px 0px;                        /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:left;                                /* 文字配置左 */
}
.content_leftmini{                                  /* ページトップへ・上部カテゴリへ */
    font-size:85%;                                  /* 文字サイズ */
    margin:0px 0px 5px 0px;                         /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:left;                                /* 文字配置左 */
}
.content_centermini{                                /* 前次項へのリンク・小見出しへのリンク */
    font-size:85%;                                  /* 文字サイズ */
    margin:0px 0px 5px 0px;                         /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:center;                              /* 文字配置中央 */
}
.content_rightmini{                                 /* 図書館のデータ・カレンダーへ＆訪問記日付部＆更新履歴へ＆図書館ならでは本著者名 */
    font-size:85%;                                  /* 文字サイズ */
    margin:0px 0px 3px 0px;                         /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:right;                               /* 文字配置右 */
}
.dashline{                                          /* 点線区切り */
    border-top:1px dashed #1d8100;                  /* 枠線濃緑 */
    margin:10px 0px;                                /* 枠線外縦横余白 */
    padding:0px;                                    /* 枠線内余白 */
}
.unidentify{                                        /* 未確認データ部 */
    color:#bbbbbb;                                  /* 文字薄灰 */
}
.quote{                                             /* 引用部 */
    color:#3333aa;                                  /* 文字濃灰 */
}
.note{                                              /* 恒常的注 */
    font-size:85%;                                  /* 文字サイズ */
    color:#dd0000;                                  /* 文字濃赤 */
}
.notice{                                            /* 一時的注 */
    font-size:85%;                                  /* 文字サイズ */
    color:#dd0000;                                  /* 文字濃赤 */
}
/* コンテンツ内表部 */
.tbl_data{                                          /* データ等表 */
    margin:0px 0px 10px 0px;                        /* 枠線外余白 */
    padding:0px;                                    /* 枠線内縦横余白 */
}
.tbl_data td{                                       /* データ等表セル */
    margin:0px;                                     /* 枠線外余白 */
    padding:5px 15px;                               /* 枠線内縦横余白 */
    vertical-align:top;                             /* セル内縦文字配置 */
}
.tbl_openhour{                                      /* 開館時間表 */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px;                                    /* 枠線内余白 */
}
.tbl_openhour td{                                   /* 開館時間表セル */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px 10px 0px 0px;                       /* 枠線内上右下左余白 */
}
.tbl_colection{                                     /* 所蔵物表 */
    text-align:center;                              /* 文字配置中央 */
    width:100%;                                     /* 幅 */
}
.tbl_colection thead{                               /* 所蔵物表列タイトル部 */
    background-color:#b0e976;                       /* 背景薄緑 */
}
.tbl_colection tbody{                               /* 所蔵物表データ部 */
    line-height:130%;                               /* 行の高さ */
}
.tbl_colection td{                                  /* 所蔵物表セル */
    border:1px solid #1d8100;                       /* 枠線濃緑 */
    margin:0px;                                     /* 枠線外余白 */
    padding:5px;                                    /* 枠線内余白 */
}
.tbl_breakdown{                                     /* 座席や検索機の内訳表 */
    font-size:85%;                                  /* 文字サイズ */
    margin:0px 0px 0px 10px;                        /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
}
.tbl_breakdown td{                                  /* データ内容内表部 */
    margin:0px;                                     /* 枠線外余白 */
    padding:1px 3px;                                /* 枠線内縦横余白 */
}
.tbl_23ku td{                                       /* 23区表 */
    margin:0px;                                     /* 枠線外余白 */
    padding:3px 5px;                                /* 枠線内縦横余白 */
    white-space: nowrap;                            /* 自動改行禁止 */
}
.tbl_project{                                       /* 新設・移築・改築予定リスト表 */
    margin:0px 10px;                                /* 枠線外縦横余白 */
    padding:0px;                                    /* 枠線内余白 */
}
.tbl_project td{                                    /* 新設・移築・改築予定リスト表セル */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px 0px 20px 0px;                       /* 枠線内上右下左余白 */
    vertical-align:top;                             /* セル内縦文字配置 */
}
.cell_title{                                        /* リスト・ランキング列タイトル部 */
    background-color:#99cc33;                       /* 背景渋緑 */
    border:1px solid #1d8100;                       /* 枠線濃緑 */
    color:#333333;                                  /* 文字濃灰 */
    font-weight:bold;
    margin:0px 0px 5px 0px;                         /* 枠線外上右下左余白 */
    padding:3px 15px;                               /* 枠線内縦横余白 */
}
.cell_index{                                        /* インデックスセル */
    background-color:#b0e976;                       /* 背景薄緑 */
    border:1px solid #1d8100;                       /* 枠線濃緑 */
    line-height:130%;                               /* 行の高さ */
}
.cell_indexright{                                   /* インデックスセル右寄せ */
    background-color:#b0e976;                       /* 背景薄緑 */
    border:1px solid #1d8100;                       /* 枠線濃緑 */
    line-height:130%;                               /* 行の高さ */
    text-align:right;                               /* 文字配置右 */
}
.cell_index_hide{                                   /* インデックスセル隠し文字 */
    color:#b0e976;                                  /* 文字色薄緑 */
    font-size:30%;                                  /* 文字サイズ */
}
.cell_content{                                      /* 内容セル */
    border:1px solid #1d8100;                       /* 枠線濃緑 */
    line-height:130%;                               /* 行の高さ */
}
/* closebook.gifを使ったリスト表 */
.closebooklist{                                     /* closebookリスト表 */
    margin:0px 0px 10px 30px;                       /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
}
.closebooklist_idx{                                 /* closebookリスト表indexセル */
    margin:0px;                                     /* 枠線外余白 */
    padding:6px 0px 0px 0px;                        /* 枠線内縦横余白 */
}
.closebooklist_remark{                              /* closebookリスト表説明セル */
    font-size:85%;                                  /* 文字サイズ */
    line-height:130%;                               /* 行の高さ */
    padding:0px 0px 6px 30px;                       /* 枠線内上右下左余白 */
}
/* 地図部 */
.map{                                               /* 地図部 */
    margin:10px 0px 0px 0px;                        /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内縦横余白 */
    position:relative;                              /* 配置 */
    text-align:center;                              /* 文字配置中央 */
}
.map_toshokan{                                      /* 地図内図書館部 */
    position:absolute;                              /* 配置 */
    text-align:left;                                /* 文字配置左 */
    white-space:nowrap;                             /* 改行させない */
}
/* カレンダー部 */
.calender{                                          /* カレンダー部 */
    text-align:center;                              /* 文字配置中央 */
}
.calender_tbl{                                      /* カレンダー表部 */
    border:1px solid #1d8100;                       /* 枠線濃緑 */
    margin:0 auto;                                  /* 枠線外縦横余白 */
}
.calender_tbl thead{                                /* カレンダー列タイトル部 */
    background-color:#99cc33;                       /* 背景渋緑 */
    height:30px;                                    /* 高さ */
    text-align:center;                              /* 文字配置中央 */
}
.calender_tbl tbody td{                             /* カレンダー表データ部 */
    text-align:right;                               /* 文字配置右 */
    height:40px;                                    /* 高さ */
    vertical-align:top;                             /* セル内縦文字配置 */
}
.calender_tbl td{                                   /* カレンダー表セル部 */
    border:1px solid #1d8100;                       /* 枠線濃緑 */
    font-size:12pt;                                 /* 文字サイズ */
    width:40px;                                     /* 幅 */
}
.calender_holiday{                                  /* カレンダー日曜部 */
    background-color:#b0e976;                       /* 背景薄緑 */
}
.calender_close{                                    /* カレンダー休み部 */
    color:#ff0000;                                  /* 文字赤色 */
    font-weight:bold;                               /* 文字太さ */
    text-align:left;                                /* 文字配置左 */
}
/* トップ広告 */
.topad_body{                                          /* トップ広告 */
    color:#333333;                                  /* 文字濃灰 */
    font-size:10pt;                                 /* 文字サイズ */
    line-height:110%;                               /* 行の高さ */
    margin:5px 7px 0px 7px;                         /* 枠線外上右下左余白 */
    text-align:center;                                /* 文字配置中央 */
    width:740px;
    height:90px;
}
.topad_aff{                                          /* サイドバー内アフィリエイト部 */
    font-size:10pt;                                 /* 文字サイズ */
    margin:0px 4px;                        /* 枠線外上右下左余白 */
    text-align:left;                                /* 文字配置左 */
    width:176px;
    float:left;
}
.topad_aff a{                                        /* 左列内アフィリエイト部リンク */
    color:#0000ff;                                  /* 文字青色 */
    font-size:10pt;                                 /* 文字サイズ */
    font-weight:bold;                               /* 文字太さ */
    text-decoration:underline;                      /* 文字装飾 */
}
.topad_aff a:link{                                   /* リンク未訪問 */
    color:#0000ff;                                  /* 文字青色 */
}
.topad_aff a:visited{                                /* リンク既訪問 */
    color:#0000ff;                                  /* 文字青色 */
}
.bookmarks{
    font-size:95%;margin:8px 0 8px 0;padding:0;text-align:right;
}

/* サイドバー部 */
.sidebar{                                           /* サイドバー全体 */
    background-color:#ccff99;                       /* 背景明緑 */
    float:left;                                    /* 回り込み */
    margin:0px;                                     /* 枠線外余白 */
    padding:0px;                                    /* 枠線内余白 */
    line-height:130%;                               /* 行の高さ */
    text-align:center;                              /* 文字配置中央 */
    top:0px;                                        /* 上位置 */
    width:20%;                                    /* 幅 */
}
.side_title{                                        /* サイドバー内見出し部 */
    background-color:#99cc33;                       /* 背景渋緑 */
    border:3px double #1d8100;                      /* 枠線濃緑 */
    color:#f5fff5;                                  /* 文字僅緑 */
    font-size:82%;                                  /* 文字サイズ */
    font-weight:bold;
    margin:15px 14px 5px 14px;                      /* 枠線外余白 */
    padding:3px 10px;
    text-align:left;                                /* 文字配置左 */
}
.side_body{                                         /* サイドバー内記事本体 */
    color:#333333;                                  /* 文字濃灰 */
    font-size:10pt;                                 /* 文字サイズ */
    line-height:130%;                               /* 行の高さ */
    margin:5px 7px 0px 7px;                         /* 枠線外余白 */
    padding:1px 3px;                                /* 枠線内縦横余白 */
    text-align:left;                                /* 文字配置左 */
}
.side_search a:hover{                               /* サイドバー内Google検索バー */
    background-color:#ccff99;                       /* 背景明緑 */
}
.side_aff{                                          /* サイドバー内アフィリエイト部 */
    font-size:10pt;                                 /* 文字サイズ */
    margin:0px 0px 20px 0px;                        /* 枠線外上右下左余白 */
    text-align:left;                                /* 文字配置左 */
}
.side_aff a{                                        /* 左列内アフィリエイト部リンク */
    color:#0000ff;                                  /* 文字青色 */
    font-size:10pt;                                 /* 文字サイズ */
    font-weight:bold;                               /* 文字太さ */
    text-decoration:underline;                      /* 文字装飾 */
}
.side_aff a:link{                                   /* リンク未訪問 */
    color:#0000ff;                                  /* 文字青色 */
}
.side_aff a:visited{                                /* リンク既訪問 */
    color:#0000ff;                                  /* 文字青色 */
}
/* フッター部 */
.footer{                                            /* フッター部 */
    clear:both;                                                                                 /* 回り込み解除 */
    font-weight:normal;                             /* 文字太さ */
    margin:10px 12px 12px 12px;                     /* 枠線外上右下左余白 */
    padding:0px;                                    /* 枠線内余白 */
    text-align:center;                              /* 文字配置中央 */
    width:100%;                                     /* 幅 */
}