/*------------------------------
  コンテンツ設定
------------------------------- */

@import url("reset.css");
@import url("image.css");
@import url("share.css");


/* コンテンツレイアウト設定
------------------------------- */
.cont{
background:url(../gazou/share/bg_cont.jpg) repeat-x;
padding:0 0 180px;
min-height:600px;
position:relative;
}


/* タイトル
------------------------------- */
.cont>h2{
height:170px;
font-size:36px;
font-weight:bold;
line-height:1;
text-align:center;
}
.cont h2 .ctgname{
display:block;
font-size:16px;
padding:20px 0 0;
}
.cont h3,.CenterBox h3{
background:url(../gazou/share/line_dot1.png) repeat-x bottom;
padding:12px 8px 16px 60px;
font-size:20px;
color:#CC3300;
font-weight:bold;
margin:36px 0 24px;
position:relative;
}
.cont h3:before,.CenterBox h3:before{
content:url(../gazou/share/i_himawari.png);
position:absolute;
top:0;
left:12px;
}
.cont h3 a{
font-size:20px;
font-weight:bold;
color:#CC3300;
text-decoration:none;
}
.cont h3 small{
display:inline-block;
font-size:14px;
margin:0 0 0 10px;
color:#000;
}
.kijictg{
text-align:right;
margin:0 0 20px;
line-height:1;
}
.kijictg .ctgname{
background:#FF6191 url(../gazou/share/bg1.png);
color:#fff;
font-size:16px;
font-weight:bold;
display:inline-block;
padding:0 20px 0 20px;
line-height:32px;
}
.cont h4{
font-size:16px;
font-weight:bold;
padding:0 10px 10px 40px;
margin:0 10px 0 0;
}
.cont h4 small{padding:2px 20px;
margin-left:12px;
display:inline-block;
font-size:12px;
}


/* 新着・カテゴリサイドカラム
------------------------------- */
.news .main{
width:auto;
float:none;
}
.news .side{
display:none;
}
.CenterBox{
width:720px;
float:right;
}
.RightBox{
width:220px;
float:left;
}
.RightBox.fixed{
position:fixed;
top:10px;
}
.cont .RightBox h2{
background:url(../gazou/share/tit_s_news.png) no-repeat;
line-height:48px;
text-align:center;
font-size:20px;
font-weight:bold;
margin:0 0 12px;
}
.cont .RightBox ul{
margin:0 0 50px;
}
.cont .RightBox li{
padding:0 6px 12px 6px;
}
.cont .RightBox li a{
display:block;
padding:4px 4px 4px 18px;
font-size:14px;
color:#000;
line-height:1.2;
text-decoration:none;
transition:.6s;
}
.cont .RightBox .s_news li a{
background:url(../gazou/share/arrow5.png) no-repeat left center;
}
.cont .RightBox .s_ctg li a{
background:url(../gazou/share/arrow5.png) no-repeat left center;
}
.cont .RightBox li a:hover{
background-position:4px center;
}
#s_group{
background:#FFEEAC url(../gazou/share/bg_dot1.gif);
position:relative;
padding:64px 10px 4px;
}
#s_group:after{
content:url(../gazou/share/balloon3.png);
position:absolute;
bottom:-56px;
left:20px;
}
#s_group h2{
background:none;
position:absolute;
top:-30px;
left:0;
width:100%;
}
#s_group ul{
margin:0;
}
#s_group li{
margin:0 0 10px;
padding:0;
}
#s_group li a{
background:rgba(255,255,255,.7) url(../gazou/share/arrow3.png) no-repeat 24px center;
-webkit-background-size:18px auto;
background-size:18px auto;
display:block;
padding:16px 0 16px 60px;
border:1px solid #A3C552;
}
.btn_index{
text-align:right;
}
.btn_index a{
background:#FEE16A url(../gazou/share/i_clover.png) no-repeat 6px center;
font-size:14px;
color:#000;
font-weight:bold;
display:inline-block;
padding:12px 12px 10px 44px;
}

/* パンくず
------------------------------- */
.breadcrumb{
position:absolute;
left:0;
top:134px;
line-height:1.2;
}
.breadcrumb li{
display:inline;
padding:0 2px;
font-size:14px;
}
.breadcrumb li a{
font-size:14px;
color:#000;
text-decoration:none;
}
.breadcrumb li a:hover{
color:#FF6600;
}
.breadcrumb li a img{
vertical-align:top;
margin:0 2px 0 0;
}
.breadcrumb li:after{
content:">";
color:#666;
padding:0 0 0 4px;
}
.breadcrumb li:last-child:after{
content:normal;
}


