@charset "euc-jp";
/* 木の葉保育園 - 施設紹介*/




/*サイドナビのスタイル*/

#main_body{
	background:url(../img/shisetu/side_back.jpg) left top repeat-y;
}

#side_navi{
	background:url(../img/shisetu/side_top_rd.jpg) center top no-repeat #a3d418;
}


dd#monitorDef{ top: 65px; left: 114px; }
dd#monitorDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#monitorDef a span{ display: none; }
dd#monitorDef a:hover{ position: absolute; background: transparent url(office.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#monitorDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}


/*************************************************************************/


.txt_box-2{
	width:575px;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 20px;
}


.bg-01{
	background-image: url(../img/shisetu/img-institution-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.box-01{
	position: absolute;
	z-index: 1;
	text-indent: -9999px;
	background-image: url(../img/shisetu/img-institution-01.jpg);
	height: 45px;
	width: 382px;
	background-repeat: no-repeat;
	left: -19px;
}

.box-02{
	position: absolute;
	height: 132px;
	width: 205px;
	left: 373px;
	top: -13px;
	z-index: 3;
}

.box-03{
	background-image: url(../img/shisetu/img-institution-02.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 400px;
	width: 584px;
	z-index: 2;
	background-position:left bottom;
	margin-left: 10px;
}

.box-04 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 375px;
	top: 330px;
	position: absolute;
	width: 54px;
	height: 16px;
}

.box-04 a {
	width: 53px;
	height: 16px;
	display: block;
}

.box-04 a:hover{
	width: 53px;
	height: 16px;
	display: block;
}


.box-05 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 39px;
	top: 224px;
	position: absolute;
	width: 53px;
	height: 16px;
}

.box-05 a {
	width: 53px;
	height: 16px;
	display: block;
}

.box-05 a:hover{
	width: 53px;
	height: 16px;
	display: block;
}


.box-06 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 99px;
	top: 216px;
	position: absolute;
	width: 28px;
	height: 12px;
}

.box-06 a {
	width: 28px;
	height: 12px;
	display: block;
}

.box-06 a:hover{
	width: 28px;
	height: 12px;
	display: block;
}


.box-07 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 130px;
	top: 223px;
	position: absolute;
	width: 34px;
	height: 16px;
}

.box-07 a {
	width: 34px;
	height: 16px;
	display: block;
}

.box-07 a:hover{
	width: 34px;
	height: 16px;
	display: block;
}


.box-08 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 9px;
	top: 225px;
	position: absolute;
	width: 85px;
	height: 16px;
}

.box-08 a {
	width: 85px;
	height: 16px;
	display: block;
}

.box-08 a:hover{
	width: 85px;
	height: 16px;
	display: block;
}


.box-09 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 116px;
	top: 274px;
	position: absolute;
	width: 35px;
	height: 30px;
}

.box-09 a {
	width: 35px;
	height: 30px;
	display: block;
}

.box-09 a:hover{
	width: 35px;
	height: 30px;
	display: block;
}


.box-10 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 257px;
	top: 307px;
	position: absolute;
	width: 52px;
	height: 16px;
}

.box-10 a {
	width: 52px;
	height: 16px;
	display: block;
}

.box-10 a:hover{
	width: 52px;
	height: 16px;
	display: block;
}


.box-11 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 124px;
	top: 328px;
	position: absolute;
	width: 52px;
	height: 16px;
}

.box-11 a {
	width: 52px;
	height: 16px;
	display: block;
}

.box-11 a:hover{
	width: 52px;
	height: 16px;
	display: block;
}

.box-12 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 124px;
	top: 362px;
	position: absolute;
	width: 41px;
	height: 16px;
}

.box-12 a {
	width: 41px;
	height: 16px;
	display: block;
}

.box-12 a:hover{
	width: 41px;
	height: 16px;
	display: block;
}


.box-13 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 222px;
	top: 260px;
	position: absolute;
	width: 27px;
	height: 16px;
}

