@charset "UTF-8";

@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: #8fb81d;
 text-decoration: underline;
} 

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

A:hover {
 color: #1E90b8;
 text-decoration: underline;
}

A:active {
 color: #1E90b8;
 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"] {
 background: url("../images/icon-pdf.png") no-repeat 100% 45%;
 margin-right: 4px;
 padding-right: 18px;
}

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 {
 margin-top: 5px;
 text-indent: 2px;
}

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

#menu {
 margin-top: 5px;
}

#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, #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, #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, #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, #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, #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, #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: 111px; background: url("../images/menu-07.png") no-repeat top left; }
#menu ul li.m07 a:hover, #menu ul li.m07a a { display: block; width: 111px; background: url("../images/menu-07a.png") no-repeat top left; }
#menu ul li.m08 a { display: block; width: 93px; background: url("../images/menu-08.png") no-repeat top left; }
#menu ul li.m08 a:hover, #menu ul li.m08a a { display: block; width: 93px; background: url("../images/menu-08a.png") no-repeat top left; }

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

.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 {
 clear: both;
 margin: 10px 20px 0 0;
 width: 815px;
 height: 150px;
 background: #ffffff;
/* background: #ffffff url("../images/bg-top1.jpg") no-repeat left top;  js無効の場合 */
 z-index: 1;
}

#imageContainer { /* indexのみ。xfade2.jsで制御 */
 position:relative;
}
	
#imageContainer img {
 display:none;
 position:absolute;
 top:0; left:0;
}


#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 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;
}

/* ==================== メイン部分 ==================== */

#main {
 float: right;
 z-index: 2;
 width: 100%;
 margin: 2em 0 0 -200px;
} * 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 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;
}

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

#main dl {
 margin: 1em;
}

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


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

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

#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 li, #main ul li {
 margin-top: 0.25em;
}

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

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;
}


#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;
}


}