@charset "UTF-8";

/* ユーザーメニュー */

#contents_body #side ul.user_menu {
    list-style-type: none;
    margin-bottom: 1em;
    padding: 1px 0 1em 10px;
}

#contents_body #side ul.user_menu li {
    display: inline-block;
    border-left: 3px solid #0e035c;
    line-height: 1.2;
    padding: 0 .5em;
    vertical-align: middle;
}


/* pico */

#contents_body #main em.pico_notice {
    color: #c00;
}

#main table.pico_form_table {
    width: auto;
}

#main table.pico_form_table th {
    background: #343434;
    color: #fff;
    padding: .2em .5em;
    border: 1px solid #ccc;
    font-weight: normal;
}

#main table.pico_form_table td {
    border: 1px solid #ccc;
    padding: .2em .5em;
}

#main table.pico_form_table td.img_title_small {
    padding: 0;
}

#main table.pico_form_table td.img_title_small p {
    background: #343434;
    color: #fff;
    padding: .2em .5em;
    width: 280px;
}

#main table.pico_form_table td p.imgover {
    overflow: hidden;
    overflow-x: auto;
    width: 590px;
}

#main table.pico_form_table th span.input_need {
    color: #c00;
}

#main table.ui-datepicker-calendar td {
    border: 0 none;
    padding: 0;
}

#main table.pico_form_table tr.toggle_btn th {
    background: #646464;
}

#main div.pico_controllers {
    margin: 3em 0;
    padding: .5em .2em;
    font-size: .93em;
    background: #ccc;
    border: 1px solid #ccc;
    position: absolute;
    left: 281px;
    top: -215px;
    opacity: 0.8;
    width: 590px;
}

#main div.pico_controllers:hover {
    opacity: 1.0;
}

#main p.cat_desc {
    text-align: right;
    color: #333;
    font-size: 0.93em;
}


/* 履歴 */

#main .pico_content_history_list {
    font-size: 0.86em;
    letter-spacing: -0.07em;
    list-style-type: none;
    padding: 1.5em 0;
}


/*ページナビゲーション*/

#contents_body #main ul.pagenavigation {
    margin: 1em 0;
    padding: 1em 0;
    list-style-type: none;
    border-top: 1px solid #ccc;
    font-size: .93em;
}

#main ul.pagenavigation li.prev {
    text-align: left;
    float: left;
    width: 40%;
}

#main ul.pagenavigation li.parent {
    text-align: center;
    width: 20%;
    margin: 0 auto;
}

#main ul.pagenavigation li.next {
    text-align: right;
    float: right;
    width: 40%;
}

#contents_body #main p.pages {
    margin-top: 2em;
    font-size: .93em;
    overflow: hidden;
}

#contents_body #main p.pages .prev {
    float: left;
}

#contents_body #main p.pages .next {
    float: right;
}


/*
 *企画特別展のご案内
*/

#special #contents_body #main dl.index_list {
    padding: 0;
    font-size: 1em;
}

#special #contents_body #main dl.index_list dt {
    margin-top: .5em;
    padding: .5em 0 0 3.5em;
    list-style-type: none;
}

#special #contents_body #main dl.index_list dt.cat1 {
    background: transparent url(../parts/icon_project.jpg) no-repeat 0 10px;
}

#special #contents_body #main dl.index_list dt.cat2 {
    background: transparent url(../parts/icon_special.jpg) no-repeat 0 10px;
}

#special #contents_body #main dl.index_list dd.tags {
    font-size: .93em;
    text-align: right;
    border-bottom-color: #fff;
    color: #666;
}

#special #contents_body #main dl.index_list dd.dates {
    font-size: .93em;
    padding: 0 0 .5em 2em;
    border-bottom: 1px dashed #ccc;
    text-align: right;
    color: #666;
}


/* イベントリスト最新画像・編集ボタン */

#special #contents_body #main dl.index_list dt img {
    padding-bottom: 2px;
    vertical-align: middle;
}

#special #contents_body #main p.ef_dates {
    /* 開催期間 */
    text-align: right;
}

#special #contents_body #main #content_inner h4 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 0.7em;
    background: #333 url(images/h4_back.jpg) no-repeat 0 0;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.78;
}

#special #contents_body #main #content_inner h5 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1em;
    font-weight: bold;
}

#special #contents_body #main #content_inner h6 {
    font-size: 0.9em;
    font-weight: bold;
}

#special #contents_body #main #content_inner table {
    width: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
    empty-cells: show;
}

#special #contents_body #main #content_inner table th {
    padding: 0.3em;
    border: 1px solid #ccc;
    font-weight: normal;
    background-color: #eee;
}

