@charset "UTF-8";
/* CSS Document */


/*-------------index-layout-----------------*/

#container {
	width: 100%;
	margin: 0px auto;
	font-family: "heisei-maru-gothic-std";
  }
  header {
    width: 100%;
    height: 25px;
    background-image: url(../img/other/kazari.jpg);
    background-repeat: repeat-x;
    }
    header h1 {
      text-indent: -9999em;
  }
  #wrapper {
    width: 875px;
    margin:0px auto;
    }
    #wrapper h2 a {
      display: block;
      width: 600px;
      height: 40px;
      margin: 0px 0px 20px 0px;
      text-align: center;
      color: #fff;
      font-size: 15px;
      line-height: 40px;
      letter-spacing: 0.2em;
      background: #69F;
      clear: both;
           -o-border-radius: 10px;
          -ms-border-radius: 10px;
         -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      }
      #wrapper h2 a:hover,#wrapper h2.just a {
        background: #91C3FF;
}

/* ----- scroll-list-nav ----- */
ul.sList {
	margin:10px 0px 0px 30px;
	clear: both;
  }
  ul.sList li {
    float:left;
    font-size:12px;
    border-left:1px solid #402423;
    padding:0px 10px 0px 10px;
    }
    ul.sList li:last-child {/*202006追記*/
      border-right:1px solid #402423;
    }
    ul.sList li a {
      color:#402423;
    }
    ul.sList li a:hover,ul li.just a {
      color:#F90;
}
/* ----- scroll-list-nav-end ----- */


.cl {
	clear:both;
}


/* ----- ruby ----- */
table td rt {
    color: #666;
    padding-bottom: 3px;
}
/* ----- ruby end ----- */


/* ---- top01 -----*/

#top01 {
	width: 600px;
	height: auto;
	margin: 30px 15px 30px 0px;
	padding-bottom: 20px;
	background: #fffcd1;
	float:left;
       -o-border-radius: 20px;
      -ms-border-radius: 20px;
     -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
	        border-radius: 20px;
  }
  #top01 table {
    width: 90%;
    height: auto;
    margin: 0px auto 50px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    font-weight: lighter;
    border: 1px solid #FABE00;
         -o-border-radius: 6px;
        -ms-border-radius: 6px;
       -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    }
    #top01 table th {
      width: 27%;
      height: auto;
      line-height: 1.7em;
      padding: 10px 0px 10px 0px;
      text-align: center;
      color: #FFF;
      font-size: 13px;
      letter-spacing: 0.2em;
      font-weight: lighter;
      border-bottom: 1px solid #fff;
      background: #F5932C;
    }
    #top01 table th.last,#top01 table td.last {
      border-bottom: none;
    }
    #top01 table td {
      width: 70%;
      height: auto;
      padding: 20px 0px 20px 0px;
      text-align: left;
      text-indent: 1em;
      color: #8A6339;
      font-size: 14px;
      letter-spacing: 0.2em;
      font-weight: lighter;
      background: #fff;
      border-collapse: collapse;
      border-bottom: 1px solid #FABE00;
      }
      #top01 table td span {
        font-size: 13px;
        letter-spacing: 0.1em;
        font-weight: lighter;
    }
    /* ie 角丸用*/
    table thead tr:first-child td:first-child {
      border-radius: 6px 0 0 0;
    }
    table thead tr:first-child td:last-child {
      border-radius: 0 6px 0 0;
    }
    table tbody tr:last-child td:first-child {
      border-radius: 0 0 0 6px;
    }
    table tbody tr:last-child td:last-child {
      border-radius: 0 0 6px 0;
}
/*題字*/
#top01 h3 {
	width: 90%;
	height:40px;
	line-height: 40px;
	margin: 0px auto 15px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.2em;
	background: #91C86B;
     	 -o-border-radius: 10px;
	    -ms-border-radius: 10px;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	clear: both;
  }
  #top01 h3 span {
    color: #fffcd1;
}
/*題字 end*/

