@charset "UTF-8";
/* site */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

body {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  font-size: 80%;
  line-height: 1.6;
  color: black;
  text-align: center; }

#top {
  background: url("./images/top.jpg") repeat-x; }
  #top #navi {
    margin-top: -2px; }
  #top #content {
    float: left; }
  #top #side {
    float: right; }

#sub {
  background: url("./images/sub.jpg") repeat-x; }
  #sub #content {
    float: right; }
  #sub #side {
    float: left; }

a {
  color: #003384;
  text-decoration: underline; }
  a:hover {
    color: #005aea; }

.wrapper, #wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative; }

#container {
  margin-top: 20px;
  margin-bottom: 40px; }

.bl {
  text-align: left;
  display: block;
  text-indent: -999em;
  overflow: hidden; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*
  height: auto;
  overflow: hidden;
  */ }

#header {
  z-index: 1;
  height: 105px; }
  #header li {
    list-style: none; }
  #header .logo {
    position: absolute;
    left: 0;
    top: 20px; }
    #header .logo a {
      background: url("./images/ja/logo.jpg") no-repeat;
      width: 482px;
      height: 72px; }
  #header .info {
    position: absolute;
    right: 0;
    top: 30px; }
    #header .info li {
      float: right;
      margin-left: 20px; }
    #header .info .access a {
      background: url("./images/ja/access.jpg") no-repeat;
      margin-top: 1px;
      width: 56px;
      height: 10px; }
    #header .info .language a {
      background: url("./images/ja/language.jpg") no-repeat;
      width: 65px;
      height: 14px; }
    #header .info .sitemap a {
      background: url("./images/ja/sitemap.jpg") no-repeat;
      width: 79px;
      height: 11px; }
  #header .contact {
    background: url("./images/ja/contact.jpg") no-repeat;
    width: 110px;
    height: 26px;
    position: absolute;
    right: 240px;
    top: 55px; }
  #header .search {
    margin: 1em;
    position: absolute;
    right: -15px;
    top: 41px; }
  #header .search div, #header .search td {
    margin: 0; 
    padding: 0; }
  #header .search table.gsc-search-box {
    width: 229px; }
  #header .search .gsc-input {
    width: 176px; }
  #header .search .gsc-input-box {
    width: 176px;
    height: 24px; }
    #header .search .text {
      width: 176px;
      height: 22px !important;
      background-position-y: center;
      border-left: #e6e6e6 1px solid;
      border-top: #e6e6e6 1px solid;
      border-bottom: #e6e6e6 1px solid;
      border-right: none; }
    #header .search .submit {
      background: url("./images/ja/search.jpg") no-repeat;
      width: 53px;
      height: 26px;
      text-indent: -119988px;
      overflow: hidden;
      text-align: left;
      text-transform: capitalize;
      border: none;
      cursor: pointer;
      margin-left: -4px}