#special #contents_body #main #content_inner table td {
    border: 1px solid #ccc;
    padding: 0.3em;
}

#special #contents_body #main #content_inner p,
#special #contents_body #main #content_inner table,
#special #contents_body #main #content_inner ul,
#special #contents_body #main #content_inner ol,
#special #contents_body #main #content_inner dl {
    font-size: .93em;
}

#special #contents_body #main #content_inner p {
    margin-top: 1em;
    margin-bottom: 1em;
}

#special #contents_body #main #content_inner dl dt {
    margin-top: 1em;
}

#special #contents_body #main #content_inner dl dd {
    margin-left: 3em;
    border-bottom: 1px dotted #eee;
}

#special #contents_body #main #content_inner ul li {
    list-style: circle;
}

#special #contents_body #main #content_inner p a img {
    border: 1px solid #0f5499;
}

#special #contents_body #main #content_inner p a:hover img {
    border: 1px solid #8f4118;
}


/*
 *博物館について
*/

#about #contents_body #main h4 {
    /*高さ25px*/
    line-height: 1;
    clear: left;
    font-size: 1em;
    margin: 1em 0 .25em;
    padding: 7px 0 4px 12px;
    line-height: 1;
}

#about #contents_body #main h4.header_natural {
    background: transparent url(../parts/about_header4_g_bak.jpg) no-repeat;
    color: #247b2b;
}

#about #contents_body #main h4.header_cultural {
    background: transparent url(../parts/about_header4_b_bak.jpg) no-repeat;
    color: #0e035c;
}

#about #contents_body #main h4.header_technological {
    background: transparent url(../parts/about_header4_r_bak.jpg) no-repeat;
    color: #a62c2c;
}

#about #contents_body #main h4.header_other {
    background: transparent url(../parts/about_header4_mono_bak.jpg) no-repeat;
    color: #333;
}

#about #contents_body #main h4.header_aim {
    background: transparent url(../parts/about_header4_mono2_bak.jpg) no-repeat;
    color: #333;
    font-weight: normal;
}

#about #contents_body #main h5 {
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #eeeeee;
    font-size: 1em;
    font-weight: bold;
}

#about #contents_body #main div.column2 {
    width: 100%;
}

#about #contents_body #main div.column1 ol {
    padding: 0;
    list-style-type: none;
}

#about #contents_body #main div.column2 ol {
    padding: 0;
    list-style-type: none;
    float: left;
    width: 50%;
}

#about #contents_body #main div.column1 ol li,
#about #contents_body #main div.column2 ol li {
    line-height: 1.43;
    /*先頭アイコン画像の高さ（20px）*/
    text-indent: -2em;
    padding: 0 0 10px 2em;
}

#about #contents_body #main div ol li img {
    padding-right: .5em;
}

#about #contents_body #main p {
    text-indent: 1em;
}

#about #contents_body #main p.start {
    text-indent: 0;
}

#about #contents_body #main ol.depart {
    padding: .5em 0 .5em 2.5em;
}

#about #contents_body #main p.wide {
    padding-left: 0em;
    padding-right: 0em;
    text-indent: 0em;
}


/*ドロップシャドウ付きボックス1　 「博物館について」で使用*/

#about #contents_body #main div.shadow_box1 {
    background: transparent url(../parts/ol_box_head.jpg) no-repeat;
    padding-top: 23px;
}

#about #contents_body #main div.shadow_box1 ol {
    padding-left: 0;
    background: transparent url(../parts/ol_box_foot.jpg) no-repeat 0 100%;
    padding-bottom: 23px;
}

#about #contents_body #main div.shadow_box1 ol li {
    background: transparent url(../parts/ol_box_body.jpg) repeat-y;
    padding-left: 2em;
    list-style-position: inside;
    list-style-type: upper-alpha;
}

#about #contents_body #main div.shadow_box1 ul {
    padding-left: 0;
    background: transparent url(../parts/ol_box_foot.jpg) no-repeat 0 100%;
    padding-bottom: 13px;
    font-size: .93em;
    line-height: 1.8;
}

#about #contents_body #main div.shadow_box1 ul li {
    background: transparent url(../parts/ol_box_body.jpg) repeat-y;
    padding-left: 2em;
    list-style-position: inside;
    list-style-image: url(../parts/side_icon.jpg);
}


/*ドロップシャドウ付きボックス2　「博物館について」で使用*/

#about #contents_body #main div.shadow_box2 {
    margin-top: 1em;
    margin-bottom: 1em;
    background: transparent url(../parts/ul_box_body.jpg) repeat-y;
}