.box-13 a {
	width: 27px;
	height: 16px;
	display: block;
}

.box-13 a:hover{
	width: 27px;
	height: 16px;
	display: block;
}


.box-14 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 255px;
	top: 276px;
	position: absolute;
	width: 49px;
	height: 16px;
}

.box-14 a {
	width: 49px;
	height: 16px;
	display: block;
}

.box-14 a:hover{
	width: 49px;
	height: 16px;
	display: block;
}


.box-15 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 149px;
	top: 226px;
	position: absolute;
	width: 33px;
	height: 16px;
}

.box-15 a {
	width: 33px;
	height: 16px;
	display: block;
}

.box-15 a:hover{
	width: 33px;
	height: 16px;
	display: block;
}


.box-16 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 392px;
	top: 183px;
	position: absolute;
	width: 48px;
	height: 16px;
}

.box-16 a {
	width: 48px;
	height: 16px;
	display: block;
}

.box-16 a:hover{
	width: 48px;
	height: 16px;
	display: block;
}


/*****************************************************************/

.box-17 {
	background-image: url(../img/shisetu/img-institution-07.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 400px;
	width: 533px;
	z-index: 2;
	background-position: bottom;
	margin-left: 10px;
}

.box-18{
	position: absolute;
	z-index: 1;
	text-indent: -9999px;
	background-image: url(../img/shisetu/img-institution-06.jpg);
	height: 45px;
	width: 382px;
	background-repeat: no-repeat;
	left: -17px;
	top: 1px;
}


.box-19 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 41px;
	top: 223px;
	position: absolute;
	width: 129px;
	height: 81px;
}

.box-19 a {
	width: 129px;
	height: 132px;
	display: block;
}

.box-19 a:hover{
	width: 129px;
	height: 132px;
	display: block;
}


.box-20 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 74px;
	top: 124px;
	position: absolute;
	width: 162px;
	height: 97px;
}

.box-20 a {
	width: 162px;
	height: 97px;
	display: block;
}

.box-20 a:hover{
	width: 162px;
	height: 97px;
	display: block;
}


.box-21 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 172px;
	top: 246px;
	position: absolute;
	width: 48px;
	height: 16px;
}

.box-21 a {
	width: 48px;
	height: 16px;
	display: block;
}

.box-21 a:hover{
	width: 48px;
	height: 16px;
	display: block;
}


.box-22 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 294px;
	top: 167px;
	position: absolute;
	width: 39px;
	height: 16px;
}

.box-22 a {
	width: 39px;
	height: 16px;
	display: block;
}

.box-22 a:hover{
	width: 39px;
	height: 16px;
	display: block;
}


.box-23 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 253px;
	top: 184px;
	position: absolute;
	width: 39px;
	height: 16px;
}

.box-23 a {
	width: 39px;
	height: 16px;
	display: block;
}

.box-23 a:hover{
	width: 39px;
	height: 16px;
	display: block;
}


.box-24 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 239px;
	top: 202px;
	position: absolute;
	width: 39px;
	height: 16px;
}

.box-24 a {
	width: 39px;
	height: 16px;
	display: block;
}

.box-24 a:hover{
	width: 39px;
	height: 16px;
	display: block;
}

.box-25 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 262px;
	top: 224px;
	position: absolute;
	width: 39px;
	height: 16px;
}

.box-25 a {
	width: 39px;
	height: 16px;
	display: block;
}

.box-25 a:hover{
	width: 39px;
	height: 16px;
	display: block;
}

.box-26 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 319px;
	top: 275px;
	position: absolute;
	width: 39px;
	height: 16px;
}

.box-26 a {
	width: 39px;
	height: 16px;
	display: block;
}

.box-26 a:hover{
	width: 39px;
	height: 16px;
	display: block;
}

.box-27 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 214px;
	top: 275px;
	position: absolute;
	width: 251px;
	height: 124px;
}

