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



/* トップイメージ
------------------------------- */
.home{
position:relative;
}
.bt_renge{
position:fixed;
bottom:50px;
right:40px;
z-index:1000;
}
.bt_renge img{
width:280px;
}

#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 0 24px 0;
color:#FFAF37;
font-size:28px;
width:9em;
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:380px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url("/js/PIE.htc");
position:relative;
border:2px solid #FFCECE;
margin:0 0 20px;
}
#news 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;
}
#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;

}
#news li{
padding:10px 0;
border-bottom:2px dotted #CBB487;
}
#news li:last-child{
border:none;
}
#news li a{
display:block;
color:#000;
padding:10px 0 10px 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 2px;
width:200px;
}
#photo_dl a img{
border:1px solid #333;
}


/* バナー
------------------------------- */
#bnr_top{
width:300px;
float:right;
margin:-12px 0 0;
}
#bnr_top li{
margin:0 0 10px;
}
#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.png) no-repeat left center;
}
#bnr_top3{
background:url(../gazou/top/bnr_encho.png) no-repeat left center;
}
#bnr_cal{
background:url(../gazou/top/bnr_cal.png) no-repeat left center;
}