/*題字2行以上*/
#top01 h4.title {
	width: 90%;
	height:auto;
	line-height: 1.8em;
	margin: 15px auto 15px;
	padding: 10px 0px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.2em;
	background: #91C86B;
	     -o-border-radius: 10px;
	    -ms-border-radius: 10px;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	clear: both;
  }
  #top01 h4.title span {
    color: #fffcd1;
    font-size: 92%;
}
/*題字 end*/

#top01 h4 {
	width: 90%;
	height: auto;
	margin: 0px auto 40px;
}

#top01 p {
	width: 85%;
	height: auto;
	line-height: 2.4em;
	margin: 30px auto 50px;
	padding-bottom: 10px;/*202006追記*/
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #604431;/*brown*/
	font-weight: normal;
	background: url(../img/share/text_back01.png) 0px 0px repeat-y;
	text-shadow: 0px 0px 5px #fff;
}

/* クラス別総称 20220623追記 */
#top01 section.adjust h5 {
	width: 90%;
	height: auto;
	margin: 60px auto 0px;
  color: #07841A; /*green*/
  font-size: 116%;
  letter-spacing: 0.1em;
}
#top01 section.adjust p {
	width: 85%;
	height: auto;
	line-height: 2.4em;
	margin: 15px auto 25px;
	padding-bottom: 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #604431;/*brown*/
	font-weight: normal;
	background: url(../img/share/text_back01.png) 0px 0px repeat-y;
	text-shadow: 0px 0px 5px #fff;
}
#top01 section.adjust p.last {
	margin: 15px auto 80px;
}
#top01 section.adjust p b {
  color: #3BBD4E; /*light green*/
}
/* クラス別総称 20220623追記 end */

/*コメント欄*/
ul.comments {
	width: 90%;
	height: auto;
	line-height: 2.4em;
	margin: 30px auto;
  }
  ul.comments li {
    width: 90%;
    height: auto;
    margin: 50px auto; 
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #604431;/*brown*/
    font-weight: 600;
    background: url(../img/share/text_back01.png) 0px 0px repeat-y;
    text-shadow: 0px 0px 5px #fff;
    list-style-position: outside;
    list-style-type: disc;
}
/*コメント欄end*/

dl {
	width: 90%;
	height: auto;
	margin: 0px auto 20px;
	clear: both;
  }
  dl dt {
    width: 100%;
    height: auto;
    margin: 0px;
    line-height: 2em;
    text-indent: 30px;
    font-size:13px;
    letter-spacing: 0.2em;
    font-weight: bolder;
  }
  dl dd {
    width: auto;
    height: auto;
    margin: 0px 0px 0px 30px;
    clear: both;
  }
  dl dd ul.point {
    width: 100%;
    height: auto;
    margin: 10px auto;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  dl dd ul.detail {
    width: 100%;
    height: auto;
    margin: 10px auto 30px;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  dl dd ul li {
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-bottom: 15px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    letter-spacing: 0.1em;
    clear: left;
    border-left: 2px solid #402423;
  }
  dl dd ul li span {
    color: #999;
}

/* ----- people table ----- */  
#top01 table.people {
	width: 50%;
	height: auto;
	margin-left: 5%;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid #FABE00;/*orange*/
	clear: both;/**/
	
	     -o-border-radius: 6px;
	    -ms-border-radius: 6px;
	   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
  }
  #top01 table.people th {
    width: 50%;
    height: auto;
    line-height: 1.7em;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: bolder;
    border-bottom: none;
    background: #FABE00;/*orange*/
  }
  #top01 table.people td {
    width: 50%;
    height: auto;
    padding: 10px 0px 10px 0px;
    text-align: center;
    text-indent: 0;
    color: #8A6339;/*light brown*/
    font-size: 12px;
    letter-spacing: 0;
    font-weight: bolder;
    background: #fff;
    border-collapse: collapse;
    border-bottom: none;
}
/* ----- people table ----- */  