#about #contents_body #main div.shadow_box2 h5 {
    margin-bottom: 0.5em;
    padding: .5em 10px;
    background: transparent url(../parts/ul_box_head.jpg) no-repeat;
    font-size: 1em;
}

#about #contents_body #main div.shadow_box2 p {
    padding-left: 2em;
    padding-right: 2em;
}

#about #contents_body #main div.shadow_box2 .foot {
    background: transparent url(../parts/ul_box_foot.jpg) no-repeat 0 100%;
    padding-bottom: 13px;
}


/*館内施設の案内（フロアマップ） */

#about div#floor_map {
    position: relative;
}

#about div#floor_map ul {
    list-style-type: none;
}

#about div#floor_map ul li#floor2_1 {
    position: absolute;
    top: 0;
    left: 360px;
}

#about div#floor_map ul li#floor2_2 {
    position: absolute;
    top: 178px;
    left: 270px;
}

#about div#floor_map ul li#floor1_1 {
    position: absolute;
    top: 178px;
    left: 429px;
}

#about div#floor_map ul li#floor1_2 {
    position: absolute;
    top: 435px;
    left: 5px;
}

#about div#floor_map ul li#floor1_3 {
    position: absolute;
    top: 435px;
    left: 150px;
}

#about div#floor_map ul li#floor1_4 {
    position: absolute;
    top: 435px;
    left: 295px;
}

#about div#floor_map ul li#floor1_5 {
    position: absolute;
    top: 435px;
    left: 440px;
}

#about a.add_arrow {
    background: transparent url(../parts/side_icon.jpg) no-repeat scroll 0 50%;
    padding-left: 1em;
}


/*収蔵庫の紹介*/

#about #contents_body #storage_gallery #storage_image {
    position: relative;
}

#about #contents_body #storage_gallery #s_prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
}

#about #contents_body #storage_gallery #s_next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
}

#about #contents_body div#storage_description {
    margin: 1em 0;
    font-size: .93em;
}

#about #contents_body div#storage_description p {
    text-indent: 0;
}

#about #contents_body div#storage_gallery {
    margin-top: 2em;
}

#about #contents_body div#storage_gallery div#storage_image {
    border: 1px solid #ccc;
    padding: 9px;
}

#about #contents_body div#storage_gallery div#storage_image p {
    color: #666;
    text-indent: 0;
    font-size: .93em;
    margin-bottom: 10px;
}

#about #contents_body div#storage_gallery div#storage_image #image_box {
    background: #000 url('../js/load.gif') no-repeat 50% 50%;
}

#about #contents_body div#storage_gallery #storage_list {
    list-style-type: none;
    padding: 1em 0;
    margin: 0 -10px 0 0;
}

#about #contents_body div#storage_gallery #storage_list li {
    float: left;
    padding: 2px;
    margin: 0;
    border: 2px solid #fff;
}

#about #contents_body div#storage_gallery #storage_list li#active {
    border: 2px solid #A62C2C;
}


/*沿革*/

#about #contents_body #main dl.history dt {
    padding-top: 1em;
    float: left;
    clear: left;
    font-weight: bold;
}

#about #contents_body #main dl.history dd {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-left: 3em;
    border-top: 1px dotted #666;
}

#about #contents_body #main dl.history dd p {
    text-indent: 0;
}

#about #contents_body #main dl.history dd ol {
    padding: .5em 0 .5em 4em;
}

#about #contents_body #main dl.summary dt {
    padding: 1px 0 0;
    float: left;
    clear: left;
    font-weight: bold;
    vertical-align: bottom;
    line-height: 2.5;
}

#about #contents_body #main dl.summary dd {
    padding: 0 0 0 7em;
    ;
    border-top: 1px dotted #666;
    vertical-align: bottom;
    line-height: 2.5;
}

#about #contents_body #main dl.summary dd.first {
    border-top: none;
}


/* 諸規定 */

#about #contents_body #main div.date {
    margin: 1em 0;
    text-align: right;
    font-size: .93em;
}

#about #contents_body #main div.rules h4 {
    border: 1px solid #ccc;
    background: #fcfcfc;
}

#about #contents_body #main div.rules dl dt {
    float: left;
    clear: left;
    vertical-align: bottom;
    line-height: 1.8;
    text-align: right;
    width: 3em;
}

#about #contents_body #main div.rules dl dd {
    padding: 0 0 0 4em;
    ;
    vertical-align: bottom;
    line-height: 1.8;
}

