@charset "UTF-8";

/*フォント*/

body {
 font-family: Arial, Verdana, Tahoma, Open Sans,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 0.1em;
}

div#breadcrumb {
 width: 940px;
}

/*- ここからheader -*/

div#header{
 padding-left:20px;
 padding-right:20px;
 padding-top:10px;
 padding-bottom:5px;
 background-color:#ecdfce;
 width: 900px;
}

div#header h1{
 font-size: 20pt;
 font-weight: 700;
 letter-spacing: 2px;
 color: #29201d;
 margin-top:0px;
 margin-bottom:0px;
}

div#header h4{
 font-size: 12pt;
 font-weight: 700;
 text-align:right;
 color: #662725;
 margin-top:0px;
 margin-bottom:0px;
}

/*- ここからDirectory List Table -*/
 
#directorylisttable {
 margin: 0px 0px 30px 0px;
 padding: 10px 10px 40px 10px;
 border:solid;
 background-color: #f5f1d8;
 font-size: 11pt;
}

#directorylisttable a{
 color: #320104;
 font-size: 105%;
 line-height: 120%;
}

#directorylisttable table{
 margin: 0px 0px 10px 0px;
}

  /*- ここまでDirectory List Table -*/
  
  /*- ここからDirectory Data -*/
  
div#inst{
 padding-left:20px;
 padding-right:20px;
 padding-top:10px;
 padding-bottom:5px;
 background-color:#f0efb9;
 width: 900px;
}

#inst dl{
 margin: 5px 0px 15px 0px;
 padding: 5px 0px 5px 0px;
/* background-color:#f0efb9; */
}

#inst dt{
 padding:2px;
/* text-indent:1em; */
/*  background-color:#f0efb9; */
}

#inst dt a{
 font-weight: 700;
 font-size: 115%;
 color: #000000;
}

#inst dt a strong{
 line-height: 1.5
}

#inst dt span{
 font-size: 93%;
 padding-left: 20px;
}

#inst dd{
 margin:0px;
 font-size: 95%;
 font-weight: 500;
 padding: 10px;
}

#inst dd tr{
 margin: 2px 0px 50px 0px;
}

#inst dd th{
 padding: 5px 5px 5px 20px;
 text-align: left;
 background-color: #e1d7cb;
}

#inst dd td{
 padding: 8px 5px 10px 40px;
 text-align: left;
 font-size: 95%;
 background-color:#ffffff;
 border: 1px solid #e1d7cb;
}

  /*- ここまでDirectory Data -*/

div.right-link {
 text-align: right;
 padding-right: 20px;  
}

#footer {
 margin-top: 20px;
 padding:10px 0px 10px 10px;
 color: #000000; 
 background-color:#ecdfce;
 font-size: 90%;
 text-align: left;
 width: 920px;  
}


  /*- ここから「タブ」切替 20250910　Webからコピー -*/

.title1, .body1 {
 border: 2px solid;
}

.title2, .body2 {
 border: 2px solid;
}

.title3, .body3 {
 border: 2px solid;
}

.title4, .body4 {
 border: 2px solid;
}

.title5, .body5 {
 border: 2px solid;
}

.title6, .body6 {
 border: 2px solid;
}

.tab-title {
 border-bottom: none;
 padding: .3em .5em;
 border-radius: .3em .3em 0 0;
 text-align: center;
 display: table; 
}

.tab-body > div {
 width: 100%;
 border: none;
 padding: 0px;
}

/* radio non-display */

.container .radio {
 display: none;
}

/* tabs position */

.container {
 display: flex;
 flex-wrap: wrap;
 position: relative;
}

.container::after {
 content: "";
 width: 100%;
}

.container .tab-title {
 position: relative;
 border-bottom: 2px solid transparent;
 top: 2px;
 left: 2px;
}

.container .tab-title:hover {
 cursor: pointer;
}

.container .tab-body {
 order: 1;
}

/* tab's body init */

.add-control .tab-body > div {
 display: none;
}

/* selected tab's color change */

.add-control .radio:checked + .tab-title {
 border-bottom-color: #fff;
}

.add-control #tab1:checked ~ .title1 {
 background: rgba(219, 225, 89, .5);
}

.add-control #tab2:checked ~ .title2 {
 background: rgba(219, 225, 89, .5);
}

.add-control #tab3:checked ~ .title3 {
 background: rgba(219, 225, 89, .5);
}

.add-control #tab4:checked ~ .title4 {
 background: rgba(219, 225, 89, .5);
}

.add-control #tab5:checked ~ .title5 {
 background: rgba(219, 225, 89, .5);
}

.add-control #tab6:checked ~ .title6 {
 background: rgba(219, 225, 89, .5);
}

/* tabs control */

.add-control #tab1:checked ~ .tab-body > .body1 {
 display: block;
}

.add-control #tab2:checked ~ .tab-body > .body2 {
 display: block;
}

.add-control #tab3:checked ~ .tab-body > .body3 {
 display: block;
}

.add-control #tab4:checked ~ .tab-body > .body4 {
 display: block;
}

.add-control #tab5:checked ~ .tab-body > .body5 {
 display: block;
}

.add-control #tab6:checked ~ .tab-body > .body6 {
 display: block;
}

  /*- ここまで「タブ」切替 -*/