/*------------------------------
仮TOP用CSS
------------------------------- */
@import url("reset.css");
@import url("share.css");



/* トップイメージ
------------------------------- */
#img_top{
position:relative;
width: 100%;
min-width:1000px;
height:600px;
margin:0 0 16px;
}
/*#img_top:after{
content:"";
background:url(../gazou/top/btm_slider.png) no-repeat center;
-webkit-background-size:100% 72px;
background-size:100% 72px;
position:absolute;
z-index:100;
bottom:0;
left:0;
width:100%;
height:72px;
}*/
#img_top .slide_all li{
float:left;
width: 800px;
height:600px;
overflow:hidden;
}
#slider{
margin:0 auto;
}
.slide_all {
width: 800px;
margin: 0 auto;
height:600px;
position: relative;
}
#slider img{
width: 900px;
max-width:none;
margin:0 0 0 -50px;
}

/*#img_top .slide_all:after{
content:url(../gazou/top/tree.png);
position:absolute;
z-index:1;
bottom:-60px;
right:-80px;
z-index:200;
}*/

.slide_wrap {
width: 2310px;
height: 600px;
position: absolute;
left: 50%;
margin-left: -1150px;
}
.slide_body {
width: 100%;
}
#img_top .bx-controls-direction{
position:absolute;
left:50%;
top:50%;
width:840px;
margin:-50px 0 0 -425px; 
}
#img_top .bx-controls-direction a{
display:block;
width:56px;
height:56px;
position:relative;
text-indent:-9999px;
text-decoration:none;
z-index:200;
}
.bx-wrapper .bx-pager.bx-default-pager a{
display:inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
behavior: url("/js/PIE.htc");
position:relative;
width:15px;
height:15px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#C83955;
}
#img_top .bx-controls-direction .bx-prev{
position:absolute;
top:0;
right:0;
background:url(../gazou/top/arrow_l.png) no-repeat;
}
#img_top .bx-controls-direction .bx-next{
position:absolute;
top:0;
right:0;
background:url(../gazou/top/arrow_r.png) no-repeat;
}
.bx-wrapper .bx-pager{
bottom: -40px;
display:none;
}

/* 教育方針
------------------------------- */
#policy{
position:relative;
height:450px;
}
#policy h2{
padding:40px 580px 24px 0;
color:#FFAF37;
font-size:28px;
font-weight:bold;
line-height:1.4;
}
#policy .txt{
font-size:16px;
font-weight:bold;
line-height:1.6;
color:#6E604E;
padding:0 580px 32px 0;
}
#policy .img1{
position:absolute;
top:0px;
right:-20px;
}
#policy .btn{
padding:0 0 0 50px;
}

/* 新着情報
------------------------------- */
#left_news{
margin-top:30px;
}
#newsarea{
float:left;
width:636px;
}

#news{
background:#fff;
width:636px;
height:246px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url("/js/PIE.htc");
position:relative;
border:2px solid #93D5F9;
margin:0 0 20px;
}
#news h2{
background:#93D5F9;
height:48px;
-webkit-border-radius: 15px 15px 0 0 ;
border-radius: 15px 15px 0 0 ;
behavior: url("/js/PIE.htc");
position:relative;
}
#news h2 img{
position:absolute;
bottom:0;
left:18px;
}
#news h2:after{
content:url(../gazou/top/i_bird1.png);
position:absolute;
z-index:1;
top:-26px;
right:-2px;
z-index:1;
}
#news .btn{
position:absolute;
top:10px;
right:14px;
}
#news ul{
padding:4px 16px 0;
height:160px;
}
#news li{
padding:10px 0;
border-bottom:2px dotted #CBB487;
}
#news li:last-child{
border:none;
}
#news li a{
display:block;
color:#000;
padding:12px 0 12px 10px;
font-size:16px;
text-decoration:none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
}
#news li a:hover{
color:#FF9393;
}
#news li a .date{
display:inline-block;
text-decoration:none;
width:180px;
font-size:14px;
}
#news li a .ctgname{
background:#82D6D8;
display:inline-block;
margin:0 10px 0 0;
line-height:1.4;
padding:0 8px;
color:#fff;
text-align:center;
}
#photo_dl{

}
#photo_dl img{
display:inline-block;
margin:10px 5px;
}
#photo_dl a img{
border:1px solid #333;
}

