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

#container {
	width: 100%;
	margin: 0px auto;
}

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;
}

#top {
	width: 600px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding-bottom: 20px;
	background-color: #FFFCD1;/*light yellow*/
	background-image: url(../img/houshin/in_houshin.png);
	background-position: 0px 150px;
	background-repeat: no-repeat;
	float: left;
	-webkit-border-radius: 20px 20px 0px 0px;
	   -moz-border-radius: 20px 20px 0px 0px;
	    -ms-border-radius: 20px 20px 0px 0px;
	     -o-border-radius: 20px 20px 0px 0px;
	        border-radius: 20px 20px 0px 0px;
}

#top h2 {
	width: 100%;
	height: auto;
}

#top ol {
	width: 90%;
	height: auto;
	margin: 20px auto 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #22AC38;/*lime green*/
	font-weight: bolder;
}

#top ol li {
  width: calc(100% - 30px);
	margin-top: 15px;
	margin-left: 30px;
	list-style: decimal outside;
	text-shadow: 0px 0px 8px #fff;
}

#top p {
	width: 90%;
	height: auto;
	line-height: 2.4em;
	margin: 0px auto;
  padding-bottom: 6px;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #604431;/*light brown*/
	font-weight: 600;
	/*background: url(../img/share/text_back01.png) 0px -6px repeat-y;*/
	text-shadow: 0px 0px 5px #fff;
}
/* ---- huck ----- */
/* chrome */
_:lang(x)::-internal-media-controls-overlay-cast-button, 
  #top p {
    background: url(../img/share/text_back01.png) 0px -6px repeat-y;
  }
/* safari */
_:lang(x)+_:-webkit-full-screen-document, 
  #top p {
    background: url(../img/share/text_back01.png) 0px -6px repeat-y;
  }
/* firefox */
_:lang(x)::-moz-placeholder, 
  #top p {
    background: url(../img/share/text_back01.png) 0px 0px repeat-y;
  }
/* Edge */
_:-ms-lang(x)::backdrop, 
  #top p {
    background: url(../img/share/text_back01.png) 0px 0px repeat-y;
  }
/* ----- huck 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;
      -webkit-border-radius:10px;
         -moz-border-radius:10px;
          -ms-border-radius:10px;
           -o-border-radius:10px;
              border-radius:10px;
      -webkit-box-shadow:0px 0px 3px #ccc;
         -moz-box-shadow:0px 0px 3px #ccc;
          -ms-box-shadow:0px 0px 3px #ccc;
           -o-box-shadow:0px 0px 3px #ccc;
              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 -40px;
      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:2 50px;
      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 0px;
      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 ------- */

/* ------ 楽しき給食 ------ */
#eat {
	width: 600px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-bottom: 20px;
	background-color: #FFFCD1;/*light yellow*/
	float: left;
  }
  #eat h2 {
    width: 100%;
    height: auto;
  }
  #eat p {
    width: 90%;
    height: auto;
    line-height: 2.4em;
    margin: 0px auto;
    padding-bottom: 6px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #604431;/*light brown*/
    font-weight: 600;
    /*background: url(../img/share/text_back01.png) 0px 0px repeat-y;*/

    text-shadow: 0px 0px 5px #fff;
  }
/* ---- huck ----- */
/* chrome */
_:lang(x)::-internal-media-controls-overlay-cast-button, 
  #eat p {
    background: url(../img/share/text_back01.png) 0px -6px repeat-y;
  }
/* safari */
_:lang(x)+_:-webkit-full-screen-document, 
  #eat p {
    background: url(../img/share/text_back01.png) 0px -6px repeat-y;
  }
/* firefox */
_:lang(x)::-moz-placeholder, 
  #eat p {
    background: url(../img/share/text_back01.png) 0px 0px repeat-y;
  }
/* Edge */
_:-ms-lang(x)::backdrop, 
  #eat p {
    background: url(../img/share/text_back01.png) 0px 0px repeat-y;
  }
