@charset "utf-8";

/*-- reset --*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
img, fieldset {border: 0;}

/*img {max-width: 100%;height: auto;}*/

html>/**/ /*body img{width: auto;}	*/ /* ie8 */


/*-- default --*/
body { background: #fff; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*body {background: #fff; font: 0.9em/150% Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color: #1F1B1B;line-height:1.2;}*/
a {color: #00218C; /*outline:none;*/}
a:hover, a:focus, a:active { /*text-decoration: underline;*/}
p {margin: 0 0 1em;padding: 0;}
pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
}
/* list */
ul, ol {margin:0;padding: 0;}
li {margin: 0 0 0.3em 0;padding: 0;}
/* headings */
h1, h2, h3, h4, h5, h6{line-height:1.2;margin: 30px 0 .4em;}
h1 {margin-top:0;/*font-size: 1.5em;padding:10px 10px 3px 20px;color: #1F1B1B; background:url(../images/h1_back.png) bottom repeat-x;border-bottom:3px solid #096F0C;border-left:5px solid #096F0C;*/}
h2,h3 {font-size: 1.2em;}

h4 {font-size: 1.1em;}
h5,h6 {font-size: 1em;}
hr{margin:1em auto;border-top:none;border-left:none;border-right:none;border-bottom:#7C7A87 1px dotted;}
/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
*+html .clearfix{ display:inline-block; } /* IE7 */
.clearfix { display: inline-block; }
.clearfix { display: block; }


.pagewrap{width: 780px;margin: 0 auto;font-size:0.95em;}
.back_navi{
	background-image: url(../images/navi_back_l.png);
	background-repeat:repeat-x;
	background-position: center;}

/*--------------------------------------------
  header 
--------------------------------------------*/
#header {position: relative; height:70px;}
#site-logo {/*position: absolute;*/margin:10px 0 10px 0;float:left;display:block;}
/*#site-logo a {font-size: 2.2em;text-decoration: none;color: #2D2C30;line-height:1.7;}
#site-logo .subtext{font-size: 1.2em;}*/
#header-item{/*clear:both;margin-bottom: 10px;*/width:430px;float:right;}
#header-item .itemtitle{float:right;margin:auto;}
#header-item .searchbox{float:right;line-height:0;margin-top:22px;width:250px;}
#header-item form{float:right;}
#header-item input{margin:auto 0;}

/* fontsize change */
.fontM {font-size: 100%;}
.fontS {font-size: 80%;}
.fontL {font-size: 130%;}

.fontChangetext{display:none;}
#fontChange {
	float: left;
	margin:22px 0px 0px;
	padding:0px;
	background:url(../images/bg_fontsize.gif) left center no-repeat;
	padding-left:65px;
	}
#fontChange ul{margin-left:10px;}
#fontChange li {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin:0px 0px 0px 5px;
	padding: 0px;
	text-align: center;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	text-align: center;
	cursor: pointer;
}
#fontChange li#fontL {background:url(../images/font_l.gif) no-repeat left;}
#fontChange li#fontM {background:url(../images/font_m.gif) no-repeat left;}
#fontChange li#fontS {background:url(../images/font_s.gif) no-repeat left;}
#fontChange li.text {width: auto;float: left;display: block;color: #333333;background: #fff;border: none;}
#fontChange li#fontL:hover {background:url(../images/font_l_on.gif) no-repeat left;cursor: pointer;}
#fontChange li#fontM:hover {background:url(../images/font_m_on.gif) no-repeat left;cursor: pointer;}
#fontChange li#fontS:hover {background:url(../images/font_s_on.gif) no-repeat left;cursor: pointer;}
#fontChange li.text:hover {background: none;color: #000000;cursor: auto ;}
#fontChange li#fontL.active {background:url(../images/font_l_on.gif) no-repeat left;cursor: pointer;}
#fontChange li#fontM.active {background:url(../images/font_m_on.gif) no-repeat left;cursor: pointer;}
#fontChange li#fontS.active {background:url(../images/font_s_on.gif) no-repeat left;cursor: pointer;}


