@charset "utf-8";

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

--------------------------------------------*/
.pcOnly { display: none; }
.w400p,
.w530p,
.wrapper {width:100%;}

#spTopImg {width:100%;}
#spTopImg img {
  width: 100%;
  /*min-width: 320px;*/
  height: auto;
}
#spGNavi {
  width: 100%;
  background: #3f3f3f;
  color: #fff;
}

#tabNav,
#spGNavi ul {
  width: 96.5%;
  padding: 10px 0 10px 2%;
}
#tabNav li,
#spGNavi ul li {
  width: 30%;
  float: left;
  margin: 1.5%;
}
#tabNav li img,
#spGNavi ul li img {
  width: 100%;
  height: auto;
}

.titleBlue {
/*   width: 96%; */
  background: #1870dd;
  color: #fff;
  font-size: 16px;
  padding: 9px 2% 7px;
  border-bottom: 2px solid #0a57b6;
}

#newsTab .newsBox li {
  width: 100%;
  background-repeat: no-repeat;
  background-position: 15px 10px;
  border-bottom: 1px dotted #cbcbcb;
}
#newsTab .newsBox li a {
  display: block;
  padding: 35px 4% 15px;
  background: url(../img/sp/bgLinkList.png) right center no-repeat;
  background-size: 15px 15px;
}
#newsTab .newsBox li a p.title {
  font-size: 14px;
}


#newsTab .newsBox li.seminar { background-image: url(../common/img/icon/icon_seminar.png); }
#newsTab .newsBox li.information { background-image: url(../common/img/icon/icon_information.png); }
#newsTab .newsBox li.review { background-image: url(../common/img/icon/icon_review.png); }
#newsTab .newsBox li.organization { background-image: url(../common/img/icon/icon_organization.png); }
#newsTab .newsBox li.residents { background-image: url(../common/img/icon/icon_residents.png); }
#newsTab .newsBox li.exhibition { background-image: url(../common/img/icon/icon_exhibition.png); }
#newsTab .newsBox li.event { background-image: url(../common/img/icon/icon_event.png); }

#newsTab .newsBox li p.title {
   font-size: 12px;
   font-weight: bold;
}
#newsTab .newsBox li p.date {
   font-size: 11px;
   color: #888;
}

.cssBtn {
  margin: 15px auto;
  border-radius: 2px;
  display: inline-block;
  width: auto;
  font-size: 14px;
  font-weight: bold;
}
.cssBtn a {
  color: #fff;
  padding: 10px 20px;
  display: block;
}
.cssBtn.green {
  background: #38ac65;
  border-bottom: 3px solid #216d3b;
}

#tokujigyouTop {
  background: #3f3f3f;
/*   width: 90%; */
  padding: 10px 5%;
}
#tokujigyouTop .markBanner {
  width: 47%;
  position: relative;
  padding: 0;
}
#tokujigyouTop .markBanner img {
  width: 100%;
  height: auto;
}
#tokujigyouTop .markBanner img.mark {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -2%;
  width: 60%;
  height: auto;
}

#eventBanner {
  width: 100%;
  padding: 10px 0;
}
#eventBanner a {
  width: 47%;
  display:inline-block;
  padding: 2% 1%;
}
#eventBanner a img {
  width: 100%;
  height: auto;
}

#kyoukaiBanner {
  width: 100%;
  padding: 10px 0;
}
#kyoukaiBanner a {
  width: 47%;
  display:inline-block;
  padding: 2% 1%;
}
#kyoukaiBanner a img {
  width: 100%;
  height: auto;
}

a#retTopSp {
  display: block;
  width:100%;
  text-align: center;
  color: #3f3f3f;
  padding: 20px 0 10px;
  background-image: url(../img/sp/iconPageTop.png);
  background-position: center 8px;
  background-size: 15px 8px;
  background-color: #ebebeb;
  background-repeat: no-repeat;
  border-top: 3px solid #d2d1d1;
}

#footerSp {
  background: #3f3f3f;
  color: #fff;
  padding: 10px 0;
  font-size: 62.5%;
}

#footerSp p {font-size: 0.5rem; margin: 10px 0;}
#footerSp a {color: #fff;}

.tabs .spOnly {
  text-align: left;
  border: 1px solid #cecece;
  margin: 0 10px;
  position: relative;
}
.tabs .spOnly ul li a {
  background: url(../img/sp/bgLinkList.png) right center no-repeat;
  background-size: 15px 15px;
}
.tabs .spOnly ul li a[target="_blank"] {
  background: url(../common/img/icon/outer.gif) 98% center no-repeat;
  background-size: 14px 12px;
}


.tabs .spOnly ul li a {
  padding: 10px;
  display: block;
  border-bottom: 1px dotted #a2a2a2;
}

.tabs .spOnly ul li:last-child a {
  border-bottom: none;
}
.tabs .spOnly ul .linkicon {
  display: none;
}
.tabs .spOnly .kugiri {
  background: #cdcdcd;
  padding: 2px 10px;
}
.tabs .spOnly .kugiriGreen {
  background: #34a55e;
  color: #fff;
  padding: 2px 10px;
  margin-top: 5px;
}