/* 記事本文
------------------------------- */

.cont .KijiArea{
padding:10px;
font-size:16px;
}
.cont article .KijiArea p{
margin:0 0 1em;
line-height:1.6;
}
.cont article .KijiArea ul,.CenterBox .KijiArea ul{
list-style:disc;
padding:0 0 0 2em;
}
.cont article .KijiArea ol,.CenterBox .KijiArea ol{
list-style:decimal;
padding:0 0 0 2em;
}
.cont .KijiArea img{
max-width:100%;
}
.cont .KijiArea{
clear:both;
zoom:1;
}
.KijiArea:after,.KijiArea:before{content:"";display:table;}
.KijiArea:after{clear:both;}

.PageNavi{
text-align:center;
padding:20px 0;
}
.ToDetail{
text-align:right;
}


/* メールフォーム設定
------------------------------- */
.formbody{
padding:10px 50px;
margin:0 30px;
}
.formbody dt{
width:190px;
float:left;
}
.formbody dd{
margin:0 0 20px 190px;
border-bottom:1px dotted #ccc;
padding:0 0 20px 10px;
min-height:20px;
}
.formbody dt.formhead{
background:url(../gazou/share/line_dot1.png) repeat-x bottom;
padding:12px 8px 16px 60px;
font-size:20px;
position:relative;
font-weight:bold;
margin:30px -20px;
line-height:1.2;
width:auto;
float:none;
}

.formbody dt.formhead:before{
content:url(../gazou/share/i_himawari.png);
position:absolute;
top:0;
left:12px;
}

.formbody dt.formcomment{
width:auto;
float:none;
margin:0 0 20px 120px;
}
.formbody dd.btnSubmit,.back{
text-align:center;
border:none;
padding:20px 0;
}
.formbody input,.formbody textarea,.formbody select{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", 
"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.formbody input[type="submit"],.formbody input[type="button"],.back a{
display:inline-block;
padding:0.4em 1em;
cursor:pointer;
border-radius:6px;
border:none;
border:1px solid #ccc;
color:#fff;
text-decoration:none;
font-size:14px;
background:#356B29;
}
.formbody input[type="submit"]:hover,.formbody input[type="button"]:hover{
background:#5BB647;
}
.Alert{
text-align:center;
padding:20px 0;
}
.Certify{
text-align:center;
padding:20px 0;
}
.formthanks{
}
.type_radio, .type_check{
display:block;
}

.tbl1{
border-collapse:collapse;
width:90%;
margin:0 0 16px 5%;
}
.tbl1 th{
background:#efefef;
padding:10px;
border:1px solid #ccc;
text-align:center;
}
.tbl1 td{
padding:10px;
border:1px solid #ccc;
text-align:center;
}
input,textarea{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", 
"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.tbl1 .full{
display:none;
}
.tbl1 .yoyaku0 .full{
display:block;
color:#f30;
}
.tbl1 .yoyaku0 input{
display:none;
}


/* 年間行事
------------------------------- */
.event .main{
width:auto;
float:none;
}
.event .tit_event{
padding:0px 0 30px;
text-align:center;
}
.event .txt_event{
padding:0 0 30px;
text-align:center;
font-size:16px;
}
.event .seazon{
padding:40px 0 20px 130px;
margin:0 0 60px;
position:relative;
-webkit-border-radius:10px;
border-radius:10px;
behavior: url("/js/PIE.htc");
position:relative;
}
.event .seazon:after{
content:"";
display:block;
clear:both;
}
.event #spring{
background-color:rgba(255,221,221,0.8);
}
.event #summer{
background-color:rgba(209,252,214,0.8);
}
.event #autumn{
background-color:rgba(251,228,181,0.8);
}
.event #winter{
background-color:rgba(179,241,255,0.8);
}
.event .seazon h3{
position:absolute;
margin:0;
padding:0;
background:none;
top:-15px;
left:20px;
z-index:1;
}
.event .seazon h3:before{
content:normal;
}
.event .seazon section{
width:240px;
float:left;
margin:0 60px 0 0;
position:relative;
}

.event .seazon section:last-child{
margin:0;
}
.event .seazon h4{
margin:0;
padding:0;
background:none;
position:absolute;
}
.event #month4 h4{top:196px;left:-28px;}
.event #month5 h4{top:188px;left:0px;}
.event #month6 h4{top:196px;left:-22px;}
.event #month7 h4{top:196px;left:-30px;}
.event #month8 h4{top:196px;left:-16px;}
.event #month9 h4{top:196px;left:-24px;}
.event #month10 h4{top:196px;left:-34px;}
.event #month11 h4{top:196px;left:-50px;}
.event #month12 h4{top:196px;left:-32px;}
.event #month1 h4{top:196px;left:-50px;}
.event #month2 h4{top:196px;left:-44px;}
.event #month3 h4{top:196px;left:-42px;}


