@charset "UTF-8";
@import url(import.css);

/*
---------------------------------------------
TOP
--------------------------------------------
*/

body#index {
  background: url(../img/index/body_bg03.jpg) repeat-x #c1de8b;
}

body#index #wrapper {
  background: url(../img/index/body_bg02.jpg) no-repeat 50% 0;
  position: relative;
}

body#index #wrapper #header,
body#index #wrapper #gnav {
  position: absolute;
  width: 770px;
  left: 50%;
  transform: translateX(-50%);
}

body#index #wrapper #gnav {
  top: 80px;
}

body#index div#container {
  padding-top: 20px;
  transform: translateX();
}

/*body#index div#mainarea{
	background:url(../img/index/main.jpg) no-repeat top center;
	}

body#index div#indexmainbox{
	width:770px;
	margin:0 auto;
	}

body#index div#indexmainbox h2{
	height:188px;
	}

body#index div#indexmainbox ul{
	margin-left:290px;
	margin-bottom:35px;
	}

body#index div#indexmainbox ul li{
	width:155px;
	float:left;
	text-indent:-9999px;
	margin-right:5px;
	}

body#index div#indexmainbox ul li a{
	display:block;
	height:160px;
	width:155px;

	}

body#index div#indexmainbox ul li#btn01 a{
	background:url(../img/index/btn01.png) no-repeat;

	}

body#index div#indexmainbox ul li#btn02 a{
	background:url(../img/index/btn02.png) no-repeat;
	}

body#index div#indexmainbox ul li#btn03 a{
	background:url(../img/index/btn03.png) no-repeat;
	}

body#index div#indexmainbox ul li#btn01 a:hover{
	background:url(../img/index/btn01_f2.png) no-repeat;

	}

body#index div#indexmainbox ul li#btn02 a:hover{
	background:url(../img/index/btn02_f2.png) no-repeat;
	}

body#index div#indexmainbox ul li#btn03 a:hover{
	background:url(../img/index/btn03_f2.png) no-repeat;
	}*/
body#index div#mainv {
  width: 745px;
  margin: 0 auto;
  height: 336px;
  padding-top: 157px;
}

body#index div#mainv #mainv_slide_area {
  position: relative;
}

body#index div#mainv #mainv_slide_area .slide {
  position: absolute;
  right: -23px;
  background: url(../img/index/slide_bg.png) no-repeat 0 0;
}

body#index div#mainv #mainv_slide_area .slide a {
  transition: 0.5s;
}

body#index div#mainv #mainv_slide_area .slide a:hover {
  opacity: 0.7;
}

body#index div#index-lbox {
  width: 500px;
  float: left;
}

body#index div#index-lbox h3#whatnews {
  margin-bottom: 10px;
}

body#index div#index-lbox h3#whatnews span {
  display: block;
  height: 30px;
  text-indent: -9999px;
}

body#index div#index-lbox h3#whatnews span#whatsnews-t {
  width: 456px;
  background: url(../img/index/news.jpg) no-repeat;
  float: left;
}

body#index div#index-lbox h3#whatnews span#whatsnewslist {
  width: 44px;
  float: right;
}

body#index div#index-lbox h3#whatnews span#whatsnewslist a {
  width: 44px;
  height: 30px;
  display: block;
  background: url(../img/index/newslist.jpg) no-repeat;
}

body#index div#categorybox div.catebox,
body#index div#videonews div.catebox {
  width: 160px;
  float: left;
  margin-right: 10px;
}

body#index div#videonews div.catebox {
  margin-bottom: 20px;
}

body#index div#categorybox div#catebox03,
body#index div#videonews div#videobox03 {
  margin-right: 0px;
}

body#index div#categorybox div.catebox h4,
body#index div#videonews div.catebox h4 {
  margin-bottom: 5px;
}

body#index div#categorybox div.catebox h4 img,
body#index div#videonews div.catebox h4 img {
  vertical-align: bottom;
}

body#index div#categorybox div.catebox ul li {
  padding: 0.3em 0;
  border-bottom: 1px solid #ccc;
}

body#index div#videonews div.catebox p {
  padding: 0.3em 0;
}

