@charset "utf-8";





/* =================================================================== */
/* KANAZAWA NOH MUSEUM ONLY
/* =================================================================== */


/* -- INFORMATION COLOR -- */

.top-dpt-info li.ui-state-active a#ui-id-1,
.evnt-select-1{
	background-color: #ef7c15;
}

.evnt-select-1 .list-2 a{
	background-color: #fff7ee !important;
}

.evnt-unit-1 h3{
    color: #000 !important;
    border-bottom: 2px solid #ef7c15;
    border-top: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}


.top-dpt-info li.ui-state-active a#ui-id-2,
.evnt-select-2{
	background-color: #00499a;
}

.evnt-select-2 .list-1 a{
	background-color: #e1efff !important;
}

.evnt-unit-2 h3{
    color: #000 !important;
    border-bottom: 2px solid #00499a;
    border-top: #e3e3e3 1px solid;
    background-color: #f5f5f5;
}



#top-info-1 .unit{
	background: #fff7ee;
	border-color: #fdb;
}

#top-info-2 .unit{
	background: #e4eeff;
	border-color: #b1c2e0;
}

/* -- END --*/





/* -- FACILITIES COLOR -- */
.dpt-fclt-ttl{
background-color: #1e2f41;
}

#dpt-SM-fclt ul.btn{
    background-color: #39628e;
}

#dpt-SM-fclt .box li{
    border-color: #cfdeec;
}

#dpt-SM-fclt .box li a{
    background-color: #eef6fe;
}
    
#dpt-SM-fclt .box li a:hover{
    background-color: #dbecfe;
}

/* -- END --*/

.SM-btm { margin-bottom:10px; }


/* -- DOWNLOAD -- */
.download-box{
    border: #eaeaea 1px solid;
    background-color: #f6f6f6;
}

.download-box .title{
    display: block;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0;
    background: url(../img/dwn_ttl.png) 0 0 no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.download-box .text{
    margin: 10px;
    padding: 0;
    font-size: 93%;
}

.download-box .link{
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.download-box .link a{
    display: inline-block;
    padding: 7px 15px 5px 25px;
    background: #fff url(../img/link_arw_1.gif) 10px center no-repeat;
    border: #ccc 1px solid;
    border-radius: 5px;
    font-size: 93%;
}

@media screen and (max-width: 739px) {
    .download-box{
        width: 47%;
        float: right;
    }
}

@media screen and (max-width: 519px) {
    .download-box{
        width:97%;
        margin: 0 1% 15px;
        float: none;
    }
}

/* -- END --*/



/* -- FOOTER COLOR -- */
#Section-FT{
    background-color: #656565;
}

#FT-dept-info p.title{
    width: 145px;
}

#FT-dept-bnr{
    border-top-color: #a0a0a0;
}

#FT-copyright{
    background-color: #434343;
}

/* -- END --*/


/* =================================================================== */









