@charset "UTF-8";
@charset "utf-8";
  html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{
line-height: 1;
background-color: #FFFFFF;
color: #333333;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
color: #333333;
}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
b {
font-weight: bold;} body {
width: 100%;
margin: 0 auto;
font: 13px/24px "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
header { width: 1024px;
margin-right: auto;
margin-left: auto;
height: 133px;
background-image: url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/headbg.png);
background-repeat: no-repeat;
}
nav {
}
#contents {
margin: 0px auto 80px auto;
}
#main {
float: none;
width: 1000px; margin: 0 auto 0 auto;
}
.gray {
float:none;
background-color:#f8f8f8;
padding:55px 0 45px 0;
}
.news {
background-image: url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/nicon.png);
background-repeat: no-repeat;
height: 24px;
padding-top: 5px;
padding-left: 40px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 15px;
margin-bottom: 15px;
color: #2f8504;
}
#subnav {
display:none;
}
a {
color:#000;
}
a:hover {
color:#2a568d;
}
h1 {
}
h1 a {
color:#000;
text-decoration:none;
}
h1 a:hover {
color:#e78f00;
text-decoration:underline;
}
h2 {
margin-bottom: 15px;
font-size: 21px;
color: #2f8504;
font-weight: bold;
line-height: 30px;
}
h2 span {
color:#333333;
font-size:14px;
font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
margin-left:25px;
}
h3 {
margin-bottom: 0.5em;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
color: #2f8604;
font-size: 15px;
border-bottom: 1px solid rgb(47, 134, 4);
border-top-color: rgb(47, 134, 4);
border-right-color: rgb(47, 134, 4);
border-left-color: rgb(47, 134, 4);
font-weight: bold;
}
h4 {
margin-bottom: 10px;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
background-color: #339900;
padding: 5px;
margin-top: 15px;
}
h5 {
margin-bottom:0.25em;
padding:2px;
color:#000;
font-size:16px;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
background:#f1f1f1;
}
h6 {
margin-bottom:0.25em;
color:#382400;
font-size:14px;
font-weight:bold;
}
p {
margin:0 0 1em 0;
}
img {
vertical-align:bottom;
}
em {
font-weight:bold;
}
strong {
font-weight:bold;
color:#f19500;
}
pre {
margin:1em 0;
padding:1em;
}
blockquote {
margin-bottom:1em;
padding:1em;
border:1px dotted #ddd;
border-left:5px solid #ddd;
}
ul,ol,dl {
margin:0 0 1em 0;
}
ul li {
list-style:none;
}
ol li {
list-style:none;
}
li {
margin-left:2em;
}
dt {
border-bottom: 1px dotted #ddd;
float: left;
color: #2f8504;
font-weight: bold;
}
dd {
padding-left: 100px;
}
table {
width:100%;
margin-bottom:1em;
border-collapse:collapse; }
th {
padding:10px;
text-align:center;
vertical-align:middle;  border-bottom:#2f8604 1px solid;
}
td {
padding:10px;
text-align:left; border-bottom:#ccc 1px solid;
} header {
position:relative;
z-index:10;
}
header h1 {
z-index:5;
top:45px;
left:0;
right:0;
position:absolute;
width:331px;
margin: auto;
}
.contact {
position:absolute;
top:0;
right:0;
vertical-align:top;
}
.contact a {
display:block;
padding:5px 10px 5px 29px;
color:#fff;
background:#f19500;
border-radius:4px;
text-decoration:none;
background:#f19500 url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/mail.png) 10px 50% no-repeat;
}
.contact a:hover {
color:#fff;
background:#e78f00 url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/mail.png) 10px 50% no-repeat;
}
.summary {
clear:both;
} nav {
margin-bottom:10px;
padding:0;
background:#f7f5f1;
overflow:hidden;
}
nav ul {
margin:0 auto;
padding:0;
}
nav li {
float:left;
list-style:none;
margin:0;
padding:0;
}
nav li a {
display:block;
padding:10px 0;
color:#000;
text-align:center;
text-decoration:none;
}
nav li a:hover {
color:#000;
text-decoration:none;
background:#ddd;
}
.pnavi{
border:1px solid #ccc;
background: #f0f0f0;
overflow: hidden;
padding:10px 0 10px 30px;
}
.pnavi ul li{
float: left;
margin:0 15px 0 0;
}
.pnavi ul li a{
color:#2f8504;
} .submenu li {
margin:0;
padding:0;
list-style:none;
}
.submenu li a:before {
content:"\0025a0";
color:#000;
}
.submenu li a {
display:block;
padding:5px 2px;
color:#000;
border-bottom:1px dotted #ddd;
text-decoration:none;
}
.submenu li a:hover {
background:#eee;
}
.bnr {
overflow:hidden;
}
.bnr ul {
overflow:hidden;
}
.bnr li {
margin:0 0 10px 0;
padding:0;
list-style:none;
}
.bnr li a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
width:100%;
}
.mnavi {
position: absolute;
right: 0px;
top: 7px;
margin-bottom: 0px;
}
.mnavi li {
list-style: none;
float: left;
}
.gnavi {
position: absolute;
left: 175px;
top: 67px;
width: 1007px;
margin-bottom: 0px;
font-size: 13px;
}
.gnavi li {
list-style: none;
float: left;
margin-left:55px;
}
.gnavi li:nth-child(4) {
list-style: none;
float: left;
margin-left:270px;
} footer {
clear: both;
background-color: #2f8504;
height: 112px;
}
.pr {
text-align:center;
margin:0 auto 70px auto;
width:980px;
}
.pr ul {
overflow: hidden;
margin-left:170px;
}
.pr ul li {
float: left;
margin: 0 40px 0 0;
}
footer .inner {
width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
height: 112px;
}
.footmenu { width: 800px;
padding-right: 0;
padding-left: 0;
overflow: hidden;
position: absolute; left: 230px;
top: 35px;
}
.footmenu ul {
float: left;
left: 50%;
margin: 0;
}
.footmenu li {
left: -50%;
float: left;
list-style: none;
margin: 0;
padding: 0 7px;
font-size: 12px;
text-align: center;
border-right: #FFFFFF 1px solid;
line-height: 12px;
}
.footmenu li:last-child{
border-right:none;
}
.footmenu li a {
color: #ffffff;
font-size: 12px;
line-height: 12px;
}
.copyright {
clear: both;
padding-top: 0px;
padding-right: 0;
padding-left: 0;
font-size: 10px;
text-align: center;
color: #FFFFFF;
position: absolute;
left: 346px;
top: 64px;
} .totop {
position:fixed;
bottom:15px;
right:15px;
}
.totop a {
display:block;
text-decoration:none;
}
.totop img {
background:#f19500;
}
.totop img:hover {
background:#e78f00;
} .textL {
text-align:left;
}
.textR {
text-align:right;
}
.list {
padding:0 0 0 0.5em;
}
.list li {
margin:0;
padding:0 0 0 15px;
list-style:none;
background:url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/check.png) 0 5px no-repeat;
}
.photo {
overflow:hidden;
margin:20px 0;
padding:10px;
border:5px solid #ddd;
background:#fff;
}
.imgL {
float:left;
margin:0 0.5em 0.5em 0;
}
.imgR {
float:right;
margin:0 0 0.5em 0.5em;
}
.info dt {
border-bottom:none;
}
.info dd {
padding-bottom:10px;
}  .slide {
display:none;
position:relative;
overflow:hidden;
}
.slidePrev {
position:absolute;
cursor:pointer;
z-index:100;
}
.slideNext {
position:absolute;
cursor:pointer;
z-index:100;
}
.slidePrev img {
position:absolute;
width:50px !important;
height:60px !important;
}
.slideNext img {
position:absolute;
width:50px !important;
height:60px !important;
}
.slideInner {
position:relative;
margin:0 0 5px 0;
padding:0;
}
.slideInner li {
float:left;
margin:0;
padding:0;
list-style:none;
}
.slideInner li img {
margin:0 5px;
padding:0;
}
.filterPrev {
position:absolute;
left:0;
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
}
.filterNext {
position:absolute;
right:0;
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
}
.controlNav {
position:relative;
float:left;
left:50%;
}
.controlNav span {
position:relative;
left:-50%;
float:left;
margin:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:10px;
height:10px;
overflow:hidden;
background:#ccc;
text-indent:-9999px;
vertical-align:middle;
}
.controlNav span:hover {
background:#999;
cursor:pointer;
}
.controlNav span.current {
background:#f19500;
} * html .topNavi {
height:1em;
overflow:visible;
}
.topNavi {
overflow: hidden;
margin-right: -1.030%;
margin: 80px auto 80px auto;
width: 1000px;
}
.topNaviColumn {
display:inline;
width:32.302%;
float:left;
margin-right:1.030%;
}
.topNaviCon {
position:relative;
display:block;
box-sizing:border-box;
overflow:hidden;
padding:10px;
text-decoration:none;
color:#000;
transition:background 0s ease 0s, border 0.5s ease-out 0s;
background:#f1f1f1;
border:1px solid #f1f1f1;
border-radius:4px;
}
.topNaviCon:hover {
color:#000;
background:#fff9f5 none repeat scroll 0 0;
border:1px solid #f19500;
transition:background 0s ease 0s, border 0.5s ease-out 0s;
}
.topNaviCon h2 {
margin:10px;
padding:0;
font-size:14px;
font-weight:bold;
color:#f19500;
border:none;
}
.topNaviCon:hover h2 {
color:#f19500;
}
.topNaviCon p {
margin:10px;
}
.topNaviPhoto img {
width:100%;
} #dropmenu{
position: absolute;
left: 125px;
top: 58px; margin-bottom: 0px;
font-size: 13px;
}
#dropmenu li{
position: relative; float: left;
margin: 0;
padding: 0;
text-align: center;
} #dropmenu li.ppi {
list-style: none;
float: left;
margin-left:400px;
}
#dropmenu li a{
display: block;
margin: 0;
padding: 10px 20px 10px 20px;
color: #333;
font-size: 13px;
font-weight: normal;
line-height: 1;
text-decoration: none;
}
#dropmenu li:hover > a{
background: #339900;
color: #fff;
}
#dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
left: -100%;
width: 100%
}
#dropmenu li ul li{
overflow: hidden;
width: 230%;
height: 0;
color: #fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
#dropmenu li ul li a{
padding: 13px 15px;
background: #329900;
text-align: left;
font-size: 12px;
font-weight: normal;
color:#fff;
}
#dropmenu li:hover ul li{
overflow: visible;
height: 38px;
border-top: 1px solid #339900;
border-bottom: 1px solid #62ad57;
}
#dropmenu li:hover ul li:first-child{
border-top: 0;
}
#dropmenu li:hover ul li:last-child{
border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
border-radius: 0 0 3px 3px;
}
.leftArea {
width: 292px;
float: left;
margin-left:20px;
}
.leftArea img {
width: 100%;
height: auto;
}
.rightArea {
width: 630px;
float: right;
margin-right:20px;
}  @media screen and (max-width:979px) {
body {
box-sizing:border-box;
width:100%;
padding:0 10px;
}
header {
width:100%;
}
nav ul {
width:100%;
}
#contents {
width:100%;
}
} @media screen and (max-width:767px) {
.contact {
position:relative;
float:right;
margin:10px 0;
}
header h1 {
margin-bottom:0;
}
#main {
float:none;
width:100%;
}
#sub {
float:none;
width:100%;
}
.bnr ul {
overflow:hidden;
margin-right:-2%;
}
.bnr li {
float:left;
width:48%;
margin:0 2% 2% 0;
} nav {
display:block;
position:relative;
width:100%;
}
nav h3 {
cursor:pointer;
margin-bottom:0;
color:#fff;
background:#999;
border:none;
}
nav h3:after {
position:absolute;
content:"\0025bc";
top:3px;
right:5px;
}
nav h3.menuOpen:after {
position:absolute;
content:"\0025b2";
top:3px;
right:5px;
}
nav ul {
width:100%;
}
nav li {
width:33.33%;
margin:0;
padding:0;
list-style:none;
}
nav li:first-child a {
width:100%;
}
nav li a {
display:block;
width:100%;
border-bottom:1px dotted #ddd;
text-decoration:none;
} .topNavi {
margin-right:0;
}
.topNaviColumn {
display:block;
box-sizing:border-box;
width:100%;
float:none;
margin-right:0;
margin-bottom:10px;
}
}
section table { width: 100%; }
section th, section td  { padding: 10px; }
section th  { } .demo01 th  { width: 30%; text-align: left; }
@media only screen and (max-width:480px){
.demo01 { margin: 0 -10px; }
.demo01 th,
.demo01 td{
width: 100%;
display: block;
border-top: none;
}
.demo01 tr:first-child th { border-top: 1px solid #ddd; }
} .demo02 th  { width: 30%; text-align: left; }
.demo02{border:none;}
.demo02 td {border:none;}
@media only screen and (max-width:480px){
.demo02 { margin: 0 -10px; }
.demo02 th,
.demo02 td{
width: 100%;
display: block;
border-top: none;
}
.demo02 tr:first-child th { border-top: 1px solid #fff; }
}
.leftArea .subnavi {
padding: 0px;
margin:0px;
}
.leftArea .subnavi li {
background-color: hsla(0,0%,94%,1.00);
display:block;
margin:0px;
}
.leftArea .subnavi li a {
padding: 10px 10px 10px 40px;
background-color: hsl(100, 94%, 27%);
display: block;
border-bottom: 1px dotted rgba(215,215,215,1.00);
border-top-color: rgba(215,215,215,1.00);
border-right-color: rgba(215,215,215,1.00);
border-left-color: rgba(215,215,215,1.00);
color: rgba(255,255,255,1.00);
background-image: url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/ar.png);
background-repeat: no-repeat;
background-position: 10px center;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:15px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.photoArea {
float: left;
}
.textArea {
float: right;
width: 450px;
}
.sitemap a {
background: #fff url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/submenu_mark.gif) no-repeat 0px center;
padding: 0px 0px 0px 15px;
color: #666;
}
.line02 {
text-align:right;
font-size:10px;
font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
.newsS a {
color: #f60;
TEXT-DECORATION: none;
}
.spNav{
display:none;
}
.kv{
position:relative;
height:490px;
background-image: url(//kyodo-org.co.jp/wp/wp-content/themes/kyodo-org/images/kv.jpg);
background-repeat: no-repeat;
background-size:contain;
width: 980px;
margin: -133px auto 0 auto;
}
.icon01{
position: absolute;
left: 71px;
top: 160px;
}
.icon02{
position: absolute;
left: 371px;
top: 190px;
}
.icon03{
position: absolute;
left: 669px;
top: 160px;
}
.t-indent01 {
margin-left: 1.5em;
text-indent: -2.5em;
padding-left: 2em;
}
.t-indent02 {
margin-left: 1.5em;
text-indent: -1em;
padding-left: 1em;
}
.t-indent03 {
margin-left: 0em;
text-indent: -2em;
padding-left: 2em;
}
.p01 {
margin-left: 80px;
}
.p03 {
margin-left: 40px;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
table.tb01 {
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
border: 1px solid #ddd;
}
table.tb01 th {
padding: 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #ddd;
background: #e0e0e0; }
table.tb01 td {
padding: 10px;
text-align: left;
border: 1px solid #ddd;
border-bottom: #ccc 1px solid;
}
.pdf{
width:300px;
margin:0 auto 0 auto;
}
.pdf a{
background-color:#eb4d00;
padding:10px 30px 10px 30px;
text-align:center;
display:block;
color:#fff;
border-bottom:3px solid #b23b00;
}
.ic01{
float:left;
width:200px;
}
.ic01 img{
width:100%;
height:auto;
}
.ic01txt{
float:right;
width:400px;
}
.box{
overflow:hidden;
margin:0 0 50px 0;
}
.btn {
width:200px;
margin:0 auto 0 auto;
}
.btn a{
background-color:#eb4d00;
padding:5px 20px 5px 20px;
text-align:center;
display:block;
color:#fff;
border-bottom:3px solid #b23b00;
}
.pho{
margin:0 0 20px 0;
}
.pho img{
width:100%;
height:auto;
}