/* global navi */
#main-nav {clear:both;height:39px;margin:0;padding:0;display:block;position: relative;background:url(../images/navi_back.png) repeat-x;}
#main-nav li {margin: 0;padding: 0;list-style: none;float: left;position: relative;}
#main-nav li a span{display:none;}
#main-nav li a{height:39px;display: block; font-size:90%;}

#main-nav .nav_menu1 a{ width:110px;background:url(../images/navi_cc.png) 0 0 transparent;}
#main-nav .nav_menu2 a{ width:124px;background:url(../images/navi_cc.png) -110px 0 transparent;}
#main-nav .nav_menu3 a{ width:147px;background:url(../images/navi_cc.png) -234px 0 transparent;}
#main-nav .nav_menu4 a{ width:120px;background:url(../images/navi_cc.png) -381px 0 transparent;}
#main-nav .nav_menu5 a{ width:146px;background:url(../images/navi_cc.png) -501px 0 transparent;}
#main-nav .nav_menu6 a{ width:132px;background:url(../images/navi_cc.png) -647px 0 transparent;}
#main-nav .nav_menu1 a:hover,#main-nav .nav_menu1 a:focus{ background-position:0 -78px;}
#main-nav .nav_menu2 a:hover,#main-nav .nav_menu2 a:focus{ background-position:-110px -78px;}
#main-nav .nav_menu3 a:hover,#main-nav .nav_menu3 a:focus{ background-position:-234px -78px;}
#main-nav .nav_menu4 a:hover,#main-nav .nav_menu4 a:focus{ background-position:-381px -78px;}
#main-nav .nav_menu5 a:hover,#main-nav .nav_menu5 a:focus{ background-position:-501px -78px;}
#main-nav .nav_menu6 a:hover,#main-nav .nav_menu6 a:focus{ background-position:-647px -78px;}
#main-nav .nav_menu1 a.active{ background-position:0 -39px;}
#main-nav .nav_menu2 a.active{ background-position:-110px -39px;}
#main-nav .nav_menu3 a.active{ background-position:-234px -39px;}
#main-nav .nav_menu4 a.active{ background-position:-381px -39px;}
#main-nav .nav_menu5 a.active{ background-position:-501px -39px;}
#main-nav .nav_menu6 a.active{ background-position:-647px -39px;}


#main-nav .nav_menu1 ul li,#main-nav .nav_menu2 ul li,#main-nav .nav_menu3 ul li,#main-nav .nav_menu4 ul li,#main-nav .nav_menu5 ul li,#main-nav .nav_menu6 ul li{ background-image:none;  background-color:#fbfbfb;}

#main-nav .nav_menu1 ul li a,#main-nav .nav_menu2 ul li a,#main-nav .nav_menu3 ul li a,#main-nav .nav_menu4 ul li a,#main-nav .nav_menu5 ul li a,#main-nav .nav_menu6 ul li a{
  background-image:none;
  font-size:80%;
  padding: 8px;
  text-align: left;
  font-weight: normal;
  text-decoration:none;
  color:#1F1B1B;
  height:auto;
  width:200px;
}

#main-nav .nav_menu1 ul li a:hover,#main-nav .nav_menu1 ul li a:focus,
#main-nav .nav_menu2 ul li a:hover,#main-nav .nav_menu2 ul li a:focus,
#main-nav .nav_menu3 ul li a:hover,#main-nav .nav_menu3 ul li a:focus,
#main-nav .nav_menu4 ul li a:hover,#main-nav .nav_menu4 ul li a:focus,
#main-nav .nav_menu5 ul li a:hover,#main-nav .nav_menu5 ul li a:focus,
#main-nav .nav_menu6 ul li a:hover,#main-nav .nav_menu6 ul li a:focus{background: #FFFEEB;  z-index:100;}


#main-nav li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;

}

#main-nav li:last-child ul{
  left: -92px;
  width: 100%;
}
#main-nav li ul li{
  overflow: hidden;
  width: auto;
  height: 0;
  color: #fff;
  z-index:100;
}
#main-nav li:hover ul li{
  overflow: visible;
  height: auto;
  border-top: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}
#main-nav li:hover ul li:first-child{border-top: 0;}
#main-nav li:hover ul li:last-child{border-bottom: 1px solid #cdcdcd;}
#main-nav li:hover ul li:last-child a{}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊追加ナビゲーション＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
main {
	padding-bottom: 5rem;
}