.event .seazon .img{
margin:0 0 30px;
height:180px;

}
.event .seazon .img img{
width:240px;
}
.event .seazon .txt{
padding:0 0 0 100px;
min-height:64px;
font-size:14px;
line-height:1.3;
color:#333;
}
.event #monthly_event li,.event #monthly_event p{
background:url(../gazou/cont/i_chulip.png) no-repeat 0 0;
margin:0 0 16px 30px;
padding:0 0 0 30px;
font-size:16px;
}

/* ギャラリー
------------------------------- */
.gallery .main{
width:auto;
float:none;
}
.gallery h3 .date{
font-size:14px;
color:#333;
display:online-block;
margin:0 0 0 1em;
}
.index_gallery .catch{
font-size:16px;
color:#333;
text-align:center;
margin:0 0 60px;
}
.index_gallery ul:after{
content:"";
display:block;
clear:both;

}
.index_gallery li{
width:300px;
float:left;
margin-right:50px;
margin-bottom:60px;
font-size:16px;
color:#333;
text-align:center;
}
.index_gallery li:nth-child(3n){
margin-right:0;
}
.index_gallery li:nth-child(3n+1){
clear:both;
}
.index_gallery li .img{
margin:0 0 12px;
height:224px;
overflow:hidden;
display:block;
}
.index_gallery li .img img{
max-width:100%;
}
.index_gallery li .tit{
margin:0 0 12px;
line-height:1.2;
display:block;
}
.index_gallery li .btn1{
padding:8px 40px;
}
.index_gallery li .btn1:after{
content:normal;
}
.detail_gallery h3{
position:relative;
padding-left:70px;
}
.detail_gallery h3:before{
content:url(../gazou/share/i_tree.png);
position:absolute;
bottom:0;
left:10px;
}
.detail_gallery .txt_gallery{
font-size:16px;
color:#333;
margin:0 16px 60px;
line-height:2;
}
.detail_gallery .txt_click{
text-align:right;
font-size:16px;
color:#333;
margin:0 0 20px;
}
.detail_gallery li{
width:300px;
float:left;
margin-right:50px;
margin-bottom:60px;
font-size:16px;
color:#333;
}
.detail_gallery li:nth-child(3n){
margin-right:0;
}
.detail_gallery li:nth-child(3n+1){
clear:both;
}
.detail_gallery li a{
display:block;
color:#333;
line-height:1.2;
}
.detail_gallery li .photo{
margin:0 0 12px;
height:224px;
overflow:hidden;
display:block;
}
.detail_gallery li .photo img{
max-width:100%;
}
.detail_gallery li .cap{
display:block;
}
.detail_gallery .btn{
text-align:center;
margin:0 0 60px;
}
.detail_gallery .btn .btn1{
padding:8px 40px;
}
.detail_gallery .btn .btn1:after{
content:normal;
}
.detail_gallery ul:after{
content:"";
display:block;
clear:both;
}

/* 一日の流れ
------------------------------- */
.day .main{
width:auto;
float:none;
}
.txt_day{
padding: 0 0 30px;
text-align: center;
font-size: 16px;
}
#day_list li,#day_list dd{
height:46px;
position:relative;
border-top:2px solid transparent;
border-bottom:2px solid transparent;
}
#day_list .time5,#day_list .time8,#day_list .time10{
height:230px;
}
#day_list .day_time .time14{
height:58px;
}
.day_time{
width:100px;
float:left;
margin:0 20px 0 0;
padding:56px 0 0;
}

.day_time time{
background:#AA6A3E;
color:#fff;
display:block;
text-align:center;
font-size:20px;
height:26px;
line-height:26px;
margin:10px 0 0;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url("/js/PIE.htc");
position:relative;
}