body#index div#categorybox div.catebox ul li a {
  background: url(../img/common/listmark.jpg) no-repeat 5px 0;
  color: #666;
  padding-left: 20px;
}

body#index div#videonews div.catebox p a {
  color: #666;
  padding-left: 20px;
}

body#index div#index-rbox {
  width: 190px;
  float: right;
}

body#index div#indbnrbox {
  background: url(../img/index/grid.gif) repeat;
  padding: 5px;
}

body#index div#indbnrbox ul li {
  margin-bottom: 5px;
}

body#index div#indbnrbox ul li img {
  vertical-align: bottom;
}

/*
---------------------------------------------
資料請求・お問い合わせボタン（Top/2nd共通）
--------------------------------------------
*/

/* 螟ｧ */
div.contactBtn {
  background: #ebefe2;
}

div.sp {
  margin-top: 30px;
  padding: 10px 0 10px 0;
}

body#index div.contactBtn,
body#about-message div.contactBtn,
body#about-philosophy div.contactBtn,
body#facilities-index div.contactBtn,
body#preschooler-index div.contactBtn,
body#enter-index div.contactBtn {
  margin-top: 30px;
  padding: 10px;
}

div.contactBtn p {
  width: 460px;
  margin: 0 auto;
}

div.contactBtn a {
  display: block;
  background: url(../img/common/btn_contactL.gif) 0 0 no-repeat;
  height: 75px;
  width: 460px;
}

div.contactBtn a:hover {
  background-position: right;
}

div.contactBtn a span {
  display: none;
}

div.contactBtn p {
  margin-bottom: 0px !important;
}

div.clear {
  clear: both;
}

div.mt10 {
  margin-top: 10px;
}

div.mt20 {
  margin-top: 20px;
}

/*
---------------------------------------------
幼稚園について
--------------------------------------------
*/

body.about div#mainarea {
  background: url(../img/about/main.jpg) no-repeat top center;
}

body.about div#pankuzu ul#tablist li#tablist01 a {
  background: url(../img/about/tub01.jpg) no-repeat;
}

body.about div#pankuzu ul#tablist li#tablist02 a {
  background: url(../img/about/tub02.jpg) no-repeat;
}

body.about div#pankuzu ul#tablist li#tablist03 a {
  background: url(../img/about/tub03.jpg) no-repeat;
}

body.about div#containerarea div#pankuzu ul#tablist li a:hover,
body#about-index div#containerarea div#pankuzu ul#tablist li#tablist01 a,
body#about-message div#containerarea div#pankuzu ul#tablist li#tablist02 a,
body#about-philosophy div#containerarea div#pankuzu ul#tablist li#tablist03 a,
body.facilities div#containerarea div#pankuzu ul#tablist li a:hover,
body#facilities-ground div#containerarea div#pankuzu ul#tablist li#tablist01 a,
body#facilities-hall div#containerarea div#pankuzu ul#tablist li#tablist02 a,
body#facilities-classroom div#containerarea div#pankuzu ul#tablist li#tablist03 a {
  background-position: 0 -40px;
}

body.about div#pankuzu {
  padding-bottom: 4px;
}

body.about div.contbox p {
  margin-bottom: 1em;
}









/* div#inst_logo {
  width: 130px;
  display: inline-block;
  vertical-align: middle;
}

div#inst_qr {
  width: 130px;
  display: inline-block;
  vertical-align: middle;
}

div.snsbox {
  vertical-align: middle;
  text-align: center;
} */




/*
--------------------------------------------
アクセス
--------------------------------------------
*/

body.access div#mainarea {
  background: url(../img/access/main.jpg) no-repeat top center;
}

body#access-index h3#st01 {
  background: url(../img/access/index/st01.jpg) no-repeat;
}

body#access-index div#accessinfo {
  background: url(../img/common/line.gif) no-repeat top left;
  padding-top: 5px;
  margin-bottom: 10px;
}

body#access-index div#contents address {
  margin-bottom: 5px;
}

body#access-index div#accessinfo dl {
  background: url(../img/common/line.gif) no-repeat bottom left;
  padding-bottom: 5px;
}

body#access-index div#accessinfo dl dt {
  color: #3399cc;
  font-weight: 600;
}

