@charset "UTF-8";

@import url("banner.css");

@media screen,
tv {

    * {
        margin: 0px;
        padding: 0px;
    }

    html {
        height: 100%;
    }

    body {
        background: #f6f7f2;
        font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Helvetica, san-serif;
        font-size: 10.5pt;
        height: 100%;
        line-height: 1.5;
    }

    A:link {
        color: #608000;
        text-decoration: underline;
    }

    A:visited {
        color: #608000;
        text-decoration: none;
    }

    A:hover {
        color: #0099bf;
        text-decoration: underline;
    }

    A:active {
        color: #0099bf;
        text-decoration: underline;
    }

    #main a[href^="http:"],
    #main a[href^="https:"] {
        background: url("../images/icon-link_ext.png") no-repeat 100% 45%;
        padding-right: 14px;
        margin-right: 4px;
    }

    #main a[href^="http://www.ppsj.org/"],
    #main a[href^="https://www.ppsj.org/"],
    #main a[href^="https://service.dynacom.jp/ppsj/"] {
        background: none;
        padding-right: 0;
        margin-right: 0;
    }

    #main a[href$="\.pdf"],
    #main a[href*=".pdf\?"] {
        background: url("../images/icon-pdf.png") no-repeat 100% 45%;
        margin-right: 4px;
        padding-right: 18px;
    }

    #navi a[href$=".pdf"]:after {
        content: url("../images/icon-pdf.png");
        vertical-align: middle;
        margin: 0 0 0 2px;
    }

    img {
        border: none;
    }

    #container {
        width: 100%;
        position: relative;
        min-height: 100%;
    }

    * html body #container {
        height: 100%;
    }

    #nonfooter {
        position: relative;
        /* ie7 hover */
        overflow: auto;
        padding: 20px 30px 40px 20px;
    }

    *:first-child + html #nonfooter {
        overflow: hidden;
    }

    #header {
        /*width: 815px;*/
        height: 85px;
    }

    * html body #header {
        height: auto;
        width: auto;
    }

    #logomark {
        width: 95px;
        height: 85px;
        float: left;
    }

    #logotext h1 img {
        width: 477px;
        height: auto;
    }

    #logotext {
        margin-top: 5px;
        text-indent: 2px;
    }

    #calendar {
        margin: 1.2em 1em 1em 1em;
        width: 800px;
        border: solid 1px #666666;
        /*
 text-align: center;
 position: absolute; top: 24px; left: 860px;
 font-size: 9pt;
*/
    }

    #calendar iframe {
        border: solid 1px #666666;
    }

    div.journal img {
        float: left;
        margin: 0 1em 1em 0;
    }

    div.journal p {
        clear: left;
        margin-left: -1em;
    }

    #lang_en {
        position: absolute;
        left: 731px;
        left: 794px;
        top: 34px;
    }

    a#event_req {
        font-weight: 400;
        position: absolute;
        left: 731px;
        left: 794px;
    }

    #menu {
        margin-top: 5px;
        width: 878px
    }

    #menu ul {}

    #menu ul li {
        float: left;
        list-style-type: none;
        /* background-color: #ffffff; */
    }

    #menu ul.sub li {
        clear: left;
    }

    #menu ul li a {
        display: block;
        height: 48px;
        line-height: 48px;
        text-decoration: none;
        position: relative;
        /* もぐりこみ防止 */
    }

    #menu ul li a span {
        display: none;
    }

    #menu ul li.m01 a {
        display: block;
        width: 87px;
        background: url("../images/menu-01.png") no-repeat top left;
    }

    #menu ul li.m01 a:hover,
    body#m01 #menu ul li.m01 > a,
    #menu ul li.m01a a {
        display: block;
        width: 87px;
        background: url("../images/menu-01a.png") no-repeat top left;
    }

    #menu ul li.m02 a {
        display: block;
        width: 73px;
        background: url("../images/menu-02.png") no-repeat top left;
    }

    #menu ul li.m02 a:hover,
    body#m02 #menu ul li.m02 > a,
    #menu ul li.m02a a {
        display: block;
        width: 73px;
        background: url("../images/menu-02a.png") no-repeat top left;
    }

    #menu ul li.m03 a {
        display: block;
        width: 87px;
        background: url("../images/menu-03.png") no-repeat top left;
    }

    #menu ul li.m03 a:hover,
    body#m03 #menu ul li.m03 > a,
    #menu ul li.m03a a {
        display: block;
        width: 87px;
        background: url("../images/menu-03a.png") no-repeat top left;
    }

    #menu ul li.m04 a {
        display: block;
        width: 110px;
        background: url("../images/menu-04.png") no-repeat top left;
    }

    #menu ul li.m04 a:hover,
    body#m04 #menu ul li.m04 > a,
    #menu ul li.m04a a {
        display: block;
        width: 110px;
        background: url("../images/menu-04a.png") no-repeat top left;
    }

    #menu ul li.m05 a {
        display: block;
        width: 87px;
        background: url("../images/menu-05.png") no-repeat top left;
    }

    #menu ul li.m05 a:hover,
    body#m05 #menu ul li.m05 > a,
    #menu ul li.m05a a {
        display: block;
        width: 87px;
        background: url("../images/menu-05a.png") no-repeat top left;
    }

    #menu ul li.m06 a {
        display: block;
        width: 72px;
        background: url("../images/menu-06.png") no-repeat top left;
    }

    #menu ul li.m06 a:hover,
    body#m06 #menu ul li.m06 > a,
    #menu ul li.m06a a {
        display: block;
        width: 72px;
        background: url("../images/menu-06a.png") no-repeat top left;
    }

    #menu ul li.m07 a {
        display: block;
        width: 87px;
        background: url("../images/menu-072.png") no-repeat top left;
    }

    #menu ul li.m07 a:hover,
    #menu ul li.m07a a {
        display: block;
        width: 87px;
        background: url("../images/menu-072a.png") no-repeat top left;
    }

    #menu ul li.m08 a {
        display: block;
        width: 93px;
        background: url("../images/menu-081.png") no-repeat top left;
    }

    #menu ul li.m08 a:hover,
    body#m08 #menu ul li.m08 > a,
    #menu ul li.m08a a {
        display: block;
        width: 93px;
        background: url("../images/menu-081a.png") no-repeat top left;
    }

    #menu ul li.m09 a {
        display: block;
        width: 87px;
        background: url("../images/menu-09.png") no-repeat top left;
    }

    #menu ul li.m09 a:hover,
    body#m09 #menu ul li.m09 > a,
    #menu ul li.m09a a {
        display: block;
        width: 87px;
        background: url("../images/menu-09a.png") no-repeat top left;
    }

    #menu ul.sub a {
        height: 30px;
        line-height: 30px;
    }

    strong.high {
        color: #cc0000;
        font-weight: bold;
    }

    .sub {
        display: none;
    }

    #menu ul li:hover .sub {
        display: block;
        position: absolute;
        text-align: left;
        white-space: nowrap;
        z-index: 4;
    }

    #menu ul li:hover .sub a {
        width: 140px;
        text-indent: 15px;
        background: #ffffff url("../images/menu-sub.png") no-repeat top left;
    }

    #menu ul li:hover .sub .last a {
        background: url("../images/menu-sub_last.png") no-repeat left bottom;
    }

    #menu {
        background: #ffffff url("../images/bg-menu.png") no-repeat left top;
    }

    #images {}

    #imageContainer {
        /* indexのみ。クロスフェード */
        clear: both;
        margin: 10px 20px 0 0;
        width: 815px;
        height: 150px;
        width: 878px;
        height: 162px;
        background: #ffffff;
        z-index: 1;
        position: relative;
    }

    #imageContainer img {
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }


    #navi {
        margin-top: 2em;
        float: right;
        width: 200px;
        z-index: 3;
    }

    #navi div.submenu {
        margin-top: 0.5em;
        /*
 background: #ffffff; 
 border: 1px solid #666666;
*/
    }

    #navi div.submenu h3 {
        margin-bottom: 1em;
        font-size: 12pt;
        border-bottom: 1px solid #666666;
    }

    #navi div.submenu img,
    #navi p img {
        margin-bottom: 1em;
    }


    #navi ul {
        margin-top: 1em;
    }

    #navi li {
        list-style-type: none;
        line-height: 30px;
    }

    #navi li a,
    #navi li strong {
        display: block;
        width: 198px;
        margin-left: 2px;
    }

    #navi li:hover {
        background-color: #eff0eb;
    }

    #navi li {
        border-bottom: 1px dotted #666666;
    }

    /* ==================== メイン部刁E==================== */

    #main {
        float: right;
        z-index: 2;
        width: 100%;
        margin: 2em 0 0 -200px;
        min-height: 280px;
    }

    * html body #main {
        margin: 2em 0 2em -250px;
        padding-left: 50px;
    }


    #main div.bundle {
        clear: left;
        margin: 0 0 1em 220px;
    }

    #main div.bundle a:hover {
        position: relative;
        top: 1px;
        left: 1px;
    }

    #main h2 {
        border-bottom: 1px solid #666666;
        line-height: 30px;
        font-size: 11pt;
        background: url("../images/icon-leaf.png") no-repeat 0% 45%;
        padding-left: 22px;
        margin: 0em 1em 0 1em;
    }

    #main p + h2 {
        margin-top: 2em;
    }

    #main h3 {
        margin: 1em 1em 0 1em;
        font-size: 11pt;
    }

    #main h4 {
        margin: 0.5em 1em 0 1em;
        font-size: 10.5pt;
    }

    #main h2 img {
        vertical-align: -2px;
    }

    #main h2.news {
        margin: 0em 1em 1em 230px;
        /* 葉っぱアイコンに統一
 padding-left: 0px;
 background: none;
*/
    }


    #main dl.news {
        margin: 0 0 1em 230px;
    }

    #main dl.news dt {
        margin-top: 0.5em;
        font-weight: bold;
    }

    #main dl.news dd {
        margin: -1.5em 0 0 8.5em;
    }

    #main dl.news dd.separate,
    #main dl.news dt.separate {
        margin-bottom: 1em;
    }

    span.new,
    span.date {
        color: #ff7f00;
        font-size: 8pt;
        font-weight: normal;
        vertical-align: top;
    }

    span.chn {
        font-family: 'MingLiU';
    }

    span.legend_calendar1,
    span.legend_calendar2,
    span.legend_calendar3,
    span.legend_calendar4 {
        color: transparent;
        transform: scale(2, 1);
        transform-origin: left top;
        margin: 0 1.5em 0 0;
        background-color: #3C995B;
    }

    span.legend_calendar2 {
        background-color: #603F99;
    }

    span.legend_calendar3 {
        background-color: #536CA6;
    }

    span.legend_calendar4 {
        background-color: #9B739B;
    }

    #main dl {
        margin: 1em;
    }

    #main ol,
    #main ul {
        margin-left: 4em;
    }

    #main li ol,
    #main li ul,
    #main dd ul {
        margin-left: 2em;
    }

    #main dl.tablelike dt {
        border-left: 8px solid #608000;
        padding: 0 0 0 4px;
    }

    #main dl.tablelike dd {
        margin: -1.5em 0 2em 12em;
        border-bottom: 1px dotted #999999;
    }

    #main dl.tablelike dd.wide {
        margin-left: 18em;
    }

    #main dl.normal {
        margin-left: 2em;
    }

    #main dl.normal dt {
        margin-top: 1em;
        font-weight: bold;
    }

    #main dl.normal dd {
        margin-left: 1em;
    }


    #main ol.long li + li {
        margin-top: 1em;
    }

    #main ol li,
    #main ul li,
    #main ol.long li li {
        /* マ�Eジンを大きく取るのはトップ階層のみ */
        margin-top: 0.25em;
    }

    #main ul.formatted,
    #main ol.formatted {
        margin-left: 2em;
        list-style-type: none;
    }

    #main ol.additional li {
        margin-top: -1em;
    }

    #main ul.plain {
        margin-top: -0.25em;
        margin-left: 2em;
    }

    #main ul.plain li {
        list-style-type: none;
        margin-left: 0;
    }

    #main ul.plain br {
        line-height: 0.5em;
    }

    em.s-name {
        font-style: italic;
        font-family: Times, 'Times New Roman', serif;
    }

    #main p {
        text-indent: 1em;
        margin-top: 1em;
        padding: 0 1em 0em 1em;
    }

    #main p.follow {
        margin-top: 0em;
    }

    #main p.block {
        text-indent: 0em;
        margin-left: 1em;
    }

    #main p.block2 {
        text-indent: 0em;
        margin-left: 1em;
        padding: 0.5em 1em;
        border: 1px solid #666666;
    }

    #main p.sign {
        text-align: right;
    }

    #main table {
        margin: 0 0 0 1em;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
    }

    #main th {
        white-space: nowrap;
        padding: 0.25em 1em;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #f8f8f8;
    }

    #main td {
        padding: 0.25em 1em;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #ffffff;
    }

    #main table.transitional {
        margin: 1em 0 0 1em;
        border: none;
        border-collapse: separate;
        border-spacing: 1px;
    }

    #main table.transitional th,
    #main table.transitional td {
        padding: 0.25em;
        border: none;
        background-color: transparent;
    }


    #main address {
        font-style: normal;
        margin: 1em 0 1em 2em;
    }

    #main address.compact {
        font-style: normal;
        margin: 0 0 1em 2em;
    }

    #footer {
        clear: both;
        width: 100%;
        height: 30px;
        position: absolute;
        bottom: 0;
        margin: 0em 0 0 0px;
        padding: 10px 0 0px 0;
        border-top: 1px dotted #333333;
        text-align: center;
    }

    * html body #footer {
        height: 40px;
    }

    #footer img {
        vertical-align: middle;
    }

}


@media print {

    body {
        font-size: 10.5pt;
    }

    a {
        color: #000000;
        text-decoration: underline;
    }

    img {
        border: 0;
    }

    #menu,
    #footer,
    hr {
        display: none;
    }

    h1 {
        font-size: 12pt;
        margin-bottom: 0;
    }

    h2 {
        margin-top: 0;
        font-size: 11pt;
    }

    h1 a,
    h2 a {
        text-decoration: none;
    }

    h3 {
        border-bottom: 1px solid #333333;
    }


}