#accordion {
	width: 960px;
  height: 300px; 
	background: url("./images/ja/accordion/p0bg.jpg") no-repeat; 
	background-position: 1px 0px; }
	#accordion .acc_panel {
		overflow: hidden;
		position: absolute;
		width: 69px;
		height: 300px;
		border-left: solid 1px #ffffff; }
		#accordion .acc_panel a {
			overflow: hidden;
			margin: 0;
			padding: 0;
			width: 539px;
			height: 300px;
			background-position: 0px 0px; }
	#accordion #acc0 {
		float: right;
		right: 420px;
		background: url("./images/ja/accordion/p0bg.jpg"); }
	#accordion #acc1 {
		float: right;
		right: 350px;
		background: url("./images/ja/accordion/p1bg.jpg") 140px 0; }
	#accordion #acc1:hover {
    background-position: 0px 0;}
		#accordion #acc1 a {
			background: url("./images/ja/accordion/p1fg.png") no-repeat; }
		#accordion #acc1 a:hover {
			background-position: 0px -300px; }
	#accordion #acc2 {
		float: right;
		right: 280px;
		background: url("./images/ja/accordion/p2bg.jpg") 320px 0; }
	#accordion #acc2:hover {
    background-position: 0px 0;}
		#accordion #acc2 a {
			background: url("./images/ja/accordion/p2fg.png") no-repeat; }
		#accordion #acc2 a:hover {
			background-position: 0px -300px; }
	#accordion #acc3 {
		float: right;
		right: 210px;
		background: url("./images/ja/accordion/p3bg.jpg") 320px 0; }
	#accordion #acc3:hover {
    background-position: 0px 0;}
		#accordion #acc3 a {
			background: url("./images/ja/accordion/p3fg.png") no-repeat; }
		#accordion #acc3 a:hover {
			background-position: 0px -300px; }
	#accordion #acc4 {
		float: right;
		right: 140px;
		background: url("./images/ja/accordion/p4bg.jpg") 320px 0; }
	#accordion #acc4:hover {
    background-position: 0px 0;}
		#accordion #acc4 a {
			background: url("./images/ja/accordion/p4fg.png") no-repeat; }
		#accordion #acc4 a:hover {
			background-position: 0px -300px; }
	#accordion #acc5 {
		float: right;
		right: 70px;
		background: url("./images/ja/accordion/p5bg.jpg") 95px 0; }
	#accordion #acc5:hover {
    background-position: 0px 0;}
		#accordion #acc5 a {
			background: url("./images/ja/accordion/p5fg.png") no-repeat; }
		#accordion #acc5 a:hover {
			background-position: 0px -300px; }
	#accordion #acc6 {
		float: right;
		right: 0px;
		background: url("./images/ja/accordion/p6bg.jpg") 135px 0; }
	#accordion #acc6:hover {
    background-position: 0px 0;}
		#accordion #acc6 a {
			background: url("./images/ja/accordion/p6fg.png") no-repeat; }
		#accordion #acc6 a:hover {
			background-position: 0px -300px; }
#back_top {
  margin-bottom: 10px; }
  #back_top a {
    margin-left: auto;
    background: url("./images/back_top.jpg") no-repeat;
    width: 110px;
    height: 26px; }

#footer-sitemap {
  text-align: center;
  background: mediumblue; }
  #footer-sitemap .wrapper {
  padding: 20px 0;
  background: mediumblue; }
  #footer-sitemap a {
    text-decoration: none;
    color: white; }
    #footer-sitemap a:hover {
      text-decoration: underline; }
  #footer-sitemap ul {
    width: 120px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px; }
    .second_li { 
      width: 140px; 
      padding-right: 20px; }
    #footer-sitemap ul li {
      font-weight: bold;
      background: url("./images/list.jpg") no-repeat;
      background-position: 0 7px;
      padding-left: 8px;
      margin-bottom: 5px; }
    .last_li { 
      margin-right:0;
      padding-right: 0; }
    #footer-sitemap ul ul {
      font-size: 80%;
      display: block;
      margin: 0;
      padding: 0; }
      #footer-sitemap ul ul li {
        font-weight: normal;
        background: none;
        margin: 0;
        position: relative; }
        #footer-sitemap ul ul li:before {
          display: block;
          position: absolute;
          top: 0;
          left: -5px;
          color: white;
          content: "・";
          font-size: 80%; }

#footer {
  background: #c7daff;
  }
  #footer .wrapper {
  padding: 20px 0;
  background: #c7daff;
    text-align: center; }
  #footer ul li {
    display: inline;
    margin: 10px; }
    #footer ul li a {
      color: #191919;
      text-decoration: none; }
      #footer ul li a:hover {
        text-decoration: underline; }
  #footer .copyright {
    margin: 10px;
    color: #191919; }

#navi li {
  float: left; }
  #navi li.i1 a {
    width: 137px;
    background-position: -2px 0px; }
    #navi li.i1 a:hover {
      background-position: -2px -54px; }
    #navi li.i1 a:active {
      background-position: -2px 0px; }
  #navi li.i2 a {
    width: 137px;
    background-position: -139px 0px; }
    #navi li.i2 a:hover {
      background-position: -139px -54px; }
    #navi li.i2 a:active {
      background-position: -139px 0px; }
  #navi li.i3 a {
    width: 137px;
    background-position: -276px 0px; }
    #navi li.i3 a:hover {
      background-position: -276px -54px; }
    #navi li.i3 a:active {
      background-position: -276px 0px; }
  #navi li.i4 a {
    width: 137px;
    background-position: -413px 0px; }
    #navi li.i4 a:hover {
      background-position: -413px -54px; }
    #navi li.i4 a:active {
      background-position: -413px 0px; }
  #navi li.i5 a {
    width: 137px;
    background-position: -550px 0px; }
    #navi li.i5 a:hover {
      background-position: -550px -54px; }
    #navi li.i5 a:active {
      background-position: -550px 0px; }
  #navi li.i6 a {
    width: 137px;
    background-position: -687px 0px; }
    #navi li.i6 a:hover {
      background-position: -687px -54px; }
    #navi li.i6 a:active {
      background-position: -687px 0px; }
  #navi li.i7 a {
    width: 138px;
    background-position: -824px 0px; }
    #navi li.i7 a:hover {
      background-position: -824px -54px; }
    #navi li.i7 a:active {
      background-position: -824px 0px; }