main.area .map .icon_img_box{
	background: #39b54a;
	box-shadow: inset 3px 3px 1px rgba(0,0,0,0.15), inset -3px -3px 1px rgba(255,255,255,0.3);
}
main.school .school .icon_img_box{
	background: #f7931e;
	box-shadow: inset 3px 3px 1px rgba(0,0,0,0.15), inset -3px -3px 1px rgba(255,255,255,0.3);
}
main.business .business .icon_img_box{
	background: #907fbf;
	box-shadow: inset 3px 3px 1px rgba(0,0,0,0.15), inset -3px -3px 1px rgba(255,255,255,0.3);
}

main.home .home .icon_img_box{
	background: #e8546b;
	box-shadow: inset 3px 3px 1px rgba(0,0,0,0.15), inset -3px -3px 1px rgba(255,255,255,0.3);
}
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/* breadcrumbs */
#breadcrumbs {font-size:85%;padding: 5px 0 6px; display: none;}


/* breadcrumb */
#breadcrumb {
	margin: 10px 8px
}
#breadcrumb ul {
	margin: 0;
	padding: 1px 0
}
#breadcrumb ul li {
	list-style: none;
	margin-right: 0.5em;
	font-size: 80%;
	font-weight: bold;
	float: left;
	line-height: 1.3;
	white-space: normal
}


/* sidebar */
#sidebar {width: 180px;float: right;background-color:#fff;}
#sidebar img {width: 100%;}


/* footer */
.footer_border{clear: both; background:url(../images/footer_border.png) top center repeat-x;height: 6px;}

#footer {clear:both;color: #62616B;font-size: 80%;margin: 30px auto 0;position: relative;overflow: hidden;}
#footer p{clear:both;margin:10px;text-align:left;line-height:1.6;padding-left: 80px;}

#footer ul {float:left;left:50%;position:relative;margin:10px 0 5px 0;}
#footer li {float:left; margin: 0; list-style:none;left:-50%;position:relative; border-left:1px solid #dfdfdf;padding:0;}
#footer a {color: #1F1B1B;display: block;padding:5px 10px;text-decoration: none;font-size: 90%;}
#footer a:hover,#footer a:focus {text-decoration:underline;}

.footerBtm {
	height: 75px;
	background:url(../images/footer_hagkun.png) left top no-repeat;	
}


h3.sites {
    clear: both;
    margin: 15px 0 5px;
    padding: 0 10px;
}

/* news */
#newslist{ font-size:90%;}

#newslist .esd{background-color:#7FBFFF;}
#newslist .learn{background-color:#7EFFBF;}
#newslist .counsel{background-color:#FFBF7F;}
#newslist .world{background-color:#FFBCFF;}
#newslist .env{background-color:#FFFF7F;}

#newslist ul{clear:both;list-style:none;width:520px;margin-left:0;}
#newslist li{clear:both;list-style:none; border-top:solid 1px #f2f2f2;padding:10px 0;}
#newslist li:first-child{border-top:none;}
#newslist li div.date{float:left;width:100px;padding:0 0 10px 10px;line-height:1.2;display:inline;}
#newslist li div.mark{float:left;width:60px;text-align:center;font-size:80%;padding:0;line-height:1.4;display:inline;}
#newslist li div.text{float:left;width:400px;padding:0 0 10px 10px;line-height:1.2;display:inline;}


#info2{ padding: 0px;text-align:left;line-height:1.2;}
#info2 dl { margin: 0 10px 30px 20px;}
#info2 dd{margin:-1.2em 0px 1em 9em;}


#system .btn{text-align:center;}
#system .btn img{margin:0px 0px 10px;}
li.text_s{font-size:90%;background:none !important;}
#system dl.inquiry { margin:5px 20px;line-height:1.2;border:1px solid #ccc;padding:10px 15px;}
#system dl.inquiry dt{font-weight:bold;background:#ffffdb;padding:3px 10px;}
#system dl.inquiry dd{margin:0 0 0 2em;margin-bottom:5px;}
#system dl.list {margin:5px 20px;line-height:1.2;}
#system dl.list dd{margin:-1.6em 0px 10px 1.5em;}
#system dl.list_small {font-size:90%;margin:15px 20px 5px 40px;line-height:1.2;}
#system dl.list_small dd{margin:-1.6em 0px 5px 4em;}