.tabs .spOnly .tsuno {
  position: absolute;
}
#tab01.tabs .spOnly .tsuno {top: -9px;  left: 13%;}
#tab02.tabs .spOnly .tsuno {top: -9px;  left: 50%; margin-left:-8px;}
#tab03.tabs .spOnly .tsuno {top: -9px;  left: 82%;}

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

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

@media print, screen and (min-width:769px){
.pcOnly { display: block; }
.spOnly { display: none!important; }

/* top
--------------------------------------------*/
.w400p {width: 400px;}
.w530p {width: 530px;}
.wrapper {width:960px;}

#eventBanner {
  width: 170px;
  padding: 0;
}
#eventBanner a {
  width: 170px;
  display:inline;
  padding:0;
}
#eventBanner a img {
  width: 100%;
  height: auto;
}
#kyoukaiBanner {
  width: 170px;
  padding: 0;
}
#kyoukaiBanner a {
  width: 170px;
  display:inline;
  padding:0;
}
#kyoukaiBanner a img {
  width: 100%;
  height: auto;
}

#slideshow {
   position:relative;
   width:100%;
   /*min-width: 960px;*/
   height:335px;
}
#slideshow > ul > li {
   position:absolute;
   height:335px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
   min-width: 960px;
}

#slideshow > #textSlide {
   position: absolute;
   width: 100%;
   /*min-width: 960px;*/
   height: 60px;
   top: 9px;
   left: 0;
}

#slideshow > #textSlide > ul > li {
   position:absolute;
   height:60px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
   min-width: 960px;
}

/* mainMenu
--------------------------------------------*/
#slideshow #mMenu {
  position: relative;
  width: 960px;
  height: 335px;
}
#slideshow #mMenu a.mainMenu {
  position: absolute;
  width: 250px;
  height: 120px;
  background: url(../img/bg_mainmenu_off.png) left top no-repeat;
}
#slideshow #mMenu a.mainMenu:hover {
  background: url(../img/bg_mainmenu_on.png) left top no-repeat;
}
#slideshow a#mMenu01 {  top:  76px; left: 95px; }
#slideshow a#mMenu02 {  top:  76px; left: 355px; }
#slideshow a#mMenu03 {  top:  76px; right:  95px; }
#slideshow a#mMenu04 {  bottom: 9px;  left: 95px; }
#slideshow a#mMenu05 {  bottom: 9px;  left: 355px; }
#slideshow a#mMenu06 {  bottom: 9px;  right:  95px; }

/* tabHeadMenu
--------------------------------------------*/
#tabHeadMenu {
   width: 100%;
   /*height: 64px;*/
   background: #f5f5f5;
}

#tabHeadMenu ul#tabNav {
   width: 770px;
   height: 57px;
   margin: 0 auto;
   overflow: hidden;
   padding: 7px 0 0 0;
}
#tabHeadMenu ul#tabNav li {
   width: 250px;
   height: 50px;
   float: left;
   margin: 0 10px 0 0;
}

#tabHeadMenu ul#tabNav li.ui-state-hover,
#tabHeadMenu ul#tabNav li.ui-state-active {
   opacity:0.6;
   filter: alpha(opacity=60);
}

#tabHeadMenu .tabs {
   background: #ebebeb;
   padding: 15px 0;
   border-width: 1px 0;
   border-color: #cecece;
   border-style: solid;

   display: none;
}
#tabHeadMenu .tabs .inner {
   width: 770px;
   margin: 0 auto;
   /*background: #ff0;*/
   /*height: 100px;*/
   position: relative;
}
#tabHeadMenu .tabs .tabArrow {
   width: 12px;
   height: 12px;
   position: absolute;
   top: -23px;
   vertical-align: inherit;
}
#tabHeadMenu #tab01.tabs .tabArrow {left: 120px;}
#tabHeadMenu #tab02.tabs .tabArrow {left: 380px;}
#tabHeadMenu #tab03.tabs .tabArrow {right:119px;}


/* mainArea
--------------------------------------------*/

/* news */
#titleNews {
   width: 400px;
   height: 30px;
   position: relative;
}
#titleNews .rssBtn{
   width: 50px;
   height: 25px;
   position: absolute;
   top: 1px;
   right: 0;
}
#newsNav li {
   float: left;
   margin-right: 12px;
   margin-bottom: 5px;
}
#newsNav li a {
   display: block;
   width: 91px;
   height: 20px;
   background-image: url(../img/btn/spr_tab_news.png);
   background-repeat: no-repeat;
   font-size: 1px;
   text-indent: -9999px;
}
#newsNav li a#newsTabBtn01 {background-position: 0 0;}
#newsNav li a#newsTabBtn02 {background-position: -91px 0;}
#newsNav li a#newsTabBtn03 {background-position: -182px 0;}
#newsNav li a#newsTabBtn04 {background-position: -273px 0;}
#newsNav li a#newsTabBtn05 {background-position: -364px 0;}
#newsNav li a#newsTabBtn06 {background-position: -455px 0;}
#newsNav li a#newsTabBtn07 {background-position: -546px 0;}
#newsNav li a#newsTabBtn08 {background-position: -637px 0;}