#about #contents_body #main div.rules dl.dot {
    border-top: 1px dotted #666;
    margin-top: 1em;
    padding-top: 1em;
}

#about #contents_body #main div.rules dl dd p {
    text-indent: 0;
}

#about #contents_body #main div.rules dl dd ol {
    margin: .25em 0 0 1em;
    padding-left: 1em;
    list-style-type: none;
}

#about #contents_body #main div.rules dl dd ol li {
    text-indent: -3em;
}

#about #contents_body #main div.rules div.add_rule h4 {
    border: none;
    background: #eee;
}

#about #contents_body #main div.rules div.add_rule ol {
    list-style-type: none;
}

#about #contents_body #main div.rules div.add_rule ol li {
    text-indent: -2em;
}


/* 研究スタッフ／職員 */

#about_staff #contents_body #main table.staff {
    font-size: .93em;
    margin: 1em 0 .5em;
    width: 100%;
}

#about_staff #contents_body #main table.staff thead {
    background: #eee;
}

#about_staff #contents_body #main table.staff th {
    border: 1px solid #ccc;
    padding: .2em .5em;
    text-align: center;
}

#about_staff #contents_body #main table.staff td {
    border: 1px solid #ccc;
    padding: .5em 1em;
    vertical-align: top;
}

#about_staff #contents_body #main table.staff .post {
    border-left: none;
    width: 7em;
}

#about_staff #contents_body #main table.staff .name {
    width: 12em;
}

#about_staff #contents_body #main table.staff .attr {
    border-right: none;
    width: 20em;
}

#about_staff #contents_body #main table.staff td.post {
    text-align: right;
}


/* 委員 */

#about_committee #contents_body #main table.staff {
    font-size: .93em;
    margin: 1em 0 .5em;
    width: 100%;
}

#about_committee #contents_body #main table.staff thead {
    background: #eee;
}

#about_committee #contents_body #main table.staff th {
    border: 1px solid #ccc;
    padding: .2em .5em;
    text-align: center;
}

#about_committee #contents_body #main table.staff td {
    border: 1px solid #ccc;
    padding: .5em 1em;
    vertical-align: top;
}

#about_committee #contents_body #main table.staff .attr {
    border-left: none;
    width: 18em;
}

#about_committee #contents_body #main table.staff .post {
    width: 7em;
}

#about_committee #contents_body #main table.staff .name {
    border-right: none;
    width: 14em;
}

#about_committee #contents_body #main table.staff td.attr {
    text-align: right;
}


/*
 * イベント情報
 */


/* イベントリスト */

#event #contents_body #main dl.index_list {
    padding: 0;
    font-size: 1em;
}

#event #contents_body #main dl.index_list dt {
    margin-top: .5em;
    background: transparent url(../parts/side_icon.jpg) no-repeat 0 11px;
    padding: .5em 0 0 2em;
    list-style-type: none;
}

#event #contents_body #main dl.index_list dd.tags {
    font-size: .93em;
    text-align: right;
    border-bottom-color: #fff;
    color: #666;
}

#event #contents_body #main dl.index_list dd.dates {
    font-size: .93em;
    padding: 0 0 .5em 2em;
    border-bottom: 1px dashed #ccc;
    text-align: right;
    color: #666;
}


/* イベントリスト最新画像・編集ボタン */

#event #contents_body #main dl.index_list dt img {
    padding-bottom: 2px;
    vertical-align: middle;
}

#event #contents_body #main h3 {
    color: #fff;
    background-color: #333;
    border-bottom: 2px solid #9a760b;
    padding: 1px .5em 0;
    font-size: 1.15em;
    font-weight: normal;
    margin-bottom: 1em;
}

#event #contents_body #main p.ef_dates {
    /* イベント開催日 */
    text-align: right;
    margin: -1em 0 .5em;
    /* h3要素のmargin-bottomをキャンセル */
}

#event #contents_body #main h3.viewbak_red {
    font-size: 1em;
    padding: 12px 0 7px 12px;
    color: #000;
    border-bottom: none;
    font-weight: bold;
    background-color: transparent;
}

#event #contents_body #main h4 {
    margin: 1em 0 .5em;
    padding: .2em;
    border: 1px solid #ccc;
    background-color: #fcfcfc;
    font-size: 1em;
    font-weight: bold;
}

#event #contents_body #main h5 {
    font-size: .93em;
    font-weight: bold;
    border-left: 5px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 1em;
    padding-left: 5px;
}

#event #contents_body #main h6 {
    font-size: .93em;
    font-weight: bold;
}

#event #contents_body #main p,
#event #contents_body #main li,
#event #contents_body #main dl {
    font-size: .93em;
}