.box-27 a {
	width: 251px;
	height: 124px;
	display: block;
}

.box-27 a:hover{
	width: 251px;
	height: 124px;
	display: block;
}


.box-28 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 361px;
	top: 226px;
	position: absolute;
	width: 72px;
	height: 23px;
}

.box-28 a {
	width: 72px;
	height: 23px;
	display: block;
}

.box-28 a:hover{
	width: 72px;
	height: 23px;
	display: block;
}


.box-29 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 439px;
	top: 210px;
	position: absolute;
	width: 41px;
	height: 16px;
}

.box-29 a {
	width: 41px;
	height: 16px;
	display: block;
}

.box-29 a:hover{
	width: 41px;
	height: 16px;
	display: block;
}


/*****************************************************************/




/*****************************************************************/

.box-30 {
	background-image: url(../img/shisetu/img-institution-09.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 400px;
	width: 560px;
	z-index: 2;
	background-position: bottom;
	margin-left: 30px;
}


.box-31{
	position: absolute;
	z-index: 1;
	text-indent: -9999px;
	background-image: url(../img/shisetu/img-institution-08.jpg);
	height: 45px;
	width: 382px;
	background-repeat: no-repeat;
	left: -16px;
	top: 1px;
}

.box-32 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 201px;
	top: 189px;
	position: absolute;
	width: 41px;
	height: 16px;
}

.box-32 a {
	width: 41px;
	height: 16px;
	display: block;
}

.box-32 a:hover{
	width: 41px;
	height: 16px;
	display: block;
}

.box-33 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 247px;
	top: 185px;
	position: absolute;
	width: 77px;
	height: 16px;
}

.box-33 a {
	width: 77px;
	height: 16px;
	display: block;
}

.box-33 a:hover{
	width: 77px;
	height: 16px;
	display: block;
}


.box-34 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 248px;
	top: 208px;
	position: absolute;
	width: 50px;
	height: 22px;
}

.box-34 a {
	width:50px;
	height:20px;
	display: block;
}

.box-34 a:hover{
	width:50px;
	height:20px;
	display: block;
}


.box-35 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 354px;
	top: 185px;
	position: absolute;
	width: 92px;
	height: 59px;
}

.box-35 a {
	width: 92px;
	height: 59px;
	display: block;
}

.box-35 a:hover{
	width: 92px;
	height: 59px;
	display: block;
}


.box-36 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 51px;
	top: 139px;
	position: absolute;
	width: 140px;
	height: 90px;
}

.box-36 a {
	width: 140px;
	height: 90px;
	display: block;
}

.box-36 a:hover{
	width: 140px;
	height: 90px;
	display: block;
}


.box-37 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 43px;
	top: 242px;
	position: absolute;
	width: 156px;
	height: 136px;
}

.box-37 a {
	width: 156px;
	height: 136px;
	display: block;
}

.box-37 a:hover{
	width: 156px;
	height: 136px;
	display: block;
}


.box-38 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 58px;
	top: 172px;
	position: absolute;
	width: 81px;
	height: 45px;
}

.box-38 a {
	width: 81px;
	height: 45px;
	display: block;
}

.box-38 a:hover{
	width: 81px;
	height: 45px;
	display: block;
}


.box-39 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 456px;
	top: 224px;
	position: absolute;
	width: 40px;
	height: 74px;
}

.box-39 a {
	width: 40px;
	height: 74px;
	display: block;
}

.box-39 a:hover{
	width: 40px;
	height: 74px;
	display: block;
}


.box-42 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 10px;
	top: 177px;
	position: absolute;
	width: 40px;
	height: 45px;
}

.box-42 a {
	width: 40px;
	height: 45px;
	display: block;
}

.box-42 a:hover{
	width: 40px;
	height: 45px;
	display: block;
}

.box-43 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 148px;
	top: 190px;
	position: absolute;
	width: 40px;
	height: 26px;
}