#navi a {
  height: 54px; }
#navi a {
  background: url("./images/ja/navi.png"); }
#navi li {
  position: relative; }
  #navi li:hover ul {
    display: block; }
#navi ul.subs {
  position: absolute;
  z-index: 10;
  top: 50px;
  left: 0;
  zoom: 1;
  z-index: 10;
  display: none; }
  #navi ul.subs li {
    float: none; }
    #navi ul.subs li a {
      display: block;
      width: 206px;
      height: auto;
      text-decoration: none; }
#navi ul.subs {
  border: 1px solid #dddddd;
  background: white; }
  #navi ul.subs a {
    text-align: left;
    background: none;
    border-bottom: 1px dashed #dddddd;
    margin: 5px 0px;
    padding-bottom: 5px;
    padding-left: 8px;
    font-size: 100%;
  }
  #navi ul.subs li:last-child a {
    border: none;
  }
  #navi ul.subs ul.subs {
    display: none;
    top: -6px;
    left: 136px;}
  #navi ul.subs li:hover ul.subs {
    display: block; }



#container #side {
  width: 220px; }
  #container #side .youtube {
    margin-bottom: 10px; }
  #container #side .banner li {
    margin-bottom: 10px; }
  #container #side .ads {
    width: 220px;
    border: 1px solid silver;
    margin-bottom: 10px; }
    #container #side .ads h3 {
      margin: 10px auto; }
    #container #side .ads p {
      margin: 12px; }
    #container #side .ads a {
      margin: 10px; }
    #container #side .ads.pr h3 {
      background: url("./images/ja/pr.jpg") no-repeat;
      width: 194px;
      height: 26px; }
    #container #side .ads.pr img {
      float: left;
      margin-right: 5px; }
    #container #side .ads.young .picture {
       text-align: center; }
      #container #side .ads.young h3 {
        background: url("./images/ja/young.jpg") no-repeat;
        width: 194px;
        height: 26px; }
  #container #side ul.menu {
    border-bottom: solid 1px #c0c0c0; }
  #container #side ul.menu li {
    background: url("/~kyotenpr/wp-content/uploads/2014/10/sub-list.jpg") no-repeat;
    background-position: 1px 0;
    border: solid 1px #c0c0c0;
    border-bottom: none;
    width: 220px;
    height: auto;
    line-height: 1.3em;}
    #container #side ul.menu li a {
      display: block;
      color: #2c2c2c;
      margin-left: 40px;
      margin-right: 1em;
      text-decoration: none;
      padding: 10px 0px;}
      #container #side ul.menu li a:hover {
        text-decoration: underline; }
    #container #side ul.menu li.title {
      background: url("./images/side_title.jpg") no-repeat;
      text-indent: 40px;
      width: 220px;
      height: 40px;
      line-height: 40px;
      color: white; }
    #container #side ul.menu li.title_sub {
        font-weight: bold;
        text-indent: -15px;
        background: url("/~kyotenpr/wp-content/uploads/2014/10/side_list_ttl.jpg") no-repeat;
        background-position: 1px 0; }
      #container #side ul.menu li ul {
	display: none; }
      #container #side ul.menu li ul li {
        border-left: none;
        border-right: none;
        border-bottom: none;
        font-weight: normal;
        text-indent: 0; }

#images .image {
  color: #191919;
  background: #f4f4f4;
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  width: 232px; }
  #images .image p {
    display: block;
    height: 62px;
    overflow: hidden;
    padding: 10px 10px 0 10px;
    margin-bottom: 10px; }
  #images .image:nth-child(4) {
    margin-right: 0; }

