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



/* トップイメージ
------------------------------- */
#img_top{
position:relative;
width: 100%;
height:540px;
margin:0 0 60px;
overflow:hidden;
}
#img_top h2{
position:absolute;
z-index:100;
width:1000px;
top:-40px;
left:50%;
margin-left:-500px;
}
#img_top li{
float:left;
}
#slider{
margin:0 auto;
}
.slide_all {
width: 900px;
margin: 0 auto;
height: 520px;
position: relative;
}
.slide_wrap {
width: 2610px;
height: 520px;
position: absolute;
left: 50%;
margin-left: -1330px;
}
.slide_body {
width: 100%;
}
#slider li{
background:#82CEF7 url(../gazou/share/bg1.png);
margin: 0 40px 0 0 !important;
padding:10px;
-webkit-border-radius: 96px;
border-radius: 96px;
behavior: url("/js/PIE.htc");
position:relative;
}
#slider li span{
display:block;
max-height: 500px;
overflow: hidden;
-webkit-border-radius: 86px;
border-radius: 86px;
behavior: url("/js/PIE.htc");
position:relative;
}
#slider img{
width: 100%;
vertical-align: bottom;
-webkit-border-radius: 86px;
border-radius: 86px;
behavior: url("/js/PIE.htc");
position:relative;
}
#img_top .bx-controls-direction{
position:absolute;
left:50%;
top:50%;
width:994px;
margin:-35px 0 0 -474px; 
}
#img_top .bx-controls-direction a{
display:block;
width:68px;
height:68px;
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:10px;
height:10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#0099CC;
}
#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;
padding-left:26px;
}

/* 保育目標
------------------------------- */
#hoiku{
background:url(../gazou/top/bg_hoiku.png) no-repeat center 10px;
height:480px;
}
#hoiku h2{
text-align:center;
height:110px;
}
#hoiku ul{
width:760px;
margin:0 auto;
position:relative;
}
#hoiku li{
position:absolute;
}
#hoiku1{top:0;left:0;}
#hoiku2{top:32px;left:250px;}
#hoiku3{top:22px;left:546px;}
#hoiku4{top:190px;left:110px;}
#hoiku5{top:190px;left:380px;}

/* 新着情報
------------------------------- */
#news{
background:url(../gazou/top/bg_news.gif);
width:800px;
margin:0 auto;
padding:40px 30px 20px;
position:relative;
}
#news:before{
content:url(../gazou/top/i_news1.png);
position:absolute;
left:-268px;
top:-50px;
z-index:1;
}
#news:after{
content:url(../gazou/top/i_news2.png);
position:absolute;
right:-220px;
top:-50px;
z-index:1;
}
#news h2{
position:absolute;
top:-10px;
left:0;
width:100%;
text-align:center;
}
#news ul{
background:#fff;
padding:10px 20px 0;
}
#news li a{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
padding:20px 10px 20px 24px;
border-bottom:2px dotted #CBB487;
line-height:1.2;
transition:.3s;
color:#000;
font-size:16px;
}
#news li a:hover{
color:#0099CC;
}
#news li .date{
display:inline-block;
width:116px;
}
#news li .ctgname{
background:#0099CC;
display:inline-block;
padding:0 18px;
line-height:20px;
color:#fff;
margin:0 10px 0 0;
}
#news .btn{
background:#fff;
padding:20px 20px 20px;
text-align:center;
}

/* about
------------------------------- */
.moon{
background:url(../gazou/share/moon.png) no-repeat bottom fixed;
min-width:1000px;
margin:0 auto;
}
#about{
height:580px;
padding:80px 0 0;
position:relative;
}
#about .wrapper{
position:relative;
}
#about h2{
padding:80px 0 30px 550px;
}
#about .txt{
padding:0 0 50px 550px;
white-space:nowrap;
font-size:16px;
line-height:1.6;
}
#about .btn{
padding:0 0 50px 550px;
text-align:center;
}
#about .img{
position:absolute;
left:-100px;
top:60px;
}