.toi{
margin-bottom:40px;}



/* プレ保育
------------------------------- */

#pre{
background:#FFF;
width:636px;
height:400px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url("/js/PIE.htc");
position:relative;
border:2px solid #FFCECE;
margin:0 0 30px;
}
#pre h2{
background:#FFCECE;
height:48px;
-webkit-border-radius: 15px 15px 0 0 ;
border-radius: 15px 15px 0 0 ;
behavior: url("/js/PIE.htc");
position:relative;
}
#pre h2 img{
position:absolute;
bottom:0;
left:18px;
}
#pre h2:after{
content:url(../gazou/top/bean.png);
position:absolute;
z-index:1;
top:-26px;
right:-2px;
z-index:1;
}
#pre .btn{
position:absolute;
top:10px;
right:14px;
}
#pre ul{
padding:4px 16px 0;
height:260px;
}
#pre li{
padding:10px 0;
border-bottom:2px dotted #CBB487;
}
#pre li:last-child{
border:none;
}
#pre li a{
display:block;
color:#000;
padding:12px 0 12px 10px;
font-size:16px;
text-decoration:none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
}
#pre li a:hover{
color:#FF9393;
}
#pre li a .date{
display:inline-block;
text-decoration:none;
width:180px;
font-size:14px;
}
#pre li a .ctgname{
background:#82D6D8;
display:inline-block;
margin:0 10px 0 0;
line-height:1.4;
padding:0 8px;
color:#fff;
text-align:center;
}



/* 今月の予定
------------------------------- */
#calender{
width:300px;
float:left;
margin:0 0 0;
}
#calender{
background:#fff;
width:296px;
min-height:246px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url("/js/PIE.htc");
position:relative;
border:2px solid #9CD755;
}
#calender h2{

height:48px;
-webkit-border-radius: 15px 15px 0 0 ;
border-radius: 15px 15px 0 0 ;
behavior: url("/js/PIE.htc");
position:relative;
}
#calender h2 img{
position:absolute;
bottom:0;
left:18px;
}
#calender h2:after{
content:url(../gazou/top/i_bird1.png);
position:absolute;
z-index:1;
top:-26px;
right:-2px;
z-index:1;
}
#calender ul{
margin:15px;
}
#calender ul li{
margin:8px 0;
}
#calender ul li .date{
color:#F26D7D;
}
#calender ul li .title{
color:#000;
}
#calender .btn{
text-align:center;
}
#calender a.btn2{

-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url("/js/PIE.htc");
color:#fff;
padding:3% 10px;
}

/* バナー
------------------------------- */
#bnr_top{
width:300px;
float:right;
margin:-12px 0 0;
}
#bnr_top li{
margin:0 0 10px;
}
#bnr_top li:nth-child(5){
margin-top:20px;
}
#bnr_top li a img{
opacity:0;
transition:.6s;
}
#bnr_top li a:hover img{
opacity:1;
}
#bnr_top1{
background:url(../gazou/top/bnr_top1.jpg) no-repeat left center;
}
#bnr_top2{
background:url(../gazou/top/bnr_top2.jpg) no-repeat left center;
}
#bnr_cal{
background:url(../gazou/top/bnr_cal.png) no-repeat left center;
}

#bnr_piyo{
background:url(../gazou/top/bnr_piyo.jpg) no-repeat left center;
}
#bnr_insta{
background:url(../gazou/top/bnr_insta.png) no-repeat left center;
}