/* ----- check table ----- */
#top01 table.check {
	width: 90%;
	height: auto;
	margin: 20px auto;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid #FABE00;/*orange*/
	clear: both;/**/
	     -o-border-radius: 6px;
	    -ms-border-radius: 6px;
	   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
  }
  #top01 table.check th {
    width: 30%;
    height: auto;
    line-height: 1.7em;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: lighter;
    border-bottom: 1px solid #fff;
    background: #FABE00;/*orange*/
  }
  #top01 table.check th.txt {
    text-align: left;
    text-indent: 1em;
  }
  table.check tr.last th,
  table.check tr.last td {
    border-bottom: none !important;
  }
  #top01 table.check th.last,
  #top01 table.check td.last,
  #top01 table.check tr.last td {
    border-bottom: none !important;
  }
  #top01 table.check td {
    width: 7%;
    height: auto;
    padding: 10px 0px 10px 0px;
    text-align: center;
    text-indent: 0;
    color: #8A6339;/*light brown*/
    font-size: 12px;
    letter-spacing: 0;
    font-weight: bolder;
    background: #fff;
    border-collapse: collapse;
    border-right: 1px solid #FABE00;
    border-bottom: 1px solid #FABE00;
  }
  #top01 table.check th span {
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: lighter;
  }
  #top01 table.check {
    border-right: none;
}
/* ----- check table end ----- */


/* ----- check day table ----- */
#top01 p.remarks {
	width: 90%;
	height: 15px;
	margin: -20px auto 0px;
	line-height: 15px;
	background: none;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: right;
}

table.check_day {
	width: 90%;
	height: auto;
	margin: 20px auto;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid #FABE00;/*orange*/
	clear: both;/**/
	     -o-border-radius: 6px;
	    -ms-border-radius: 6px;
	   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
  }
  #top01 table.check_day th {
    width: auto;
    height: auto;
    line-height: 1.7em;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: lighter;
    border-bottom: 1px solid #fff;
    background: #FABE00;/*orange*/
  }
  #top01 table.check_day tr.month td {
    width: 35px;
    color: #FABE00;
    background: #fff;
  }
  #top01 table.check_day th.txt {
    text-align: left;
    text-indent: 1em;
  }
  table.check_day tr.last th,
  table.check_day tr.last td {
    border-bottom: none !important;
  }
  #top01 table.check_day th.last,
  #top01 table.check_day td.last,
  #top01 table.check_day tr.last td {
    border-bottom: none !important;
  }
  #top01 table.check_day td {
    width: auto;
    height: auto;
    padding: 10px 0px 10px 0px;
    text-align: center;
    text-indent: 0;
    color: #8A6339;/*light brown*/
    font-size: 12px;
    letter-spacing: 0;
    font-weight: bolder;
    background: #fff;
    border-collapse: collapse;
    border-right: 1px solid #FABE00;
    border-bottom: 1px solid #FABE00;
  }
  #top01 table.check_day th span {
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: lighter;
  }
  #top01 table.check_day {
    border-right: none;
}
/* ----- check day table end ----- */

/* ----- kensa table ----- */
#top01 table.kensa {
	width: 90%;
	height: auto;
	margin: 20px auto 40px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid #FABE00;/*orange*/
	clear: both;/**/
	     -o-border-radius: 6px;
	    -ms-border-radius: 6px;
	   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
  }
  #top01 table.kensa th {
    width: auto;
    height: auto;
    line-height: 1.7em;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: lighter;
    border-bottom: 1px solid #fff;
    background: #FABE00;/*orange*/
  }
  #top01 table.kensa th.title {
    width: auto;
    height: auto;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: lighter;
    border-bottom: 1px solid #fff;
    background: #FABE00;/*orange*/
  }
  #top01 table.kensa tr.kind th {
    width: auto;
    height: auto;
    line-height: 1.7em;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: lighter;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #FABE00;/*orange*/
  }
  #top01 table.kensa tr.last th,
  #top01 table.kensa tr.last td {
    border-bottom: none !important;
  }
  #top01 table.kensa td.spot {
    width: auto;
    height: auto;
    padding: 10px;
    text-align: center;
    text-indent: 0;
    color: #8A6339;/*light brown*/
    font-size: 12px;
    letter-spacing: 0;
    font-weight: lighter;
    background: #fff;
    border-collapse: collapse;
    border-right: 1px solid #FABE00;
    border-bottom: 1px solid #FABE00;
  }
  #top01 table.kensa td {
    width: auto;
    height: auto;
    padding: 10px;
    text-align: left;
    text-indent: 0;
    color: #8A6339;/*light brown*/
    font-size: 12px;
    letter-spacing: 0;
    font-weight: lighter;
    background: #fff;
    border-collapse: collapse;
    border-bottom: 1px solid #FABE00;
}
/* ----- kensa table end ----- */