#system dl.list { margin:5px 20px;line-height:1.2;}
#system dl.list_2layer{padding:15px 15px 0px 0px;}
#system dl.list_2layer dt{margin-left:4em;}
#system dl.list_2layer dd{margin:-1.6em 0px 0px 6em;}
#system dl.list_2layer dt.t0{margin-left:1em;font-weight:bold;font-size:105%;}
#system dl.list_2layer dt.t1{margin-left:2em;}
#system dl.list_2layer dd.d1{margin:-1.6em 0px 0px 4em;}

.frame{border:1px solid #ccc;}

#system dl.cir{margin:5px 20px;line-height:1.2;}
#system dl.cir dt,#system dt.cir{padding:0px 0px 0px -15px;display:list-item;list-style:circle;margin-left:15px;}
#system dt.cir2{background:url('../images/cir.gif') 0% 20% no-repeat;padding:0px 0px 0px 15px;}
#system dl.cir dd{padding:5px 0px 5px 30px;}

#system dl.cir dt.title{list-style:none;margin-left:-0.1em;}
#system dl.list_small_sites {font-size:90%;margin:15px 0px 0px 0px;line-height:1.2;float:right;}
#system dl.list_small_sites dd{margin:-1.6em 0px 5px 2em;}

#system ul{margin:10px 0 0 30px;}
#system ul li, #content .disc li{list-style:circle;}
#content  ul.disc{margin:0 0 0 20px;}

#searchbtn img{
	width: 20%
}


@media screen and (max-width: 680px){
	#searchbtn img{
		width: 25%
	}
}

@media screen and (max-width: 560px){
	#searchbtn img{
		width: 30%
	}
}


/* lib */

table.lib-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 80%;
	line-height: 1.5;
	margin: 0.5em 0
}
table.lib-table th {
	padding: 0.5em;
	vertical-align: top;
	background: url(../../lib/img/search_bg.gif) repeat-x top left;
	background-color: #005b2a;
	color: #fff;
	border: solid 2px #009245
}
table.lib-table td {
	padding: 0.5em;
	vertical-align: top;
	border: solid 2px #009245
}
table.lib-table td.title {
	width: 25%
}
table.lib-table td.publisher {
	width: 25%;
	background: #f7f9f4
}



