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


/* トップイメージ
------------------------------- */
#img_top{
width:980px;
text-align:center;
margin:15px auto 60px;
position:relative;
}
#img_top:after{
content:url(../gazou/top/slider.png);
position:absolute;
top:0;
left:-160px;
z-index:1;
}
#img_top li{
height:540px;
overflow:hidden;
}
#img_top ul:after{
content:"";
display:block;
clear:both;
}

#img_top .bx-controls-direction{
position:absolute;
left:50%;
top:50%;
width:910px;
margin:-23px 0 0 -410px; 
}
#img_top .bx-controls-direction a{
display:block;
background:rgba(255,255,255,0.6);
width:46px;
height:46px;
line-height:46px;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#2E6D02;
font-weight:bold;
-webkit-border-radius: 50%;
border-radius: 50%;
behavior: url("/js/PIE.htc");
position:relative;
text-indent:0;
text-decoration:none;
}
.bx-wrapper .bx-pager a{
display:inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
behavior: url("/js/PIE.htc");
position:relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#FF8282;
}
#img_top .bx-controls-direction .bx-prev{
background:url(../gazou/top/arrow_l.png);
width:70px;
height:70px;
display:block;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}
#img_top .bx-controls-direction .bx-next{
background:url(../gazou/top/arrow_r.png);
width:70px;
height:70px;
display:block;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}
.bx-wrapper .bx-pager{
bottom: -20px;
z-index:2;
padding:0 0 0 40px;
}

/* 四恩幼稚園の教育
------------------------------- */
#policy{
padding:30px 0 100px 380px;
position:relative;
}
#policy .txt1{
margin:0 0 60px;
}
#policy h2{
text-align:center;
font-size:24px;
font-weight:bold;
margin:0 0 20px;
}
#policy .txt2{
margin:0 0 40px;
line-height:2;
font-size:14px;
text-align:center;
}
#policy .img{
position:absolute;
left:-48px;
top:0;
font-size:14px;
font-weight:bold;
}
#policy .img span{
display:block;
padding:20px 0 0 80px;
}

#policy .btn{
text-align:center;
}



/* 新着情報
------------------------------- */
#news_area{width:560px;
float:left;
margin:0 40px 60px 0;
}
#news{
background:#fff;
width:560px;
float:left;
position:relative;
padding:0 0 20px;
margin:0 40px 30px 0;
}
#news h2{
background:url(../gazou/share/line2.png) repeat-x 0 bottom;
font-size:24px;
font-weight:bold;
padding:24px 0 12px 40px;
margin:0 20px 20px;
position:relative;
}
#news h2:before{
content:url(../gazou/share/i_clover.png);
position:absolute;
top:18px;
left:0;
}
#news .btn{
position:absolute;
top:16px;
right:20px;
}
#news li{
margin:0 20px;
}
#news li a{
background:url(../gazou/share/arrow3.png) no-repeat 0 center;
display:block;
color:#000;
padding:10px 4px 8px 24px;
font-size:16px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
}
#news li a:hover{
color:#6B8828;
}
#news li a .date{
display:inline-block;
width:160px;
}
#news li a .date span{
color:red;
padding-left:8px;
}

/* わくわくブログ
------------------------------- */
#blog{
width:560px;
float:left;
padding:0 0 20px;
}
#blog h2{
float:left;
width:130px;
}
#blog ul{
float:left;
width:396px;
background:#fff;
padding:15px;
min-height:160px;
border:2px solid #7BAA1C;
}
#blog li{
margin:0 20px;
}
#blog li a{
background:url(../gazou/share/arrow3.png) no-repeat 0 center;
display:block;
color:#000;
padding:10px 4px 8px 24px;
font-size:16px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
}
#blog li a:hover{
color:#6B8828;
}
#blog li a .date{
display:inline-block;
width:160px;
}
#blog li a .date span{
color:red;
padding-left:8px;
}

/* バナー
------------------------------- */
#gallery{
width:380px;
float:left;
position:relative;
margin:0 0 52px;
}
#gallery a{
display:block;
background:#CBE9D0;
border:3px solid #53B96A;
height:114px;
color:#000;
text-decoration:none;
transition:.6s;
}
#gallery a:hover{
border:3px solid #fff;
}
#gallery h2{
position:absolute;
top:-4px;
left:-12px;
}
#gallery .txt{
padding:50px 0 0 18px;
font-size:14px;
line-height:1.2;
}
#gallery .img{
position:absolute;
bottom:0px;
right:0px;
}

#kyushoku{
width:380px;
float:left;
margin:15px 0 0;
}
#kyushoku a img{
display:block;
border:3px solid #D93600;
transition:.6s;
}
#kyushoku a:hover img{
border:3px solid #fff;
}

#entei{
width:180px;
float:left;
position:relative;
margin:0 20px 0 0;
}
#entei a{
display:block;
background:#A0CDE4;
border:3px solid #1C327F;
height:104px;
color:#000;
text-decoration:none;
transition:.6s;
}
#entei a:hover{
border:3px solid #fff;
}
#entei h2{
text-align:center;
padding:12px 0 10px;
}
#entei .txt{
padding:0 10px;
font-size:14px;
line-height:1.2;
}
#entei .img{
position:absolute;
top:-42px;
left:-42px;
}


#class2{
width:180px;
float:left;
position:relative;
}
#class2 a{
display:block;
background:#FFB0B0;
border:3px solid #FF8282;
height:104px;
color:#000;
text-decoration:none;
transition:.6s;
}
#class2 a:hover{
border:3px solid #fff;
}
#class2 h2{
text-align:center;
padding:12px 0 10px;
}
#class2 .txt{
padding:0 10px;
font-size:14px;
line-height:1.2;
}
#class2 .img{
position:absolute;
top:-20px;
left:45px;
}
.kongoji a img{
width:300px;
border:2px solid #050026;
margin-top:20px;
}
.kongoji a:hover img{border:2px solid #2448D9;}

.sns{
text-align:center;
}
.sns h3{
text-align:center;
margin-bottom:15px;
}
.sns ul{
width:360px;
margin:0 auto;
}
.sns li{
float:left;
width:120px;
text-align:center;
}