body#access-index div#gmap {
  width: 460px;
  height: 460px;
}

/*
--------------------------------------------
サイトマップ
--------------------------------------------
*/

body#sitemap div#mainarea {
  background: url(../img/sitemap/main.jpg) no-repeat top center;
}

body#sitemap h3#st01 {
  background: url(../img/sitemap/st01.jpg) no-repeat;
}

body#sitemap div.sitemapbox ul li {
  background: url(../img/common/line660.gif) no-repeat 0 20px;
  padding-bottom: 5px;
}

body#sitemap div.sitemapbox ul li a {
  background: url(../img/common/listmark2.gif) no-repeat 0 0.38em;
  padding-left: 15px;
  color: #666666;
}

body#sitemap div.sitemapbox ul li ol {
  margin-top: 10px;
  margin-left: 20px;
}

body#sitemap div.sitemapbox ul li ol li {
  font-size: 100%;
  background: none;
  padding-bottom: 0;
}

body#sitemap div.sitemapbox ul li ol li a {
  background: url(../img/common/listmark3.gif) no-repeat 0 0.38em;
}

body#sitemap div.sitemapbox ul li ol li ul {
  margin-bottom: 1em;
}

body#sitemap div.sitemapbox ul li ol li ul li {
  padding-left: 20px;
}

body#sitemap div.sitemapbox {
  float: left;
}

body#sitemap div#sitemapbox01 {
  width: 230px;
  margin-right: 20px;
}

body#sitemap div#sitemapbox02 {
  width: 460px;
}

body#sitemap span.c-3399cc {
  color: #3399cc;
  font-weight: 600;
  margin-top: 10px;
  display: block;
  padding-left: 15px;
  margin-bottom: 5px;
  height: 1em;
}

body#sitemap div.sitemapbox ul li ol li span.c-3399cc a {
  padding-left: 0px;
  background: none;
  color: #3399cc;
}

/*
------------------------------------------
お問い合わせ
------------------------------------------
*/

body.inquiry div#mainarea {
  background: url(../img/inquiry/main.jpg) no-repeat top center;
}

body.inquiry h3#st01 {
  background: url(../img/inquiry/st01.jpg) no-repeat;
}

body.inquiry h3#st02 {
  background: url(../img/inquiry/st02.jpg) no-repeat;
}

body.inquiry div#inqtable {
  background: url(../img/common/line660.gif) no-repeat top left;
  padding-top: 1px;
}

body.inquiry div#inqtable table {
  width: 100%;
  background: url(../img/common/table_bg.gif) repeat-y;
  margin-bottom: 2em;
}

body.inquiry table th {
  width: 156px;
  background: #ebefe2;
  font-weight: 300;
  text-align: left;
}

body.inquiry table th,
body.inquiry table td {
  padding: 5px 7px;
  background: url(../img/common/line660.gif) no-repeat bottom left;
}

body.inquiry ul#submitbtn {
  text-align: center;
}

body.inquiry ul#submitbtn li {
  margin-right: 1em;
  display: inline;
}

body#inquiry-input div#contents p {
  margin-bottom: 1em;
}

body#inquiry-input div#contents img#telnumber {
  margin-right: 20px;
}

body#inquiry-input div#inqtable {
  margin-bottom: 30px;
}

/*
----------------------------------------------------------------------------
huckclearfix クリア
----------------------------------------------------------------------------
*/

body#index div#indexmainbox ul:after,
body#index div#index-lbox h3#whatnews:after,
body#index div#categorybox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body#index div#indexmainbox ul,
body#index div#index-lbox h3#whatnews,
body#index div#categorybox {
  display: inline-block;
}

/*\*/

* html body#index div#indexmainbox ul,
* html bbody#index div#index-lbox h3#whatnews,
* html bbody#index div#categorybox {
  height: 1%;
}

body#index div#indexmainbox ul,
body#index div#index-lbox h3#whatnews,
body#index div#categorybox {
  display: block;
}

/**/

/*
----------------------------------------
*/
/*
----------------------------------------------------------------------------
2022/05/06　川島　追記　ここから
----------------------------------------------------------------------------
*/