/* pager */
#pager{margin:20px 0 10px;}
ul.pager {clear:both; padding:0;font:100% Arial, Helvetica, sans-serif; text-align: center;}
ul.pager li {list-style: none; display: inline;}
ul.pager li span{display: inline-block; padding: 0.25em 0.4em;margin:1px;}
ul.pager li em{display: inline-block; padding: 0.25em 0.4em;margin:1px;}
ul.pager li strong {display: inline-block; padding: 0.25em 0.4em; background-color: #EEEEEE; border: 1px #ccc solid;height:1.3em; vertical-align:bottom;}
ul.pager li a {display: inline-block; padding: 0.25em 0.4em; border: 1px #CCCCCC solid;height:1.3em; vertical-align:bottom;}
ul.pager li a:link, ul.pager li a:visited { border-color: #CCCCCC; color: #0033FF;}
ul.pager li a:hover, ul.pager li a:active { border-color: #003399;background-color: #003399; color: #FFFFFF;} 

/* etc */
.reader-navi {left: -9000px;line-height: 120%;position: absolute;top: -9000px;}
.box_hover{cursor:pointer;background-color:#EAF4FB;}
.none{text-indent:-9999px;height:0px;overflow:hidden;}
.whiteline{border:1px solid #ccc;}
.gototop{clear:both;padding:30px 10px 10px;float:right;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}


.contact{margin:10px auto; padding:5px ;border:1px solid #ccc; width:80%;}
.comment{margin-left:1em;font-size:0.9em;}
.comment2{margin-left:1em;font-size:0.8em;background-color:#eee;}


.mt1e{margin-top:1em;}
.mt2e{margin-top:2em;}
.mt3e{margin-top:3em;}
.mt4e{margin-top:4em;}
.mt5e{margin-top:5em;}
.mt6e{margin-top:6em;}
.mb1e{margin-bottom:1em;}
.mb2e{margin-bottom:2em;}
.mb3e{margin-bottom:3em;}
.mb4e{margin-bottom:4em;}
.ml1e{margin-left:1em;}
.ml2e{margin-left:2em;}
.mr1e{margin-right:1em;}
.mr2e{margin-right:2em;}

a.out-link {
    padding-right: 24px;
    padding-bottom: 5px;
    background: url(../images/link.jpg) right top no-repeat;
}
/*news*/
.mdl_news .c_box_header{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mdl_news .c_box_header .ico_eco{
padding: 1rem 0 2rem 2rem;
margin-top: 0;
}
.mdl_news .c_box_header p a{
color: #fff;
border-radius: 20px ;
margin:  2.5rem 0 0 0 ;
padding: 0.5rem 1rem 0;
height: 2em;
text-decoration: none;
display: inline-block;
}
.c_box_news{
background-color: #fff;
padding: 2em;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.c_box_news dt {
  width: 20%;
  margin-bottom: 1em;
}

.c_box_news dd {
  width: 80%;
  margin-bottom: 1em;
  color: #736357;
}
.material {
	flex-direction: column;
}
.material p{
	margin-bottom: 0.5rem;
}
.mdl_news_detail{
background-color: #fff;
padding: 2em;
}
.mdl_news_detail .date{
text-align: right;
margin-bottom: 1em;
}
.mdl_news_detail p{
margin-bottom: 1em;
}
/*動画紹介ページ*/
.txt_lead .elm_txt{
color: #736357;
margin-bottom: 1em;
}
.c_btn_youtube {
margin: 3em 0;
}
.c_btn_youtube .c_btn{
display: inline-block;
background-color: #fff;
color: #736357;
text-align: center;
text-decoration: none;
font-size: 1.4em;
width: 100%;
padding: 0.5em 0;
border-radius: 30px;
box-shadow: 5px 5px 8px rgb(0 0 0 / 20%);
}
.c_btn_youtube .c_btn:hover{
color: #736357;
}
.c_btn_youtube .c_btn img{
margin-right: 1em;
vertical-align: top;
}
.c_btn_youtube .c_btn span{
margin:0 1em;
}
.c_btn_youtube .c_btn span br{
display: none;
}
.c_movie_box{
padding: 2em 0 2em 2em;
margin-bottom: 0.3em;
background-color: #fff;
}
.c_movie_box img, .c_movie_detail{
float: left;
}
.c_movie_box img{
box-shadow: 5px 5px 8px rgb(0 0 0 / 20%);
width: 250px;
}
.c_movie_detail{
margin-left: 1em;
}
.c_movie_detail dt{
background-color: #736357;
color: #fff;
text-align: center;
width: 5em;
}
.c_movie_detail dd a{
margin-bottom: 0.5em;
display:inline-block;
}

/*font color 追記*/
.fc_brown {
	color: #736357;
}
.bold {
	font-weight: bold;
	font-size: 1.1rem;
}

/*スマホ表示*/
@media (max-width: 767px){

.bold a{
	font-size: 0.9rem;
}

#breadcrumb ul li {
    margin-bottom: 0.5em;
}
.c_box_news{
display: block;
box-sizing:border-box;
}
.c_box_news dt,.c_box_news dd {
  width: auto;
}
.c_box_news dt {
margin-bottom: 0;
}
.mdl_news .c_box_header p a {
    margin: 2rem 0 0 0;
}
.c_btn_youtube .c_btn{
font-size: 1em;
padding: 1em 3em;
box-sizing: border-box;
text-align: left;
border-radius: 50px;
}
.c_btn_youtube .c_btn span{
margin:0;
}
.c_btn_youtube .c_btn span br{
display: inherit;
}
.c_movie_box{
padding: 1em;
}
.c_movie_box img, .c_movie_detail{
float: none;
}
.c_movie_box img{
width: 100%;
}

.c_movie_detail{
margin-left: 0;
}
.c_movie_detail dt{
margin-top: 0.5em;
}
.c_btn_youtube .c_btn img {
float:left;
margin: 1em;
}
}