/* ----- huck end ----- */
  #eat table {
    width: 90%;
    height: auto;
    margin: 30px auto 50px;
    /*border-top: 2px solid #8FC31F;*/
    /*border-bottom: 2px solid #8FC31F;*/
    }
    #eat table th p {
      width: 90%;
      height: auto;
      margin: 0px auto;
      padding: 15px 0px 15px 0px;
      text-align: left;
      color: #036EB8;
      font-size: 16px;
      background: none;
    }
    #eat table td p {
      width: 80%;
      height: auto;
      margin: 0px auto 20px;
      padding: 3% 5% 3% 5%;
      line-height: 1.8em;
      text-align: justify;
      text-justify: inter-ideograph;
      color: #f00;
      font-size: 16px;
      background: none;
      border: 2px solid #f00;
      -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
          -ms-border-radius: 6px;
           -o-border-radius: 6px;
              border-radius: 6px;
}
/* ------ 楽しき給食 end ------- */

/* -----  開園（保育）時間と通園バス----- */

#kaien {
	width: 600px;
	height: auto;
	padding-bottom: 50px;
	background: #FFFCD1;/*light yellow*/
	float: left;
  }
  #kaien h2 {
    width: 100%;
    height: auto;
  }
  #kaien table {
    width: 90%;
    height: auto;
    margin: 0px auto 20px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 2px solid #FABE00;/*orange*/
    background: #FABE00;/*orange*/
    -webkit-border-radius: 14px;
       -moz-border-radius: 14px;
        -ms-border-radius: 14px;
         -o-border-radius: 14px;
            border-radius: 14px;
    }
    #kaien table td.time {
      width: 100%;
      height: auto;
      padding: 5px 0px 5px 0px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      letter-spacing: 0.2em;
      font-weight: bolder;
      background: #91C86B;/*light green*/
      border-right: 2px solid #FABE00;/*orange*/
      border-bottom: 2px solid #FABE00;/*orange*/
    }
    #kaien table th {
      width: 50%;
      height: auto;
      line-height: 1em;
      padding: 10px 0px 10px 0px;
      text-align: center;
      color: #FFF;
      font-size: 16px;
      letter-spacing: 0.2em;
      font-weight: bolder;
      background: #FABE00;/*orange*/
      }
      #kaien table th span {
        color: #F00;
        font-size: 12px;
      }
      #kaien table th:first-child {
        border-right: 2px solid #FABE00;/*orange*/
    }
    #kaien table td {
      width: 50%;
      height: auto;
      padding: 5px 0px 5px 0px;
      text-align: center;
      color: #8A6339;/*light brown*/
      font-size: 14px;
      letter-spacing: 0.2em;
      font-weight: bolder;
      background: #fff;
      border-collapse: collapse;
      border: 2px solid #FABE00;/*orange*/
      -webkit-border-radius: 0px 0px 14px 14px;
         -moz-border-radius: 0px 0px 14px 14px;
          -ms-border-radius: 0px 0px 14px 14px;
           -o-border-radius: 0px 0px 14px 14px;
              border-radius: 0px 0px 14px 14px;
    }
    /* ie 角丸用 */
    table thead tr:first-child td:first-child {
      -webkit-border-radius: 14px 0 0 0;
         -moz-border-radius: 14px 0 0 0;
          -ms-border-radius: 14px 0 0 0;
           -o-border-radius: 14px 0 0 0;
              border-radius: 14px 0 0 0;
    }
    table thead tr:first-child td:last-child {
      -webkit-border-radius: 0 14px 0 0;
         -moz-border-radius: 0 14px 0 0;
          -ms-border-radius: 0 14px 0 0;
           -o-border-radius: 0 14px 0 0;
              border-radius: 0 14px 0 0;
    }
    table tbody tr:last-child td:first-child {
      -webkit-border-radius: 0 0 0 14px;
         -moz-border-radius: 0 0 0 14px;
          -ms-border-radius: 0 0 0 14px;
           -o-border-radius: 0 0 0 14px;
              border-radius: 0 0 0 14px;
    }
    table tbody tr:last-child td:last-child {
      -webkit-border-radius: 0 0 14px 0;
         -moz-border-radius: 0 0 14px 0;
          -ms-border-radius: 0 0 14px 0;
           -o-border-radius: 0 0 14px 0;
              border-radius: 0 0 14px 0;
    }
    /* ie 角丸用 end */
    #kaien table td.time02 {
      width: 100%;
      height: auto;
      padding: 15px 0px 15px 0px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      letter-spacing: 0.2em;
      font-weight: bolder;
      background: #91C86B;/*light green*/
      border-right: 2px solid #FABE00;/*orange*/
      border-bottom: 2px solid #FABE00;/*orange*/
      -webkit-border-radius: 14px 14px 0 0;
         -moz-border-radius: 14px 14px 0 0;
          -ms-border-radius: 14px 14px 0 0;
           -o-border-radius: 14px 14px 0 0;
              border-radius: 14px 14px 0 0;
      }
      #kaien table td.bus {
        padding: 0px;
        margin: 0px;
        }
        #kaien table td.bus img {
          display: block;
          padding: 0px;
          margin: 0px;
    }
    #kaien table td p {
      width: 90%;
      height: auto;
      margin: 0px auto;
      padding: 10px 0px 10px 0px;
      line-height: 1.5em;
      text-align: justify;
      text-justify: inter-ideograph;
      letter-spacing: 0.1em;
      }
      #kaien table td p.red {
        color: #F00;
}
/* -----  開園（保育）時間と通園バス----- */
#hyou {
	width: 600px;
	height: auto;
	clear: both;
	background: url(../img/houshin/hyouBack.png) repeat-y 0px 0px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
  -webkit-border-radius: 0px 0px 20px 20px;
     -moz-border-radius: 0px 0px 20px 20px;
      -ms-border-radius: 0px 0px 20px 20px;
       -o-border-radius: 0px 0px 20px 20px;
          border-radius: 0px 0px 20px 20px;
  }
  #dayTitle {/*一日と年間行事タイトル*/
    width: 600px;
    height: 100px;
    margin: 0px 0px 10px 0px;
  }
  #hyou p {/*一日と年間行事タイトル*/
    width: 220px;
    height: 30px;
    margin: 0px 0px 0px 20px;
  }
  #dayGraf {/*一日の表*/
    width: 600px;
    height: auto;
    margin: 0px 0px 20px 0px;
  }
  #yearGraf {
    width: 600px;
    height: auto;
}
/* ------- index-layout-end -------- */

