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


/* トップメニュー
------------------------------- */
#menu{
margin:0 0 10px;
}
#menu1{padding:26px 0 0;}
#menu2{padding:16px 0 0;}
#menu3{padding:16px 0 0 15px;}
#menu4{padding:3px 0 0;}
#menu5{padding:0px 0 0;}
#menu6{padding:3px 0 0; 6px}
#menu7{padding:16px 0 0;}
#menu8{padding:26px 0 0;}


/* トップイメージ
------------------------------- */
#img_top{
position:relative;
width: 100%;
min-width:1000px;
height:600px;
margin:0x;
}
#img_top:before{
content:"";
background:url(../gazou/top/bg_slider.png) no-repeat center;
-webkit-background-size:100% 38px;
background-size:100% 38px;
position:absolute;
z-index:100;
top:0;
left:0;
width:100%;
height:38px;
}
#img_top:after{
content:"";
background:url(../gazou/top/bg_news.png) repeat-x center;
position:absolute;
z-index:90;
bottom:0;
left:0;
width:100%;
height:30px;
}
#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;
}
.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: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:#F18D00;
}
#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;
z-index:100;
}


.bt_new{
text-align:center;
padding-top:40px;
background:#E2C90E;
}

/* お知らせ
------------------------------- */
#news{
position:relative;
background:#E2C90E;
padding:64px 0 20px;
}
#news h2{
text-align:center;
position:absolute;
top:48px;
left:0;
width:100%;
z-index:1;
}
#news .btn{
text-align:center;
padding:24px 0 0;
}
#news .box{
background:url(../gazou/share/bg_sand1.png);
width:800px;
margin:0 auto;
padding:2px;
-webkit-border-radius: 100px;
border-radius: 100px;
behavior: url("/js/PIE.htc");
}
#news ul{
background:#fff;
min-height:220px;
padding:36px 0;
-webkit-border-radius: 100px;
border-radius: 100px;
behavior: url("/js/PIE.htc");
position:relative;
}
#news li{
border-bottom:2px dotted #BD9F68;
margin:0 100px;
}
#news li a{
display:block;
color:#000;
padding:18px 0px;
font-size:16px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
}
#news li a:hover{
color:#E2C90E;
}
#news li a .date{
display:inline-block;
text-decoration:none;
font-size:14px;
width:120px;
padding:0 0 0 12px;
vertical-align:middle;
}
#news li a .ctgname{
display:inline-block;
width:120px;
margin:0 4px 4px 0;
text-align:center;
color:#fff;
background:#339966;
padding:3px;
}

/* concept
------------------------------- */
#concept{
background:#FCF7DC;
position:relative;
padding:64px 0 48px;
}
#concept .wrapper{
position:relative;
}
#concept h2{
margin:0 0 24px;
text-align:center;
}
#concept .txt{
font-size:16px;
line-height:1.7;
text-align:center;
margin:0 0 20px;
}
#concept .btn{
text-align:center;
}
#concept .img1{
position:absolute;
top:-42px;
left:-120px;
z-index:1;
}
#concept .img2{
position:absolute;
top:-40px;
right:-148px;
z-index:1;
}
#concept_list .wrapper{
padding:86px 0;
width:980px;
}
#concept_list .wrapper:after{
content:"";
display:block;
clear:both;
}
#concept_list section{
background:url(../gazou/top/bg_concept_list.png) no-repeat;
width:235px;
height:235px;
float:left;
margin:0 12px 0 0;
position:relative;
}
#concept_list #concept4{
margin:0;
}
#concept_list h3{
padding:26px 0 30px;
text-align:center;
}
#concept_list p{
font-size:14px;
line-height:1.6;
padding:0 10px;
}
#concept_list p strong{
color:#F18D00;
font-weight:bold;
}
#concept_list section:before,#concept_list section:after{
position:absolute;
z-index:1;
}
#concept1:before{
content:url(../gazou/top/i_concept1.png);
left:-38px;
bottom:0;
}
#concept1:after{
content:url(../gazou/top/i_concept2.png);
right:2px;
top:-50px;
}
#concept2:after{
content:url(../gazou/top/i_concept3.png);
left:80px;
bottom:-12px;
}
#concept3:after{
content:url(../gazou/top/i_concept4.png);
left:30px;
top:-42px;
}
#concept4:after{
content:url(../gazou/top/i_concept5.png);
right:-16px;
bottom:-20px;
}


/* 今日の給食
------------------------------- */
.tit_photo{
display:none;
}
#kyushoku{
background:url(../gazou/top/bg_kyushoku2.jpg);
position:relative;
padding:52px 0 0;
margin:0 0 56px;
position:relative;
}
#kyushoku h2{
background:url(../gazou/top/bg_kyushoku1.jpg) repeat-x 0 40px;
position:absolute;
top:-50px;
left:0;
width:100%;
text-align:center;
}
#kyushoku .wrapper{
position:relative;
padding:0 0 20px;
}
#kyushoku .img1{
position:absolute;
top:10px;
left:70px;
}
#kyushoku .img2{
position:absolute;
top:-48px;
right:62px;
}
#kyushoku .img3{
position:absolute;
bottom:10px;
right:-40px;
}
#kyushoku .list_kyushoku h3{
background:url(../gazou/top/tit_date.png) no-repeat center top;
font-size:20px;
font-weight:bold;
text-align:center;
height:62px;
line-height:44px;
}
#kyushoku .list_kyushoku ul{
width:540px;
margin:0 auto 20px;
}
#kyushoku .list_kyushoku ul:after{
content:"";
display:block;
clear:both;
}
#kyushoku .list_kyushoku li{
float:left;
width:264px;
}
#kyushoku .list_kyushoku li:nth-child(2){
float:right;
}
#kyushoku .list_kyushoku .btn{
text-align:center;
line-height:1;
}
#kyushoku .list_kyushoku .btn a{
padding:18px 40px 18px 80px;
}
#kyushoku .list_kyushoku .btn a:before{
content:url(../gazou/top/i_kyushoku.png);
position:absolute;
left:22px;
top:50%;
margin:-20px 0 0;
}


/* フォトギャラリー
------------------------------- */
#gallery{
padding:0 0 64px;
}
#gallery h2{
margin:0 0 52px;
text-align:center;
}
#gallery ul{
padding:0 0 30px 10px;
} 
#gallery ul:after{
content:"";
display:block;
clear:both;
}
#gallery li{
width:314px;
background:url(../gazou/share/bg_sand1.png);
padding:2px;
margin:0 10px 30px 0;
float:left;
text-align:center;
position:relative;
}
#gallery li:last-child{
margin:0;
}
#gallery li .photo{
display:block;
background:#FCE8DC;
padding:8px;
height:225px;
overflow:hidden;
}
#gallery li .photo img{
max-width:100%;
}
#gallery li a{
display:block;
color:#000;
cursor:default;
}
#gallery .att{
display:none;
}
#gallery li a:hover img{
opacity:1;
}
#gallery li .cap{
font-size:16px;
position:absolute;
bottom:-30px;
left:0;
width:100%;
text-align:center;
}
#gallery .btn{
text-align:center;
}