#newsNav li.ui-state-active a#newsTabBtn01,
#newsNav li a#newsTabBtn01:hover {background-position: 0 -20px;}
#newsNav li.ui-state-active a#newsTabBtn02,
#newsNav li a#newsTabBtn02:hover {background-position: -91px -20px;}
#newsNav li.ui-state-active a#newsTabBtn03,
#newsNav li a#newsTabBtn03:hover {background-position: -182px -20px;}
#newsNav li.ui-state-active a#newsTabBtn04,
#newsNav li a#newsTabBtn04:hover {background-position: -273px -20px;}
#newsNav li.ui-state-active a#newsTabBtn05,
#newsNav li a#newsTabBtn05:hover {background-position: -364px -20px;}
#newsNav li.ui-state-active a#newsTabBtn06,
#newsNav li a#newsTabBtn06:hover {background-position: -455px -20px;}
#newsNav li.ui-state-active a#newsTabBtn07,
#newsNav li a#newsTabBtn07:hover {background-position: -546px -20px;}
#newsNav li.ui-state-active a#newsTabBtn08,
#newsNav li a#newsTabBtn08:hover {background-position: -637px -20px;}

#newsTab .newsBox {
   width: 400px;
   height: 370px;
   overflow: auto;
   display:none;
}
#newsTab .newsBox li {
   display: block;
   width: 300px;
   padding: 10px 0 10px 76px;
   border-bottom: 1px dotted #cbcbcb;
   background-repeat: no-repeat;
   background-position: 1px 12px;
}

#newsTab .newsBox li a {
  display: inline;
  padding: 0;
  background: none;
}


/*IE8??*/
html>/**/body #newsTab .newsBox li {
width/***/: 320px\9;
}

#newsTab .newsBox li.seminar { background-image: url(../common/img/icon/icon_seminar.png); }
#newsTab .newsBox li.information { background-image: url(../common/img/icon/icon_information.png); }
#newsTab .newsBox li.review { background-image: url(../common/img/icon/icon_review.png); }
#newsTab .newsBox li.organization { background-image: url(../common/img/icon/icon_organization.png); }
#newsTab .newsBox li.residents { background-image: url(../common/img/icon/icon_residents.png); }
#newsTab .newsBox li.exhibition { background-image: url(../common/img/icon/icon_exhibition.png); }
#newsTab .newsBox li.event { background-image: url(../common/img/icon/icon_event.png); }

#newsTab .newsBox li p.title {
   font-size: 12px;
   font-weight: bold;
}
#newsTab .newsBox li p.date {
   font-size: 11px;
   color: #888;
}

/* ﾌﾘ????ﾊﾂ?I?B?鬣ﾐ?ʩ` */
.markBanner {
   width: 255px;
   height: 200px;
   position: relative;
   text-align: right;
}
.markBanner .mark {
   width: 120px;
   height: 55px;
   position: absolute;
   top: 0;
   left: 0;
}

/* ???٥ﾈ?Хʩ` */
#kyoukaiBanner,
#eventBanner {
   width: 530px;
   border-bottom: 1px solid #dfe3e5;
}
#kyoukaiBanner a,
#eventBanner a {
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}


/* footBanner
--------------------------------------------*/
#footBanner {
   border: 3px solid #ededed;
   padding: 8px 10px 0;
   width: 934px;
   margin: 0 auto;
}

#footBanner a {
   width: 226px;
   height: 50px;
   display: block;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    #footBanner a{
        width:47% !important;
        margin:10px !important;
        }
        #footBanner a img{
            
        margin:10px !important;
        }
}

/* slideBanner
--------------------------------------------*/
#slideBanner {
   width: 890px;
   margin: 0 auto;
   text-align: left;
   padding: 5px;
/*   background: url(../img/bg_slide_banner.gif);
*/
}
#slideBanner #inner {
   background: #fff;
   padding: 5px;
}
#slider ul li {
   width: 172px;
   height: 50px;
}

.bx-wrapper .bx-controls-direction a {
    height: 60px;
    margin-top: -30px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 20px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
    background: url(images/prev.png) left top no-repeat;
    left: -40px;
}
.bx-wrapper .bx-next {
    background: url(images/next.png) left top no-repeat;
    right: -40px;
}
.bx-wrapper .bx-prev:hover {
    background: url(images/prev_on.png) left top no-repeat;
}
.bx-wrapper .bx-next:hover {
    background: url(images/next_on.png) left top no-repeat;
}


}
@media screen and (max-width: 769px) {
    #footBanner a{
/*     width:47% ; */
    }
  #footBanner a img{
    width:47% !important;
    height:auto;
    margin:5px;
    margin-bottom 15px !important;
    float:left;
    width:100%;
  }
}