.box-43 a {
	width: 40px;
	height: 26px;
	display: block;
}

.box-43 a:hover{
	width: 40px;
	height: 26px;
	display: block;
}

.box-44 {
	text-indent: -9999px;
	z-index: 10;
	display: block;
	left: 544px;
	top: 309px;
	position: absolute;
	width: 40px;
	height: 30px;
}

.box-44 a {
	width: 40px;
	height: 30px;
	display: block;
}

.box-44 a:hover{
	width: 40px;
	height: 30px;
	display: block;
}




/*****************************************************************/




.box-40{
	position: relative;
	height: 1310px;
}

.box-41{
	position: absolute;
	left: 30px;
	top: 20px;
}

.mt02 {margin-top: 2px;}
.mt03 {margin-top: 3px;}
.mt04 {margin-top: 4px;}
.mt05 {margin-top: 5px;}
.mt06 {margin-top: 6px;}
.mt07 {margin-top: 7px;}
.mt08 {margin-top: 8px;}
.mt09 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt13 {margin-top: 13px;}
.mt15 {margin-top: 15px;}
.mt17 {margin-top: 17px;}
.mt18 {margin-top: 18px;}
.mt20 {margin-top: 20px;}
.mt21 {margin-top: 21px;}
.mt22 {margin-top: 22px;}
.mt23 {margin-top: 23px;}
.mt24 {margin-top: 24px;}
.mt25 {margin-top: 25px;}
.mt27 {margin-top: 27px;}
.mt28 {margin-top: 28px;}
.mt30 {margin-top: 30px;}
.mt32 {margin-top: 32px;}
.mt35 {margin-top: 35px;}
.mt37 {margin-top: 37px;}
.mt38 {margin-top: 38px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt51 {margin-top: 51px;}
.mt52 {margin-top: 52px;}
.mt53 {margin-top: 53px;}
.mt54 {margin-top: 54px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}


.ml02 {margin-left: 2px;}
.ml03 {margin-left: 3px;}
.ml04 {margin-left: 4px;}
.ml05 {margin-left: 5px;}
.ml06 {margin-left: 6px;}
.ml07 {margin-left: 7px;}
.ml08 {margin-left: 8px;}
.ml09 {margin-left: 9px;}
.ml10 {margin-left: 10px;}
.ml11 {margin-left: 11px;}
.ml12 {margin-left: 12px;}
.ml13 {margin-left: 13px;}
.ml14 {margin-left: 14px;}
.ml15 {margin-left: 15px;}
.ml16 {margin-left: 16px;}
.ml17 {margin-left: 17px;}
.ml18 {margin-left: 18px;}
.ml19 {margin-left: 19px;}
.ml20 {margin-left: 20px;}
.ml23 {margin-left: 23px;}
.ml25 {margin-left: 25px;}
.ml27 {margin-left: 27px;}
.ml30 {margin-left: 30px;}
.ml33 {margin-left: 33px;}
.ml35 {margin-left: 35px;}
.ml38 {margin-left: 38px;}
.ml40 {margin-left: 40px;}
.ml42 {margin-left: 42px;}
.ml45 {margin-left: 45px;}
.ml47 {margin-left: 47px;}
.ml48 {margin-left: 48px;}
.ml50 {margin-left: 50px;}


.pt00 {padding-top: 0px;}
.pt01 {padding-top: 1px;}
.pt02 {padding-top: 2px;}
.pt03 {padding-top: 3px;}
.pt04 {padding-top: 4px;}
.pt05 {padding-top: 5px;}
.pt06 {padding-top: 6px;}
.pt07 {padding-top: 7px;}
.pt08 {padding-top: 8px;}
.pt09 {padding-top: 9px;}
.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt13 {padding-top: 13px;}
.pt14 {padding-top: 14px;}
.pt15 {padding-top: 15px;}
.pt18 {padding-top: 18px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt27 {padding-top: 27px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}


.pl27{
	padding-left: 27px;
}