/* =================================================================== */
/* BASE SETTINGS
/* =================================================================== */


    /* -----------------------------------------------------
    /* UNIT   : CSS NORMALIZE
    /* VERSION: 1.2
    /* TYPE   : ALL
    ------------------------------------------------------ */

    h1, h2, h3, h4, h5, h6, b, strong {
        font-weight: bold;
    }
    em, i, dfn {
        font-style: italic;
    }
    dfn {
        font-weight:bold;
    }
    p, code, pre, kbd {
        margin:0 0 1.5em 0;
    }
    blockquote {
        margin:0 1.5em 1.5em 1.5em;
    }
    cite {
        font-style: italic;
    }
    li ul, li ol {
        margin:0 1.5em;
    }
    ul, ol {
        margin:0 1.5em 1.5em 1.5em;
    }
    ul {
        list-style-type:disc;
    }
    ol {
        list-style-type:decimal;
    }
    ol ol {
        list-style: upper-alpha;
    }
    ol ol ol {
        list-style: lower-roman;
    }
    ol ol ol ol {
        list-style: lower-alpha;
    }
    dl {
        margin:0 0 1.5em 0;
    }
    dl dt {
        font-weight:bold;
    }
    dd {
        margin-left:1.5em;
    }
    table {
        margin-bottom:1.4em;
        width:100%;
    }
    th {
        font-weight:bold;
    }
    th, td, caption {
        padding:4px 10px 4px 5px;
    }
    tfoot {
        font-style:italic;
    }
    sup, sub {
        line-height:0;
    }
    abbr, acronym {
        border-bottom: 1px dotted;
    }
    address {
        margin:0 0 1.5em;
        font-style:italic;
    }
    del {
        text-decoration: line-through;
    }
    pre {
        margin:1.5em 0;
        white-space:pre;
    }
    img.centered, .aligncenter, div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    img.alignright {
        display: inline;
    }
    img.alignleft {
        display: inline;
    }
    .alignright {
        float: right;
        margin-left: 10px;
    }
    .alignleft {
        float: left;
        margin-right: 10px;
    }
    
    * html .clearfix {
        height: 1%;
    }
    * + html .clearfix {
        display: inline-block;
    }
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    * html .group {
        height: 1%;
    }
    * + html .group {
        display: inline-block;
    }
    .group:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    /* --------------------------------------------------- */



    /* -----------------------------------------------------
    /* UNIT   : BASE
    /* VERSION: 1.2
    /* TYPE   : ALL
    ------------------------------------------------------ */

    body{
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    
    img{
        vertical-align: bottom;
    }

    /* --------------------------------------------------- */



/* =================================================================== */









/* =================================================================== */
/* SIDE CALENDER
/* =================================================================== */



/* ------------ CALENDER : SETTING ------------ */

/* CALENDER TITLE */
.dpt-calender .title{
    background-color: #29a619;
    color: #fff;
}

/* -------------- END -------------- */

    /* -----------------------------------------------------
    /* UNIT   : CALENDER
    /* VERSION: 1.0
    /* TYPE   : ALL
    ------------------------------------------------------ */

    .dpt-calender{
        margin-bottom: 22px;
        padding: 7px;
        background-color: #fff;
        border: #ccc 1px solid;
        border-radius: 5px;
    }
    
    .dpt-calender .title{
        line-height: 1.0;
        margin: 0;
        padding: 7px 0 5px;
        text-align: center;
        border-radius: 2px;
    }
    
    /* navi */
    .dpt-calender .navigation{
        position: relative;
        margin: 10px 0 5px;
    }
    
    .dpt-calender .navigation p{
        text-align: center;
        padding: 0;
        margin: 0;
    }
    
    .dpt-calender .btn-prev, .dpt-calender .btn-next{
        position: absolute;
        top: 0;
        width: 19px;
        height: 19px;
    }
    
    .dpt-calender .btn-prev a, .dpt-calender .btn-next a{
        display: block;
        width: 19px;
        height: 19px;
        background-image: url(../img/cld_btn.gif);
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .dpt-calender .btn-prev{
        left: 0;
    }
    
    .dpt-calender .btn-prev a{
        background-position: 0 0;
    }
    
    .dpt-calender .btn-prev a:hover{
        background-position: 0 -19px;
    }
    
    .dpt-calender .btn-next{
        right: 0;
    }
    
    .dpt-calender .btn-next a{
        background-position: -19px 0;
    }
    
    .dpt-calender .btn-next a:hover{
        background-position: -19px -19px;
    }
    
    /* table */
    .dpt-calender table{
        border-collapse: collapse;
        margin-bottom: 0;
    }
    
    .dpt-calender th, .dpt-calender td{
        line-height: 1.0;
        padding: 0;
        border: #ccc 1px solid;
        text-align: center;
        font-size: 13px !important;
    }
    
    .dpt-calender th{
        padding: 5px 0;
        background-color: #dff5ff;
    }
    
    .dpt-calender td{
        background-color: #fff;
        line-height: 25px;
    }
    
    .dpt-calender td a{
        display: block;
        background-color: #ff9;
    }
    
    .dpt-calender td a:hover{
        background-color: #ffe866;
    }
    
    /* btn */
    .cld-btn-list{
        margin: 10px 0 8px;
        padding: 5px 5px;
        background: linear-gradient(#fff, #f1f1f1);
        border-radius: 3px;
        border: 1px solid #d5d5d5;
    }
    
    .cld-btn-list a{
        display: block;
        text-align: center;
    }
    
    .cld-btn-list img{
        margin-right: 10px;
        border: none;
        vertical-align: middle;
    }
    
    /* --------------------------------------------------- */

/* =================================================================== */









/* =================================================================== */
/* TOP INFORMATION
/* =================================================================== */


/* ------------ TOP INFORMATION : SETTING ------------ */



/* -------------- END -------------- */

    /* -----------------------------------------------------
    /* UNIT   : TOP-INFORMATION
    /* VERSION: 1.4
    /* TYPE   : PC/TABLET/MOBILE
    ------------------------------------------------------ */
    .top-dpt-info h3{
        display: none;
    }

    .top-dpt-info ul{
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .ie6 .top-dpt-info ul{
        zoom: 1;
    }
    
    .top-dpt-info li{
        float: left;
        margin: 0 2px 0 0;
        padding: 0;
    }
    
    .top-dpt-info li a{
        display: block;
        padding: 10px 25px 7px 15px;
        line-height: 1.0;
        color: #fff;
        outline: none;
        background-color: #8b8b8b;
        border-radius: 5px 5px 0 0;
        text-decoration: none;
    }
    
    .top-dpt-info li span{
        display: inline-block;
        width: 15px;
        height: 8px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url(../img/tab_arw_2.png) left center no-repeat;
    }

    .ie6 .top-dpt-info li span,
    .ie7 .top-dpt-info li span{
        font-size: 0;
        text-indent: 0;
    }
    
    .top-dpt-info li.ui-state-active span{
        background: url(../img/tab_arw_1.png) left center no-repeat;
    }
    
    .top-dpt-info .unit{
        padding: 15px;
        border-style: solid;
        border-width: 1px;
    }
    
    .top-dpt-info .area{
        clear: both;
    }
    
    
    .top-dpt-info .box{
        padding: 10px 0;
        border-bottom: #bebebe 1px dotted;
    }
    
    
    .date-area{
        overflow: hidden;
        padding-bottom: 10px;
    }
    
    .top-dpt-info .date{
        float: left;
    }
    
    .top-dpt-info .info-icon{
        float: left;
        margin-left: 5px;
    }
    
    .top-dpt-info .date{
        margin: 0;
        padding: 0;
        font-size: 85%;
        font-weight: bold;
    }
    
    .top-dpt-info .title{
        clear: both;
        margin: 0;
        padding: 0;
        _padding-top: 5px;
    }
    
    .top-dpt-info li.ui-state-active a{
        cursor: default;
    }

    .tp-btn-list{
        margin: 10px 0 0;
        text-align: right;
    }
    
    .tp-btn-list a{
        display: inline-block;
        padding: 5px 10px 3px 25px;
        border: #ccc 1px solid;
        border-radius: 3px;
        background: #fff url(../img/link_arw_0.gif) 10px 0.7em no-repeat;
        font-size: 93%;
        text-decoration: none;
    }

    /* --------------------------------------------------- */


    /* -----------------------------------------------------
    /* UNIT   : INFO ICON
    /* VERSION: 1.0
    /* TYPE   : ALL
    ------------------------------------------------------ */

    .info-icon{
        display: inline-block;
        line-height: 1.0em;
        padding: 4px 6px 3px;
        border-radius: 3px;
        background-color: #8b8b8b;
        color: #fff;
        font-size: 77%;
    }

    .ie6 .info-icon,
    .ie7 .info-icon{
        display: inline;
        zoom: 1;
    }
    
    .icon-new     { background-color: #e60e0e;}
    .icon-music   { background-color: #20aa09;}
    .icon-others  { background-color: #6f8d96;}
    .icon-play    { background-color: #f06012;}
    .icon-creation{ background-color: #038eeb;}
    .icon-display { background-color: #7600ad;}
    .icon-lecture { background-color: #d2007e;}
    .icon-art     { background-color: #0033ff;}
    
    /* --------------------------------------------------- */


/* =================================================================== */



    /* -----------------------------------------------------
    /* UNIT   : INFO ICON
    /* VERSION: 1.0
    /* TYPE   : ALL
    ------------------------------------------------------ */

    .info-icon{
        display: inline-block;
        line-height: 1.0em;
        padding: 4px 6px 3px;
        border-radius: 3px;
        background-color: #8b8b8b;
        color: #fff;
        font-size: 77%;
    }

    .ie6 .info-icon,
    .ie7 .info-icon{
        display: inline;
        zoom: 1;
    }
    
    .icon-new     { background-color: #e60e0e;}
    .icon-music   { background-color: #20aa09;}
    .icon-others  { background-color: #6f8d96;}
    .icon-play    { background-color: #f06012;}
    .icon-creation{ background-color: #038eeb;}
    .icon-display { background-color: #7600ad;}
    .icon-lecture { background-color: #d2007e;}
    .icon-art     { background-color: #0033ff;}
    
    /* --------------------------------------------------- */


/* =================================================================== */









/* =================================================================== */         
/* SITEMAP
/* =================================================================== */

/* ------------ SITEMAP : SETTING ------------ */

.sitemap-area li{
    border-left-color: #ccc;
    border-bottom-color: #ccc;
}
/* -------------- END -------------- */

    /* -----------------------------------------------------
    /* UNIT   : SITEMAP
    /* VERSION: 1.2
    /* TYPE   : PC/TABLET
    ------------------------------------------------------ */
    .sitemap-area{
        margin: 30px 0 0 0;
    }
    
    .sitemap-area ul{
        list-style: none;
        margin: 0 3% 15px ;
        padding: 0;
    }
    
    .sitemap-area li{
        margin: 15px 0 10px;
        padding: 5px 0 10px 10px;
        border-left-width: 3px;
        border-left-style: solid;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
    }
    
    .sitemap-area ul ul{
        margin-left: 10px;
        margin-bottom: 0;
    }
    
    .sitemap-area li li{
        margin: 10px 0 0 10px;
        padding: 0;
        border: none;
        font-size: 93%;
    }

    /* --------------------------------------------------- */


/* =================================================================== */




    a.link-word{
        display: inline-block;
        padding: 4px 0 3px 22px;
        background: url(../img/icon_word.png) 0 0.3em no-repeat;
    }




/* Body of Event and Topics */
.usr-pics div { margin-bottom: 10px; }
.usr-pics img { max-width: 100%; }

.usr-files h4,
.usr-links h4 { margin: 2em 0 0.5em; }
.usr-files ul,
.usr-links ul { margin: 0; padding-left: 2em; }