/* ------- scroll list ------- */
#top ul {
	margin:15px 0px 15px 15px;
  }
  #top ul li {
    border-right: 1px solid #069;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    float: left;
  }
  #top li.b_r {
    border-left: 1px solid #402423;
  }
  #top li a {
    color: #402423;/*brown*/
    }

    #top li a:hover,
    #top li.just a {
      color: #f90;
} 

#eat ul {
	margin: 18px 0px 15px 15px;
	background: #fffcd1;
  }
  #eat ul li {
    float: left;
    border-right: 1px solid #069;
    color: #069;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    background: #fffcd1;
  }
  #eat li.b_r {
    border-left: 1px solid #402423;
  }
  #eat li a {
    color: #402423;/*brown*/
    }
    #eat li a:hover,
    #eat li.just a {
      color: #f90;
}

#kaien ul.menu {
	width: 585px;
	height: 15px;
	margin-top: 0px;
	background: #fffcd1;
} 
#kaien ul {
	margin: 18px 0px 15px 15px;
	background: #fffcd1;
  }
  #kaien ul li {
    border-right: 1px solid #069;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    float: left;
    }
    #kaien li.b_r {
      border-left: 1px solid #402423;
    }
    #kaien li a {
      color: #402423;/*brown*/
      }
      #kaien li a:hover,
      #kaien li.just a {
        color: #f90;
}
#hyouTop {
	width: 600px;
	height: 15px;
	padding-bottom: 15px;
	background: #fffcd1;
	clear: both;
  }
  #hyouTop ul.menu {
    width: 585px;
    height: 15px;
    margin-top: 0px;
    background: #fffcd1;
  } 
  #hyouTop ul {
    margin: 18px 0px 15px 15px;
    background: #fffcd1;
    }
    #hyouTop ul li {
      float: left;
      border-right: 1px solid #069;
      padding: 0px 7px 0px 7px;
      font-size: 12px;
    }
    #hyouTop li.b_r {
      border-left: 1px solid #402423;
    }
    #hyouTop li a {
      color: #402423;/*brown*/
      }
      #hyouTop li a:hover,
      #hyouTop li.just a {
        color: #f90;
}
/* ------ scroll list ------ */


/* ------ 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 ------- */