/* ----- jiko table ----- */

#top01 table.jiko {
	width: 90%;
	height: auto;
	margin: 20px auto;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid #FABE00;/*orange*/
	clear: both;/**/
	     -o-border-radius: 6px;
	    -ms-border-radius: 6px;
	   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
  }
  #top01 table.jiko th {
    width: 20%;
    height: auto;
    line-height: 1.7em;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: lighter;
    border-bottom: 1px solid #fff;
    background: #FABE00;/*orange*/
  }

  #top01 table.jiko tr.last th,
  #top01 table.jiko tr.last td{
    border-bottom: none !important;
  }

  #top01 table.jiko td {
    width: auto;
    height: auto;
    padding: 10px;
    line-height: 2em;
    text-align: left;
    text-indent: 0;
    color: #8A6339;/*light brown*/
    font-size: 12px;
    letter-spacing: 0;
    font-weight: lighter;
    background: #fff;
    border-collapse: collapse;
    border-bottom: 1px solid #FABE00;
}
/* ----- jiko table end ----- */
/* ---- top01 end -----*/

/* ---- nav ---- */
nav {
	width: 260px;
	margin-top: 25px;
	margin-bottom: 20px;
	float: right;
}

#sticker {
	width: 260px;
	float: right;
}

nav li {
	margin: 5px auto;
  }
  nav li a {
    display: block;
    width: 250px;
    height: 40px;
         -o-border-radius: 10px;
        -ms-border-radius: 10px;
       -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    box-shadow: 0px 0px 3px #ccc;
    }

    nav li.btn01 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn01.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn01 a:hover {
        background: url(../img/btn/nav/btn01.png) no-repeat 0px -40px;
    }

    nav li.btn02 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn02.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn02 a:hover {
        background: url(../img/btn/nav/btn02.png) no-repeat 0px -40px;
    }

    nav li.btn03 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn03.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn03 a:hover {
        background: url(../img/btn/nav/btn03.png) no-repeat 0px -40px;
    }

    nav li.btn04 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn04.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn04 a:hover {
        background: url(../img/btn/nav/btn04.png) no-repeat 0px -40px;
    }

    nav li.btn05 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn05.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn05 a:hover {
        background: url(../img/btn/nav/btn05.png) no-repeat 0px -40px;
    }

    nav li.btn06 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn06.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn06 a:hover {
        background: url(../img/btn/nav/btn06.png) no-repeat 0px -40px;
    }

    nav li.btn07 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn07.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn07 a:hover {
        background: url(../img/btn/nav/btn07.png) no-repeat 0px -40px;
    }

    nav li.btn08 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn08.png) no-repeat 0px -40px;
      text-indent: -9999em;
      }
      nav li.btn08 a:hover {
        background: url(../img/btn/nav/btn08.png) no-repeat 0px -40px;
    }

    nav li.btn09 a {
      display: block;
      width: 250px;
      height: 40px;
      background: url(../img/btn/nav/btn09.png) no-repeat 0px 0px;
      text-indent: -9999em;
      }
      nav li.btn09 a:hover {
        background: url(../img/btn/nav/btn09.png) no-repeat 0px -40px;
}

/* ---- 園長名 ---- */
#nameSp {
	width: 260px;
	height: 130px;
	margin-top: 20px;
	text-indent: -9999em;
	background: url(../img/other/kgm_name.png) no-repeat;
	float: right;
}
/* ---- 園長名 end ---- */

/* ---- nav-end ---- */


/* ---- footer ---- */
footer {
	width: 100%;
	height: 55px;
	clear: both;
  }
  footer #obi {
    width: 100%;
    height: 25px;
    text-indent: -9999em;
    background-image: url(../img/other/kazari.jpg);
    background-repeat: repeat-x;
  }
  small {
    display: block;
    width: 530px;
    font-size: 9px;
    margin: 10px auto;
    white-space: pre;
}
/* ---- footer end ---- */