@charset "UTF-8";

/* =======================================

	Common CSS

========================================== */
body{ background:url(/shared/img/bg.jpg) repeat !important; margin:0px; padding:0px;font-size:100%;text-align:center;  color: #323232 !important;}
#wrapper{margin: 0 auto; text-align:left; font-size:90%; line-height:1.7; padding: 0; background: #fff; max-width: 960px !important;}
#wrapper a{ text-decoration: none; color: #323232;}
#wrapper a:hover{ text-decoration: underline;}

.pageup{text-align:right; font-size: 100%; padding: 50px 0;}
.pageup a{ color:#3290E4 !important; text-decoration:underline !important;}
.pageup a:hover{ text-decoration:none !important;}

.pageup02{text-align:right; font-size: 100%; padding: 10px 0;}
.pageup02 a{ color:#3290E4 !important; text-decoration:underline !important;}
.pageup02 a:hover{ text-decoration:none !important;}


.topic_path{margin:0px; padding:0 0px 20px 0; font-size:90%;}
.topic_path li{ float: left;}
.topic_path li a{ text-decoration: underline !important;}
.topic_path li a:hover{ text-decoration: none !important;}

.pc_mt20{ margin-top: 20px;}

/* =======================================

	Header

========================================== */




/* =======================================

	Global Navi

========================================== */

@-webkit-keyframes bugfix {
  from {padding: 0;}
  to {padding: 0;}
}
@media screen and (min-width: 800px) {
body { -webkit-animation: bugfix infinite 1s;}
.animenu > ul:after {
  content: "";
  display: table;
  clear: both;
}


#global { width: 100%;}
.animenu { width: 100%;/*font: bold 13px Arial, Helvetica;*/}
.animenu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.animenu a{ color: #fff !important;}
.animenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
	width: 100%;
}
.animenu li { position: relative;}
.animenu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu li:hover > a { color: #fff;}
.animenu input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.animenu label {
  display: none;
  cursor: pointer;
  user-select: none;
}

.animenu > ul {
  border: 1px solid #DCDCDC;
	background: rgb(220,220,220); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(220,220,220,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(26%,rgba(255,255,255,1)), color-stop(95%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(220,220,220,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(220,220,220,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(220,220,220,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 95%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(220,220,220,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	
.animenu > ul > li { float: left; border-right: 1px dashed #78643C; text-align:center; 	padding: 2% 0; font-size: 105%;}

.animenu li:hover > a {
  color: #036EB8 !important;
}

.animenu > ul a {
  color: #646464 !important;
  text-decoration: none;
}
.animenu > ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background: #fff;
  background-image: none;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  -o-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
	-webkit-box-shadow: 3px 5px 5px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    3px 5px 5px rgba(50, 50, 50, 0.7);
	box-shadow:         3px 5px 5px rgba(50, 50, 50, 0.7);
	border: 1px solid #9C9C9C;
	opacity:0.9 !important;filter: alpha(opacity=90) !important; -moz-opacity:0.9 !important;
	padding: 0 1em 0.8em;
}
.animenu > ul ul li { display: block !important; text-align:left; font-size: 90%; padding: 0.8em 0 0;}
.animenu > ul ul li:first-child > a:before {
border:10px solid transparent;
border-bottom-color:#fff;
border-top-width:0;
top:-9px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}
.animenu > ul ul li:first-child > a:after {
border:10px solid transparent;
border-bottom-color:#393939;
border-top-width:0;
top:-10px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}

.animenu > ul ul a {
  display: block;
}

.animenu > ul ul a:hover {
	text-decoration: underline;
}
/*
nav ul li.nav01{ width: 25%;}
nav ul li.nav02{ width: 13.54166%;}
*/
nav ul li.nav01{ width: 20%;}
nav ul li.nav02{ width: 18.54166%;}
nav ul li.nav03{ width: 24.79166%;}
nav ul li.nav04{ width: 18.54166%;}
nav ul li.nav05{ width: 18.125%; border-right: none !important;}
nav ul li.nav02 ul{ width: 160%;}
nav ul li.nav04 ul{ width: 130%;}
nav ul li.nav05 ul{ width: 110%;}


nav p{ display: none;}
nav .close{ display: none;}

}

@media screen and (max-width: 799px) {
 
header #navi{ display: none;}
 
nav p img{ display:block !important; margin:auto; padding: 0 0 5px 0;}
nav p{
    -moz-box-sizing: border-box;
    background: linear-gradient(#FFFFFF, #F7F8F8) repeat rgba(0, 0, 0, 0);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
    border: 1px solid #eee;
    border-radius: 6px;
    box-shadow: 0 0 1px #FFFFFF;
    color: #3290E4;
    font-size: 92%;
    padding-top: 10px;
    position: absolute;
    right: 5%;
    text-align: center;
    top: 10px;
    width: 66px;
		height: 55px;
		display:block !important;
}

#accordion{ display: none; box-shadow: 2px 3px 2px rgba(0,0,0,.2); z-index: 100; position: absolute; width: 100% ; 
border-top: 1px solid #779742; border-bottom: 1px solid #779742;}

#accordion > li{ padding: 0; border-right: 1px solid #779742; border-left: 1px solid #779742; font-weight: bold; text-align: center;
filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; background:-moz-linear-gradient(top,  rgba(200,229,207,1) 14%, rgba(154,199,167,1) 89%);
background:-webkit-gradient(linear,(top,  rgba(200,229,207,1) 14%,rgba(154,199,167,1) 89%));
background-repeat:no-repeat;
background-position:95% center; background: #87bb94;}

#accordion li a{ display: block; position:relative; color: #fff; text-decoration:none; padding: 10px 0;
border-bottom: 1px solid #5F7F66;}
#accordion > li.close{ font-weight: bold; text-align: center; color: #fff; background: #87bb94; padding: 10px 0; filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
#accordion > li:first-child > a{ border-top: 0px;}
#accordion > li a:before { position: absolute; top: 50%; left: 15px; color: #2f7f99; margin-top: -10px; text-shadow: 1px 1px 0px rgba(255,255,255,.7);}
#accordion li a:hover{ background: #87bb94; border-top-color: #c7e4ee; text-decoration:none; filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
.arrow{ position:absolute; top: 50%; right: 8%; width: 15px; height: 15px; line-height: 1; text-shadow: 0 -1px 0px rgba(0,0,0,.3); margin-top: -15px;}
.arrow:before{ content: url(/shared/img/sp_arrow.png); position:absolute; top: 60%;}
#accordion li ul { background: #ffffff; margin: 0; padding: 0;}
#accordion li ul li a{ position:relative; background: none; line-height: 1; padding: 15px 30px; color: #646464; font-size: 90%; text-align:left; border-bottom: none; text-shadow: 0 !important;}
#accordion li ul li a:before { content: '▶'; color: #646464; font-size: 70%; padding: 5px 0 0 0;}
#accordion li ul li:first-child a{ border-top: 0px; box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;}
#accordion li ul li:last-child a{ border-bottom: 1px solid #779742;}
#accordion li ul li a:hover{ background: #d4ebf2; border-top-color: #eef7fa;}

 
}

/* =======================================

	TOP 
	
========================================== */

/* Main */
.top .main{ padding-bottom: 30px; background:url(/shared/img/nav_bg.png) bottom repeat-x;}
.top .main img{ height: auto; width: 100%; min-width: 100%; position:relative; z-index: 0;}
.top .icon{ margin-right: 15px; vertical-align:middle;}


.top #contents{ padding: 0 80px;}
.top .news{ width: 60%; float: left; 
-webkit-box-shadow: 1px 2px 3px 0px rgba(80, 80, 80, 0.4);
-moz-box-shadow:    1px 2px 3px 0px rgba(80, 80, 80, 0.4);
box-shadow:         1px 2px 3px 0px rgba(80, 80, 80, 0.4);}
.top .news h2{ border: 1px solid #A3967B; border-radius: 6px 6px 0 0; color: #fff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); padding: 5px 5px;
font-size: 125%; letter-spacing: 1px;}
.top .news ul{ padding: 15px 20px 15px;}
.top .news li{ border-bottom: 1px solid #78643C; padding: 10px 0;}
.top .news li .date{ width: 130px; float: left;}
.top .news li .text{ zoom: 1; overflow:hidden;}
.top .news .more{ text-align: right; padding: 0 20px 15px 0;}
.top .news .more a{ color: #956464;}

.top .btn{ width: 35%; float: right;}
.top .btn li{ padding: 15px 15px 15px 65px; margin-bottom: 6px; font-size: 120%; text-indent: -50px;font-weight: bold; letter-spacing: 1px; line-height: 100%;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(232,232,206,1) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8ce',GradientType=0 ); /* IE6-9 */
border-radius: 6px 6px 6px 6px;
border: 1px solid #cdc6b6;}
.top .btn li.bg_color01{ border-top: 8px solid #FDE100;}
.top .btn li.bg_color02{ border-top: 8px solid #65C03A;}
.top .btn li.bg_color03{ border-top: 8px solid #E8053B;}




/* =======================================

	Sub 
	
========================================== */

.sub .section{ margin-top: 60px;}

/* 見出し */
.sub .cat{ background: #5f7f66; border-bottom: 8px solid #31442e; padding: 15px 15px; color: #fff; font-size: 125%; letter-spacing: 2px;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
-o-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
margin-bottom: 25px;
}
.sub .cat strong{ background: url(/shared/img/title_icon.gif) no-repeat left; padding: 3px 0 5px 25px; vertical-align:middle;}
.sub .pagetitle{ background: #F5F0E4; border-bottom: 1px solid #036EB8; padding: 5px 15px; color: #3E3A39; font-size: 120%; letter-spacing: 2px; margin-bottom: 20px;}
.sub .pagetitle02{ font-size: 125%; color: #036EB8; border-bottom: 2px solid #036EB8; margin-bottom: 20px;}
.sub .pagetitle03{ background: #F5F0E4; margin-bottom: 10px; padding: 5px 10px;}
.sub .pagetitle04{ font-size: 125%; border-bottom: 2px solid; margin-bottom: 20px;}

/* List */
.sub .list_style01{ padding: 0 10px; margin-bottom: -10px;}
.sub .list_style01 li{ margin-bottom: 10px;}
.sub .list_style01 a{ color: #036EB8; text-decoration: underline !important;}
.sub .list_style01 a:hover{ text-decoration: none !important;}

.sub .list_style02{ padding: 0 10px; margin: 0 0 -10px -50px;}
.sub .list_style02 li{ margin: 0 0 10px 50px; float: left;}
.sub .list_style02 a{ color: #036EB8; text-decoration: underline !important;}
.sub .list_style02 a:hover{ text-decoration: none !important;}


/* Icon */
.sub #contentbox .pdf{ background: url(/shared/img/icon_pdf.gif) no-repeat left; padding: 5px 0 0 30px;}
.sub #contentbox .excel{ background: url(/shared/img/icon_excel.gif) no-repeat left; padding: 5px 0 0 30px;}
.sub #contentbox .word{ background: url(/shared/img/icon_word.gif) no-repeat left; padding: 5px 0 0 30px;}
.sub #contentbox .zip{ background: url(/shared/img/icon_zip.gif) no-repeat left; padding: 5px 0 0 30px;}
.sub #contentbox .kousha li { background: url(/shared/img/kousha.jpg) no-repeat left; padding: 30px 0 30px 90px; margin: 0 0 0 20px;}
.sub #contentbox .pdf_back{ background: url(/shared/img/icon_pdf.gif) no-repeat right; padding: 5px 25px 0 0;}

/* History*/
table.style01 th,table.style01 td{ border-bottom: 1px dashed #2EA7E0; padding: 15px 0 2px 0; vertical-align:middle;}
table.style01 td{ padding-left: 15px;}

/* Organize */
table.style02{ border-top: 1px solid #C4AE8F; border-left: 1px solid #C4AE8F; padding: 15px 0 2px 0; }
table.style02 th,table.style02 td{ border-right: 1px solid #C4AE8F; border-bottom: 1px solid #C4AE8F; padding: 15px 0; vertical-align:middle;}
table.style02 th{ background: #F3E3CA; padding-left: 10px; padding-right: 10px; width: 20%;}
table.style02 td.cell01{ text-align:center; width: 12%;}
table.style02 td.cell02{ padding-left: 15px;}

/* outline */
table.style03{ border-top: 1px solid #C4AE8F; border-left: 1px solid #C4AE8F; padding: 15px 0 2px 0; }
table.style03 th,table.style03 td{ border-right: 1px solid #C4AE8F; border-bottom: 1px solid #C4AE8F; padding: 15px 0; vertical-align:middle;}
table.style03 th{ background: #F3E3CA; padding: 15px 10px; width: 20%;}
table.style03 td{ padding: 15px;}


table.style04 th,table.style04 td{ border-bottom: 1px dashed #2EA7E0; padding: 20px 0 2px 0; vertical-align:middle;}
table.style04 td{ padding-left: 15px;}
table.style04 th{ width: 20%;}


/* Q&A */
.qa .list_q{ border: 1px solid #78643C; padding: 20px 15px; border-radius: 6px 6px 6px 6px;}
.qa .icon_q{ margin-bottom: 10px;}
.qa .icon_q span {background:url(/shared/img/anzen/icon_q.gif) no-repeat; display:block; width: 32px; text-align:center; float: left;
line-height: 32px; color: #fff; margin-right: 10px;}
.qa .icon_q p{ line-height: 1.5; padding-top: 5px; zoom: 1; overflow:hidden; color: #036EB8;}
.qa .icon_q a{ color: #036EB8 !important;}

.qa .answer{ background:#FBF6F5; padding: 0 15px 15px; margin-top: 25px;}
.qa .icon_a{ background:url(/shared/img/anzen/icon_a.gif) no-repeat; display:block; width: 42px; font-size: 90%; letter-spacing: 1px; 
text-align:center; color: #fff; position: relative; top: -10px; left: -5px; height: 25px; margin-bottom: -5px;}
.qa section{ margin-top: 40px;}
.qa section .icon_q{ padding: 0 10px;}
.qa ol.num li{list-style-type: decimal; zoom: normal; margin: 0 0 10px 20px;}

/* SchoolActivityNavi (2018/2 besco追加) */
.activity_navi{ margin-right: -4%; margin-bottom: -3%;}
.activity_navi li{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(232,232,206,1) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8ce',GradientType=0 ); /* IE6-9 */
border-radius: 15px 15px 15px 15px ;
border: 2px solid #87cefa;
padding: 15px 0;
width: 45%; float: left; height: 300px; margin-right: 4%; margin-bottom: 3%; position:relative;
}
.activity_navi li h2{ width: 90%; margin:auto; font-weight: bold; color: #2E2E2E; font-size: 120%; letter-spacing: 2px; text-align: center;}
.activity_navi li p{ margin-top: 10px; padding: 0 15px;}
.activity_navi li img{width: 75%;}
.img_size img{width: 97% !important;}

/* Syokuiku */
.btn_style01{ margin-right: -4%; margin-bottom: -3%;}
.btn_style01 li{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(232,232,206,1) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(232,232,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8ce',GradientType=0 ); /* IE6-9 */
border-radius: 6px 6px 6px 6px;
border-right: 1px solid #78643C;
border-left: 1px solid #78643C;
border-bottom: 1px solid #78643C;
border-top: 10px solid #F39800;
padding: 15px 0;
width: 45%; float: left; height: 145px; margin-right: 4%; margin-bottom: 3%; position:relative;
}
.btn_style01 li h2{ width: 90%; margin:auto; border-bottom: 1px dashed #F39800; color: #F39800; font-weight: bold; font-size: 105%; letter-spacing: 2px; text-align: center;}
.btn_style01 li p{ margin-top: 10px; padding: 0 15px;}
.style_none{ border: none !important; background: none !important; padding: 0!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */}




/* adv */
.img_right_section .text{ width: 55%; float: left; margin: 0 10px 0 5px;}
.img_right_section .img{ zoom: 1; overflow:hidden; margin-right: 5px; text-align: right;}
.img_right_section .img img{height: auto; max-width: 100%; width: auto;}

.img_right_section02{ margin-right: 0;}
.img_right_section02 .text{ margin: 0 0 10px 5px; display:block;}
.img_right_section02 .img{ text-align:center;}
.img_right_section02 .img img{height: auto; max-width: 100%; width: 32%; display:inline-block; margin-right: 5px;}

.img_right_section03{ margin-right: 0;}
.img_right_section03 .img{ text-align:center;}
.img_right_section03 .img img{height: auto; max-width: 100%; width: 30%; display:inline-block; margin-right: 5px;}



/* juku */
.img_left_section{ padding: 0 5px;}
.img_left_section .img{ float: left; margin-right: 15px;}
.img_left_section .img img{height: auto; max-width: 100%; width: auto;}
.img_left_section .text{ zoom: 1; overflow:hidden;}


/* Kondate */
.kondate .block{ margin-right: -25px;}
.kondate .block li{ width: 28%; margin-right: 25px; float: left;}
.kondate .block li img{ display:block; margin: 0 auto 5px;}

/* Print */
.print #wrapper{ padding: 20px;}

/* Faq */
.faq a{ text-decoration:underline !important;}
.faq a:hover{ text-decoration: none!important;}
.faq section{ margin-top: 30px;}


/* 給食会からのお知らせ */
.list_info th,.list_info td{ padding-bottom: 5px;}
.list_info p{ display:inline-block;}
.list_info .date{ width: 114px;}
.list_info .icon{ padding-right: 15px;}
.list_info .icon img{ vertical-align:middle;}
.list_info ul{ display:block !important; padding: 5px 0;}
.list_info ul a{ color:#036EB8 !important; text-decoration: underline !important;}
.list_info ul li{ margin-bottom: 5px;}

.list_info02 th,.list_info02 td{ padding-bottom: 15px;}

.list_info03 th{ padding-right: 15px;}
.list_info03 th,.list_info03 td{ padding-bottom: 5px;}

.list_info04 th{ padding-right: 15px;}
.list_info04 th,.list_info04 td{ padding-bottom: 5px;}

.list_info05 th{ padding-right: 20px;}
.list_info05 th,.list_info05 td{ padding-bottom: 15px;}






/* Sitemap */
.sitemap .lbox{ width: 46%; float: left;}
.sitemap ul{ padding: 0 10px;}
.sitemap ul li.title{ background:url(/shared/img/icon_arrow01.gif) no-repeat left; padding-left: 15px; margin-bottom: 10px;}
.sitemap ul li.title02{ background:url(/shared/img/icon_arrow01.gif) no-repeat left top; padding-left: 15px; margin-bottom: 10px;}
.sitemap ul ul{ margin-bottom: 15px;}
.sitemap ul li li{ background:url(/shared/img/icon_arrow02.gif) no-repeat left top; padding-left: 15px; margin-bottom: 5px;}
.sitemap ul li li.line02{ background:url(/shared/img/icon_arrow02.gif) no-repeat left top; padding-left: 15px; line-height: 1.5;}
.sitemap ul .pagename{ border-bottom: 1px dashed #B2AF9D; background:url(/shared/img/icon_arrow01.gif) no-repeat left top; padding: 0px 0 2px 15px; margin-bottom: 10px;}
.sitemap .rbox{ width: 46%; float: right;}

/**/
.block{ display:block;}

/* 20140401 renew */
.ymb{
	font-weight: bold;
}
.nyusatu{
	padding-bottom: 10px;
}

/* 吹き出し(2018/2 besco追加) */
.balloon {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 14px;
	background: #FFF;
 	border: solid 1px #555;
 	box-sizing: border-box;
 	border-radius: 15px;
}
.balloon:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
 	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}
.balloon:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -22px;
 	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 12px solid #555;
 	z-index: 1;
}
.balloon p {
	margin: 0;
	padding: 0;
}

/* 親子料理教室ボックス(2018/2 besco追加) */
.intro{
    min-height: 120px;
    display: block;
}
.oyakoInfo {
    display: flex;
    border-radius: 15px 15px 15px 15px ;
    max-width: 600px;
    min-height: 60px;
    margin: 0 auto;
    height: auto;
    border: solid #000000 2px;
    align-items: center;
    }
.oyakoInfo img{
        max-width: 120px;
        float: left;
}
.oyakoInfo li{
    margin: 0.5em 0 0.5em 0;
}

/* 学校給食の献立紹介(2018/2 besco追加) */
.gakko h2{
    font-size: 125%;
    border-bottom: 2px solid;
    margin: 20px 0 20px 0;
}
.gakko ul{
    padding: 0;
    margin: 0;
    width: 100%;
    text-indent: 1em;
    list-style: disc;
    color: gray;
}
.gakko ul li{
    padding: 0;
    margin: 0;
    float: left;
    width: 50%
}
.gakko a:hover {
  text-decoration: underline;
  }