#sub #container #content .article {
  border: 1px solid silver;
  padding-bottom: 40px;
  margin-bottom: 20px;
  overflow: hidden; }

#sub #container #content .article-str p {
    margin: 10px 40px 10px 40px;  }

#container #content {
  width: 720px; }
  #container #content h2 {
    font-size: 150%;
    background: url("./images/h2.jpg") no-repeat #FFF;
    width: 698px;
    line-height: 1.8;
    padding-left: 20px;
    font-weight: bold;
    border-bottom: 1px solid #bbb;
    color: #4f4f4f; }
  #container #content h3, #container #content h4, #container #content h5, #container #content h6 {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 20px; }
  #container #content h3 {
    font-size: 130%;
    border-left: 5px solid #003384;
    padding-left: 5px;
    color: #0017d2; }
  #container #content h4 {
    color: #0017d2; }
  #container #content h5 {
    color: #0017d2; }
  #container #content p {
    line-height: 2em;
    margin: 10px 20px 10px 20px; }
  #container #content img {
    margin: 10px; }
  #container #content ul, #container #content ol {
    margin: 10px 35px 10px 55px; }
    #container #content ul li, #container #content ol li {
      margin-bottom: 5px; }
  #container #content ul {
    list-style: disc; }
  #container #content ol {
    list-style: decimal; }
  #container #content dl {
    margin: 10px 20px 10px 40px; }
  #container #content dt {
    font-weight: bolder;
    color: #003384; }
  #container #content dd {
    margin: 5px;
    padding-bottom: 5px; }
  #container #content table {
    border-collapse: collapse;
    margin: 15px 20px; }
  #container #content th, #container #content td {
    padding: 4px 6px; }
  #container #content th {
    color: #333333;
    font-weight: bold;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    background-color: #eeeeee; }
  #container #content td {
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    background-color: #fff;
    vertical-align: top; }
  #container #content strong {
    font-weight: bold; }
  #container #content i {
    font-style: italic; }
  #container #content .justifyright {
    text-align: right; }
  #container #content .tab {
    background: white;
    height: 230px;
    overflow-y: scroll;
    border: 1px solid silver;
    padding-top: 10px; }
    #container #content .tab.non-border {
      overflow-y: hidden;
      height: auto;
      border: none;
    }
    #container #content .tab .archive {
      text-align: right;
      margin: 5px 20px 5px;
    }
    #container #content .tab dl {
      margin: 0 20px 10px;
      padding-bottom: 5px;
      overflow: hidden;
      zoom: 1;
      border-bottom: 1px dotted #dddddd; }
      #container #content .tab dl dt {
        float: left;
        width: 0px;
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        text-transform: capitalize; }
      #container #content .tab dl dt.category {
        background: url("./images/category.jpg") no-repeat;
        margin-right: 30px;
        width: 80px;
        height: 23px;
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        text-transform: capitalize; }
        #container #content .tab dl dt.category2 {
          background: url("./images/category2.jpg"); }
        #container #content .tab dl dt.category3 {
          background: url("./images/category3.jpg"); }
        #container #content .tab dl dt.category4 {
          background: url("./images/category4.jpg"); }
        #container #content .tab dl dt.category5 {
          background: url("./images/category5.jpg"); }
        #container #content .tab dl dt.category6 {
          background: url("./images/category6.jpg"); }
        #container #content .tab dl dt.category8 {
          background: url("./images/category7.jpg"); }
        #container #content .tab dl dt.category7 {
          background: url("./images/category8.jpg"); }
          #container #content .tab dl dd {
          width: 660px;
          float: left;
          line-height: 23px;
          margin: 0; }
        #container #content #tab1-tab dl dd, #container #content #tab4-tab dl dd {
          width: 550px; }
  #container #content .tab-selecter {
    display: inline-block;
    cursor: pointer;
    margin-right: 5px; }
  #container #content .tab-input {
    display: none; }
    #container #content .tab-input ~ .tab {
      display: none; }
  #container #content #tab1-label {
    background: url("./images/tab1.jpg") no-repeat;
    width: 100px;
    height: 30px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize; }
  #container #content #tab1-label:hover {
    background-position: 0px -35px; }
  #container #content #tab1-input:checked ~ #tab1-label {
    background-position: 0px -35px;
    top: 0; }
  #container #content #tab1-input:checked ~ #tab1-tab {
    display: block; }
  #container #content #tab2-label {
    background: url("./images/tab2.jpg") no-repeat;
    width: 120px;
    height: 30px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize; }
  #container #content #tab2-label:hover {
    background-position: 0px -35px; }
  #container #content #tab2-input:checked ~ #tab2-label {
    background-position: 0px -35px;
    top: 0; }
  #container #content #tab2-input:checked ~ #tab2-tab {
    display: block; }
  #container #content #tab3-label {
    background: url("./images/tab3.jpg") no-repeat;
    width: 120px;
    height: 30px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize; }
  #container #content #tab3-label:hover {
    background-position: 0px -35px; }
  #container #content #tab3-input:checked ~ #tab3-label {
    background-position: 0px -35px;
    top: 0; }
  #container #content #tab3-input:checked ~ #tab3-tab {
    display: block; }
  #container #content #tab4-label {
    background: url("./images/tab4.jpg") no-repeat;
    width: 120px;
    height: 30px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize; }
  #container #content #tab4-label:hover {
    background-position: 0px -35px; }
  #container #content #tab4-input:checked ~ #tab4-label {
    background-position: 0px -35px;
    top: 0; }
  #container #content #tab4-input:checked ~ #tab4-tab {
    display: block; }
  #container #content #tab5-label {
    background: url("./images/tab5.jpg") no-repeat;

    width: 120px;
    height: 30px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize; }
  #container #content #tab5-label:hover {
    background-position: 0px -35px; }
  #container #content #tab5-input:checked ~ #tab5-label {
    background-position: 0px -35px;
    top: 0; }
  #container #content #tab5-input:checked ~ #tab5-tab {
    display: block; }
  #container #content .rss_link {
    background: url("./images/rss.jpg") no-repeat;
    width: 46px;
    height: 21px;
    display: inline-block;
    margin-bottom: 8px;
    margin-left: 69px; }
  #container #content ul.area, #container #content ul.list, #container #content ul.bnr {
    margin: 10px auto; }
    #container #content ul.area li, #container #content ul.list li, #container #content ul.bnr li {
      list-style: none;
      float: left;
      margin: 0 10px 0 0; }
      #container #content ul.area li img, #container #content ul.list li img, #container #content ul.bnr li img {
        margin: 0; }
  #container #content ul.area li:nth-child(3n) {
    margin: 0; }
  #container #content .figure_left {
    float: left;
    width: 156px;
    margin-left: 20px;
    margin-right: 0px; }
  #container #content .figure_left img {
    margin-left: 0px; }
  #container #content .text_right {
    float: right;
    width: 540px; }
  #container #content .figure_left_noSize {
    float: left;
    margin-left: 20px;
    margin-right: 10px; }
  #container #content .figure_right_noSize {
    float: right;
    margin-left: 10px;
    margin-right: 20px; }
  #container #content #pagination {
    margin-top: 40px;
    text-align: center; }



#container #content #breadcrumb {
  margin: 0px 0 0px 0px;
  margin-bottom: 10px;
  font-size: 110%; }
  #container #content #breadcrumb li {
    padding: 0 5px 0 0;
    margin: 0;
    list-style-type: none;
    background: none;
    float: left; }
    #container #content #breadcrumb li:after {
      content: " > "; }
    #container #content #breadcrumb li.last:after {
      content: ""; }
    #container #content #breadcrumb li:last-child:after {
      content: ""; }

#container #content .kyoten_fig {
  margin-top: 20px;
  text-align: center; }
#container #content .kyoten_fig img {
  width: 200px;
  height: auto; }

#container #content img.roadmap {
  margin: 0;
  padding: 10px;
  width:678px; }

#container #content .multiColumnBox {
  }
  #container #content .multiColumnBox .columnBoxHalf {
    width: 351px;
    float: left; }
    #container #content .multiColumnBox .columnBoxHalf ul {
      list-style-type: none; }
    #container #content .multiColumnBox div.thumbnail {
      width: 138px;
      text-align: center;
      float: left; }