.day_flow{
width:280px;
float:right;
margin:0 0 0 20px;
text-align:center;
}
#day0001{
margin:0;
}
#day_list .cont h3{
background:none;
}
#day_list .day_flow h3,.day_flow ul,.day_flow dl{
background-image:url(../gazou/cont/bg_day.png);
}
#day0001 h3,#day0001 ul,#day0001 dl{background-color:#FDCBC0;}
#day0002 h3,#day0002 ul,#day0002 dl{background-color:#C7E5FF;}
#day0003 h3,#day0003 ul,#day0003 dl{background-color:#FDE9AE;}
.day_flow h3{
margin:0;
padding:9px 0;
-webkit-border-radius: 28px 28px 0 0;
border-radius: 28px 28px 0 0;
behavior: url("/js/PIE.htc");
position:relative;
}
.day_flow h3:before{
content:normal;
}
.day_flow ul{
-webkit-border-radius: 0 0 28px 28px;
border-radius: 0 0 28px 28px;
behavior: url("/js/PIE.htc");
position:relative;
padding:0 0 6px;
}
.day_flow dl{
-webkit-border-radius:28px;
border-radius:28px;
behavior: url("/js/PIE.htc");
position:relative;
padding:12px 0 6px;
}
.day_flow dt{
position:absolute;
background:url(../gazou/cont/line1.png) no-repeat center;
top:-13px;
left:0;
width:100%;
}
.day_flow dt span{
background:#AA6A3E;
display:inline-block;
height:26px;
line-height:30px;
padding:0 16px;
color:#fff;
font-size:16px;
font-weight:bold;
}
#day_list .day_flow li,#day_list .day_flow dd{
border-bottom:2px solid rgba(255,255,255,0.5);
}
#day_list .day_flow li:last-child,#day_list .day_flow dd:last-child{
border-bottom:2px solid transparent;
}

.day_flow .txt{
display:block;
height:46px;
line-height:46px;
font-size:16px;
}
#day_list .img{
height:170px;
width:260px;
display:block;
overflow:hidden;
margin:0 auto;
}
#day_list .img img{
height:170px;
width:auto;
}
#day_list .time5 .img{
background:url(../gazou/cont/bg_day3_1.png) no-repeat center top;
}
#day_list .time8 .img{
background:url(../gazou/cont/bg_day1_2.png) no-repeat center top;
}
#day_list .time10 .img{
background:url(../gazou/cont/bg_day1_3.png) no-repeat center top;
}

#day_list li:before,#day_list dd:before{
position:absolute;
z-index:1;
}
#day0001 .time16:before{
content:url(../gazou/cont/i_childminder.png);
top:0;
left:24px;
}
#day0002 .time7:before{
content:url(../gazou/cont/i_fork.png);
top:0;
left:30px;
}
#day0002 .time13:before{
content:url(../gazou/cont/i_bucket.png);
top:10px;
left:18px;
}
#day0002 .time15:before{
content:url(../gazou/cont/i_clover3.png);
top:20px;
right:22px;
}
#day0003 .time6:before{
content:url(../gazou/cont/i_meal.png);
top:20px;
left:10px;
}
#day0003 .time11:before{
content:url(../gazou/cont/i_apple.png);
top:4px;
right:18px;
}


/* 今日の給食
------------------------------- */
.kyushoku .list_kyushoku{
background:url(../gazou/share/bg_cork1.jpg);
padding:30px 32px;
margin:0 0 30px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url("/js/PIE.htc");
position:relative;
}
.kyushoku .list_kyushoku:before{
content:url(../gazou/share/i_pin.png);
position:absolute;
left:42px;
top:22px;
z-index:1;
}
.kyushoku .list_kyushoku:after{
content:url(../gazou/share/i_pin.png);
position:absolute;
right:42px;
top:22px;
z-index:1;
}
.kyushoku .list_kyushoku section{
background:#fff;
padding:15px 0 15px 18px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url("/js/PIE.htc");
position:relative;
}
.kyushoku .list_kyushoku section:after{
content:"";
display:block;
clear:both;
}
.kyushoku .list_kyushoku h3{
background:url(../gazou/top/tit_date.png) no-repeat center;
font-size:20px;
color:#000;
font-weight:bold;
text-align:center;
padding:40px 0;
width:234px;
float:left;
margin:0 32px 0 0;
}
.kyushoku .list_kyushoku h3:before{
content:none;
}
.kyushoku .list_kyushoku li{
float:left;
width:150px;
margin:0 24px 0 0;
}
.kyushoku .list_kyushoku li img{
max-width:100%;
height:auto;
}
.kyushoku .list_kyushoku .btn{
float:right;
width:268px;
line-height:1;
padding:30px 0 0;
text-align:left;
}
.kyushoku .list_kyushoku .btn a{
padding:18px 40px 18px 80px;
}
.kyushoku .list_kyushoku .btn a span{
display:none;
}
.kyushoku .list_kyushoku .btn a:before{
content:url(../gazou/top/i_kyushoku.png);
position:absolute;
left:22px;
top:50%;
margin:-20px 0 0;
}

#youjisyoku, #rinyusyoku, #oyatsu{
margin-bottom:30px;
}
#youjisyoku img, #rinyusyoku img, #oyatsu img{
margin-bottom:10px;

}