#event #contents_body #main p {
    padding: .5em 0;
}


/* 表はニュースレターと一緒に記述（718行目付近） */

#event #contents_body #main #content_inner ul {
    padding: 0;
    margin-bottom: .5em;
}

#event #contents_body #main #content_inner ol {
    margin-bottom: .5em;
}

#event #contents_body #main #content_inner ul li {
    list-style-type: circle;
    margin-left: 2em;
}

#event #contents_body #main #content_inner #flier {
    float: left;
    width: 208px;
    text-align: center;
    padding: 1em 10px;
    border: 1px solid #ccc;
}

#event #contents_body #main #content_inner #flier_right {
    margin-left: 250px;
}

#event #contents_body #main #content_inner #access {
    clear: left;
    padding-top: 1em;
}

#event #contents_body #main #content_inner #flier p {
    border-bottom: none;
}

#event #contents_body #main ul.event_past_list {
    padding: 0;
    list-style-type: none;
}

#event #contents_body #main ul.event_past_list li {
    background: transparent url(../parts/side_icon.jpg) no-repeat 0 50%;
    padding: .5em 0 .5em 2em;
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #fff;
}

#event #contents_body #main #content_inner dl dt {
    margin-top: 1em;
}

#event #contents_body #main #content_inner dl dd {
    margin-left: 3em;
    border-bottom: 1px dotted #eee;
}


/*ニュースレターの各号内目次*/

#newsletter #contents_body #main #content_inner ul#letter-index {
    margin: 1em 0 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#newsletter #contents_body #main #content_inner ul#letter-index li {
    list-style: none;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    padding-left: 1.5em;
    background: transparent url(../parts/side_icon.jpg) no-repeat 0 50%;
    line-height: 1.6;
}

#newsletter #contents_body #main #content_inner h4 {
    margin-bottom: 0.5em;
    padding-left: 0.7em;
    background: #333 url(images/h4_back.jpg) no-repeat 0 0;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.78;
}

#newsletter #contents_body #main #content_inner h5 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1em;
    font-weight: bold;
}

#newsletter #contents_body #main #content_inner h6 {
    font-size: 0.9em;
    font-weight: bold;
}


/* 表　※イベントページと共通 */

#event #contents_body #main #content_inner table,
#newsletter #contents_body #main #content_inner table {
    width: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
    empty-cells: show;
}

#event #contents_body #main #content_inner table th,
#newsletter #contents_body #main #content_inner table th {
    padding: 0.3em;
    border: 1px solid #ccc;
    background-color: #eee;
    color: #000;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

#event #contents_body #main #content_inner table td,
#newsletter #contents_body #main #content_inner table td {
    border: 1px solid #ccc;
    padding: 0.3em;
}

#newsletter #contents_body #main #content_inner p,
#newsletter #contents_body #main #content_inner table,
#newsletter #contents_body #main #content_inner ul,
#newsletter #contents_body #main #content_inner ol,
#newsletter #contents_body #main #content_inner dl {
    font-size: 0.93em;
}

#newsletter #contents_body #main #content_inner p {
    margin-top: 1em;
    margin-bottom: 1em;
}

#newsletter #contents_body #main #content_inner dl dt {
    margin-top: 1em;
}

#newsletter #contents_body #main #content_inner dl dd {
    margin-left: 3em;
    border-bottom: 1px dotted #eee;
}

#newsletter #contents_body #main #content_inner ul li {
    list-style: circle;
}


/* ニュースレターの一覧 */

#newsletter #contents_body #main ul.index_list {
    padding: 0;
    font-size: 1em;
}

#newsletter #contents_body #main ul.index_list li {
    background: transparent url(../parts/side_icon.jpg) no-repeat 0 50%;
    padding: .5em 0 .5em 2em;
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #fff;
    list-style-type: none;
}


/* ニュースレター最新画像・編集ボタン */

#newsletter #contents_body #main ul.index_list li img {
    vertical-align: baseline;
}


/* 編集ボタン */

#contents_body #main a.edit {
    position: absolute;
    right: 0;
}


/* ログインページ */

#user #main h2 {
    line-height: 1;
    clear: both;
    background: transparent url(../parts/header3_bak.jpg) no-repeat 0 0;
    font-size: 1em;
    padding: 12px 0 7px 12px;
    margin: 0 0 1em;
}


/* form 表示／非表示 */

table.pico_form_table .toggleView {
    display: none;
}


/* イベント等の編集画面の項目名 */

#main table.pico_form_table th.head {
    width: 10em;
}