@charset "utf-8";
/*
Theme Name: kyokai
Template:     kyoshiyoh_parent
#14ae67
#ccfbc5;
#ff9f00
*/



/*共通*/

.req{color:#f00;margin:0px 3px;font-weight:bold;font-size:10px}

.weight{clear:both;height:10px;}
.gototop{text-align:right;font-size:10px;font-weight:bold}
.pwred{text-align:right;font-size:10px}
.submit{text-align:center}
.okuduke{text-align:right}
strong{color:#900;font-weight:bold;font-size:1.3rem}



/*
	PRINT TOOLS
*/
.page-break 				{ page-break-before: always; }



/*
	ORIGINAL
*/
/*------head--------------*/
header{max-width: 1200px;}
header h1{margin-bottom:0;max-width:80%}

.main{background-color:#fff;overflow:hidden;margin:auto;max-width: 1200px;}

/*---------navi----------------*/
header nav{font-size:1.4rem;max-width: 1200px;margin: 0 auto;background-color: #14ae67;}
header nav ul{display:flex;align-items: flex-end;margin-left:16px;}
header nav li{margin-right:16px}
header nav ul a{padding: 10px ;display: block;font-weight: bold;color:#fff;}
header nav ul a:hover{color:#ccfbc5;}




/*---------content----------------*/

div.content h2{font-size:2rem;font-weight:bold;padding:3px 5px;margin-bottom:2rem;background-color:#d98700;color:#fff}
div.content a{color:#00f}
div.content a:hover{text-decoration:underline}


/*---------top----------------*/

.page.top h2{font-size:2rem;background-color:transparent;color:#666;margin-bottom:1rem;padding-left: 0;}
.page.top .entry-body .top_info{display:flex;justify-content: space-between;flex-wrap: wrap;}
.page.top .entry-body .top_info a{display:block;width:49.5%;margin-bottom: 8px;}
.page.top .entry-body ul{margin:0}
.page.top .entry-body ul li{list-style:none;margin-left:0}
.page.top .whatsnew{padding:1em;border:1px solid #ddd;overflow: hidden;}
.page.top .whatsnew li span{margin-right:1em;}
.page.top .whatsnew li{margin-bottom:.5rem}

.page.top .whatsnew.box::before {
	content: "";
	background-image: url("/common/imgs/kyokai/kirin.gif");
	display: block;
	width: 200px;
	height: 160px;
	float: right;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
}

.page.top .top_cat{display:flex;justify-content: space-between;}
.page.top .top_cat p{width:24.5%;border:1px solid #aaa}
.page.top .top_katsudo{margin-left: 43%;}
.page.top .katsudo_item{border-bottom:1px solid #ddd}
.page.top .katsudo_item img{float:left;margin-right:10px;margin-bottom:1em;width:120px}
.page.top .katsudo_item .top_katsudo_date{margin-bottom:.5em}
.page.top .katsudo_item .top_katsudo_title{margin-bottom:.5em}
.page.top .katsudo_item .top_katsudo_title a{color:#000;font-weight:bold}

.page.top .top_free{float:left;width:40%}


/*-----------footer--------------*/
footer{padding:10px;}
footer dl.office{margin: 0px auto 20px;text-align:left;max-width:1200px}
footer .office dt{font-weight:bold}

address{font-style:normal;clear:both;background-color:#ff9f00;padding:10px 0px;color:#000}

.calendar{margin:auto;max-width: 1200px;}

.gcalendar{border-top:1px solid #aaa;padding-top:1em;max-width: 1200px;
margin: 0 auto 2rem;}



/*-----------preface--------------*/
.preface .cpy{border:3px double #fa0;padding:0px 1em;margin:1em 40px;font-weight:bold;line-height:1.8em}
.preface h3{color:#050;border-style:none}
.preface dt{font-weight:bold;color:#090}

/*-----------recruit--------------*/
.recruit_top .recruit_poster{float:right;border:1px solid #ddd;max-width:50%;margin-left:10px}
.recruit_top .recruit_photos{width:48%}
.recruit_top .recruit_photos img{width:45%;margin:1%}



/*-----------admission--------------*/
.setsumeikai {width:99%}
.setsumeikai th{text-align:left;background-color:#ddd}
.setsumeikai td.area,.setsumeikai td.no{text-align:center}


/*-----------qa--------------*/
ul.qs{border:1px solid #d07;padding:1em}
ul.qs li{margin-left:2em}
.qa .q h3{background:#fff url("/qa/q.gif") no-repeat 2px 2px ;padding-left:22px;height:18px;border-style:none none solid none}
.qa .a{background:#fff url("/qa/a.gif") no-repeat 2px 2px ;padding-left:22px;}
.qa .a h4{border-color:#00f;color:#00a}
/*-----------en-shousai--------------*/
.en-shousai h3{color:#f05;border-bottom:1px solid #f05;}
.en-shousai .print{float:right;padding-left:20px;background:url("imgs/srch/print.gif") no-repeat;height:16px}
.en-shousai strong{color: #000;font-weight:bold;}
.en-shousai li{line-height: 2;}
.en-shousai p{margin: 1px;}

.en-shousai-body {margin-bottom:20px}
.en-maininfo td,.en-maininfo th{border-style:none;padding:3px}
.en-maininfo .mainimage{float:left;margin-right:10px}
.en-maininfo table{clear:right;}
.en-maininfo th{font-weight:bold}
.en-maininfo td{padding-right:10px}
.en-maininfo .tel,.en-maininfo .fax,.en-maininfo .person,.en-maininfo .mail,.en-maininfo .url{height:17px;padding-left:23px;background-repeat:no-repeat;background-position:3px 0px}

.en-maininfo .tel{background-image:url("imgs/srch/tel.gif")}
.en-maininfo .fax{background-image:url("imgs/srch/fax.gif")}
.en-maininfo .person{background-image:url("imgs/srch/person.gif")}
.en-maininfo .mail{background-image:url("imgs/srch/mail.gif")}
.en-maininfo .url{background-image:url("imgs/srch/url.gif")}


.en-katsudo .photo img{float:left;margin-right:10px}
.en-katsudo .photo1 img{float:left;margin-right:100px}

/*-----------renmei,kyokai--------------*/
ul.renmei-menu, ul.kyokai-menu {list-style-type:none;text-align:right}
.renmei-menu li,.renmei-menu form,.kyokai-menu li,.kyokai-menu form{display:inline;margin-left:20px}
.renmei-menu a,.kyokai-menu a{color:#000;padding-left:16px;background:url("imgs/point_gry.gif") no-repeat}
.renmei-menu a:hover,.kyokai-menu a:hover{color:#000;background-position: 0px -16px}
.renmei .office td.name,.renmei .office td.area{white-space:nowrap}
.renmei .office th{background-color:#ddd}

/*-----------search-------------*/
.search td.num{text-align:center}
.search td.photo{width:80px;height:60px;padding:0px}

/*-----------link-------------*/
.link td.en-tel{white-space:nowrap}
.link th.area{font-weight:bold;background-color:#ddd}


#link-shinai .no{width:6%}
#link-shinai .en-name{width:35%}
#link-shinai .en-tel{width:15%}
#link-shinai .en-url{width:55%}

#link-huka .no{width:5%}
#link-huka .en-name{width:35%}
#link-huka .en-tel{width:15%}
#link-huka .en-url{width:55%}

/*-----------statutes-------------*/
.statutes dl{line-height:1.7em}
.statutes dt{margin-bottom:3px}

/*-----------officers-------------*/
.officers table.office{width:auto}
.officers th,.officers td{padding:3px 5px;border:1px solid #ddd}
.officers th{background-color:#efe}

/*-----------member-------------*/
.member .bunrui {border-bottom:3px dotted #fd6;color:#f63;font-size:16px;margin:0px 0px 0.5em;background:#fff; }

.member .bunrui2 {border-bottom:3px double #f96;color:#f96;font-size:14px;}

.member .item{border:1px solid #d07;margin-bottom:10px;padding-bottom:10px}
.member .item h3{margin-top:0px;font-size:12px}
.member .item p{margin:5px 10px}

.meibo td,.meibo th{padding:1px}
.meibo-shinai,.meibo-fuka{float:left;width:49%;margin-right:1px}
.meibo #form fieldset{padding:5px;width:99%}
.meibo #form td{padding:3px}
.meibo .kiso-list img{vertical-align:middle;margin-left:2px}
.meibo .kiso-list thead th,.meibo .kiso-list thead td{text-align:center}
.meibo .kiso-list td{text-align:center}
.meibo .kiso-list .area{background-color:#ddd}

.member .nl{text-align:center;}
.member .nl img{margin:1px auto;border:1px solid #ddd;}
.page.ichiran table{font-size:93%}
.page.ichiran th{border:1px solid #aaa;padding:3px}
.page.ichiran th.enname{background-color:#fff}


/*-----------window-------------*/
.window {width:620px;text-align:center;margin:0px auto 20px;border:1px solid #999 ;padding:0px 10px}
.window .page{text-align:left}
#window-footer address{margin-top:10px;padding:10px;background-color:#fff;border-top:1px solid #999}





/*-----------2010 インターシップ関連-------------*/
.intership th{width:70px}
.intership td{width:670px}

/*-----------2010 かいが展-------------*/
.kaiga2010-2{line-height: 20px;}
.kaiga2010-2 h4{margin;100px 0;}
.kaiga2010{line-height: 15px;}
.kaiga2010 .blue{background-color: #FFFAF0;}
.kaiga2010 .red{background-color: #FFFACD;}


.tohoku{line-height: 20px;text-align:center;margin-top:30px;}
div.toptopic .topic2{margin-bottom:10px;margin-top:10px}

.top-kantogen p{margin-bottom:1em;line-height:1.8em}


.link2 .pref{width:50px}
.link2 th{width:170px}
.link2 .adress{width:350px}


/*-----------東北地方太平洋沖地震被災地へのお見舞い-------------*/
div.content .kodomo1{border:1px solid #EE9C00;width:250px;height:145px;float:left;margin-right:5px;padding:5px;}

div.content .kodomo2{border:1px solid #EE9C00;width:320px;height:145px;float:left;padding:5px;}


/*-----------かいが展作品紹介-------------*/
div.kaigaout{padding:5px;border:1px solid #aaa;width:280px;height:390px;margin:3px 3px 3px 3px ;float:left}
div.kaigaphoto{padding:1px;border:0px;text-align:center;}
.kaigatitle{font-weight:bold;margin:1px;text-align:center;font-size:14px;text-decoration:underline;}
.kaigacap{font-weight:normal;padding:1px 5px 1px 20px;}
.kaiganame{font-weight:bold;margin:1px;text-align:center;}

/*-----------toppage かいが展イベント案内-------------*/
table.kaigaevent {margin:4px}
.kaigaevent td,.kaigaevent th{vertical-align:top;text-align:left;padding:2px 5px}
.kaigaevent th {padding-right:1em;background-color:#ddd;white-space:nowrap;font-weight:normal}
.kaigaevent td{border-width:0px 1px 1px 0px;border-style:solid;border-color:#bbb}



/*-----------toppage 2012年　かいが展 FLASH用-------------*/
div.toptopic2 h3{font-size:14px;border-bottom:1px solid #FF8C00;margin-bottom:5px}
div.entry-body .topicupdate{float:right;padding-top:3px}
div.toptopic2 .topic{margin-bottom:20px}

div.whatsnew p,div.whatsnew h4{margin-bottom:1em}



/*
	ENTRY
*/
.entry{margin-bottom:30px;}
.entry h3{font-size:1.8rem;margin-bottom:1em;font-weight:bold;border-bottom:1px solid #00AF04;margin-bottom:10px;color:#00AF04}
.entry h3 a{color:#070}
.entry h4{font-weight:bold;color: #0c6200;font-size: 1.5rem;}
.entry h5{ margin-bottom:10px; overflow:hidden; font-weight: bold;font-size: 1.4rem;}
.entry h6{ background:#0A0C0D; color:#FFFFFF; height:32px; line-height:32px; margin:10px 10px; padding:0 10px; overflow:hidden; }


.entry p.exerpt				{ border:1px dotted #C9C9C9; margin:10px; padding:10px; }
.entry-body					{ margin-bottom:20px; overflow: hidden;}
.entry-body p				{margin-bottom:1em;font-size:93%;line-height:1.5}
blockquote					{ border-left: 10px solid #0A0C0D; margin:20px; padding:10px; text-align: left; }
.entry-body blockquote p	{ margin:0; }
.entry-body ul				{ margin:10px 20px 1em; }
.entry-body ol				{ margin:10px 20px 1em; }
.entry-body dl				{ margin:10px 15px 1em; }
.entry-body dl dt			{ font-weight:bold; }
.entry-body dl dd			{ margin:0 20px; }
.entry-body ul li			{ background:#FFFFFF; list-style-type:disc; list-style-position:outside; margin-left:25px; }
.entry-body ol li			{ background:#FFFFFF; list-style-type:decimal; list-style-position:outside; margin-left:25px; }

							  
.entry-body table		{ margin-top:20px;line-height:150%; }
.entry-body td,.entry-body th{border:1px solid #aaa;padding:3px 5px;font-size:93%}			  
.entry-body th{background-color:#eee}
.entry-footer				{ text-align:right; border-bottom:1px solid #ddd;clear: both;}


ul.tags						{ text-align:right; }
ul.tags li					{ float:right; background:url(images/tag.gif) no-repeat left center; padding-left:18px; margin-left:5px; }
span.author					{ background:url(images/author.gif) no-repeat left center; padding-left:18px; }
span.category				{ background:url(images/category.gif) no-repeat left center; padding-left:18px; }
span.comment				{ background:url(images/comment.gif) no-repeat left center; padding-left:18px; }
span.datetime				{ background:url(images/datetime.gif) no-repeat left center; padding-left:18px; }
span.edit					{ background:url(images/edit.gif) no-repeat left center; padding-left:18px; }
span.rss					{ background:url(images/rss_feed.gif) no-repeat left center; padding-left:22px;}

div.post_navi				{ background:#f0ffff; border:1px solid #C9C9C9; margin-top:-10px;}
div.post_previous			{ float:left; margin:10px 0 10px 10px; width:45%; }
div.post_next				{ float:right; text-align:right; margin:10px 10px 10px 0; width:45%; }
div.breadcrumb				{ margin-bottom:15px; }

div.related_posts			{}
div.related_posts_head		{ background:#f0ffff; border:1px solid #C9C9C9; font-weight:bold; line-height:2em;
							  margin:0 0 10px 0; padding:3px 10px; }
ul.st-related-posts			{ background:#FFFFFF; margin-left:15px; position:relative; }
ul.st-related-posts li		{ background:#FFFFFF url(images/post.gif) no-repeat; padding-left: 25px; margin:0; }
div.related_posts			{ margin:30px 0; }

div.adv						{ background:#f0ffff; border:1px solid #C9C9C9; margin:20px 0; padding:15px; }
#searchform					{ background:#f0ffff; padding:10px 0; text-align:center; }
div.comment					{ margin:30px 0; }
div.comment p				{ padding-left:15px; }
.nocomments					{ display:none; }
.comments-head				{ background:#f0ffff; border:1px solid #C9C9C9; line-height:2em; margin:0 0 10px 0; padding:3px 10px; }
.comment-footer				{ margin:-5px 0 20px 0; }
div.comment #author			{ width:200px; }
div.comment #email			{ width:200px; }
div.comment #url			{ width:200px; }
div.comment #comment		{ width:500px; }
ul.commentlist				{ padding-left: 15px; }
ul.commentlist .reply		{ margin-bottom:10px; }
ul.commentlist
li ul.children				{ padding-left:25px; }
div.comment-navi			{ margin-top:10px; }
#trackbackurl				{ width:500px; }

.ddsg-wrapper ul			{ margin:5px 10px; }
.ddsg-wrapper ul li			{ list-style-image:none; list-style-type:none; width:100%; }
.ddsg-wrapper ul li			{ margin-left:20px; background:#FFFFFF url(images/post.gif) no-repeat;padding-left: 25px;}
ul.archive li				{ background:#FFFFFF url(images/post.gif) no-repeat; list-style-image:none;
							  list-style-type:none; padding-left: 25px; }

.pagination{text-align:center;margin-bottom:30px;border: 1px solid transparent;}
.pagination li{display:inline-block}
.pagination li a{color:#000}
.pagination li .page-numbers{padding:10px;border:1px solid #aaa}
.pagination li .current{background-color:#eee}

/*
	WP-PAGENAVI
*/
.wp-pagenavi				{ text-align:center; line-height:2em; }
.wp-pagenavi a,
.wp-pagenavi a:link			{ padding: 2px 4px 2px 4px;	margin: 2px; text-decoration: none;	border: 1px solid #0A0C0D;
							  color: #0A0C0D; background-color: #FFFFFF; }
.wp-pagenavi a:visited		{ padding: 2px 4px 2px 4px;	margin: 2px; text-decoration: none;	border: 1px solid #0A0C0D;
							  color: #0A0C0D; background-color: #FFFFFF; }
.wp-pagenavi a:hover		{ border: 1px solid #0A0C0D; color: #FFFFFF; background-color: #0A0C0D; }
.wp-pagenavi a:active		{ padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #C9C9C9;
							  color: #C9C9C9; background-color: #FFFFFF; }
.wp-pagenavi span.pages 	{ padding: 2px 4px 2px 4px;	margin: 2px 2px 2px 2px; color: #C9C9C9; }
.wp-pagenavi span.current 	{ padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #C9C9C9;
							  color: #C9C9C9; background-color: #FFFFFF; }
.wp-pagenavi span.extend 	{ padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #C9C9C9;
						  	  color: #C9C9C9; background-color: #FFFFFF; }
/*-----------enlist--------------*/
.ichiran table{width:100%}
.ichiran th{}
.ichiran td,.enlist th{}
.ichiran .tel,.enlist .person,.enlist .url{}
.ichiran .tel{}
.ichiran .person{}
.ichiran .url{}


/*-----------kengaku(教員志望者のための幼稚園見学情報)--------------*/




/*-----------Profile--------------*/

dl.profile dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 200px;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
  margin-left:20px;
}

dl.profile dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}



/* page-member */
.page-member .auth_box{}
.page-member .auth_box .box_div{}
.page-member .auth_nav {display:none;}



.page-member .auth_box a{display:inline-block;;color:#000}
.page-member .auth_box a:hover{color:#900}
.page-member .auth_box a:hover::before{background-color:#fee}
.page-member .auth_box .box_div .box{border:1px solid #ddd;padding:1rem;overflow: hidden;}

.member_lnk {display: flex;}
.member_lnk .btn {width: 30%;min-width: 250px;font-size: 1.8rem;margin-right: 20px;}
.member_lnk .btn a {width: 100%;padding: 20px;background-color: #7b0;border-style: none;color: #fff;}

.member_yochien_nav_lnk {display: flex;justify-content: space-between;}

.member_yochien_nav_lnk .btn {width: 49%;  font-size: 1.8rem;}
.member_yochien_nav_lnk .btn a {display: block;padding: 20px;background-color: #f98fac;height: 100%;color:#fff;border-style:none;}

.page-member a.dl_pdf,
.page-member a.dl_zip,
.page-member a.dl_doc,
.page-member a.dl_xl,
.page-member a.lnk_form{margin-bottom:.5rem;font-weight:bold;display: flex;align-items: center;}
.page-member a.dl_pdf::before,
.page-member a.dl_zip::before,
.page-member a.dl_doc::before,
.page-member a.dl_xl::before,
.page-member a.lnk_form::before{content:attr(info-type);background-size:auto 80% ;background-position:5px center;padding:8px 10px 8px 32px;border:1px solid #aaa;border-radius:6px;margin-right:.5em;background-color:#eee;font-weight:bold;color:#666;font-size:1.1rem;white-space:nowrap}
.page-member.page-tomoni_archive a.dl_pdf::before{margin: 5px auto;}
.page-member .logout{text-align:right}





a.dl_pdf::before,
a.dl_zip::before,
a.dl_doc::before,
a.dl_xl::before,
a.lnk_form::before{content: "";background-size: contain;background-repeat: no-repeat;background-position: center;display: inline-block;padding: 10px;margin-right: 2px;color:#666;vertical-align: bottom;}





a.dl_pdf::before{background-image: url("/common/imgs/icn_pdf.svg") ;}
a.dl_zip::before{background-image: url("/common/imgs/icn_zip.svg") ;}
a.dl_doc::before{background-image: url("/common/imgs/icn_doc.svg") ;}
a.dl_xl::before{background-image: url("/common/imgs/icn_xl.svg") ;}
a.lnk_form::before{background-image: url("/common/imgs/icn_form.svg") ;}


.page-member .geppo_thm{max-width:25%;float:left;border:1px solid #ccc;margin-right:20px}

.page-parent.page-geppo_archive li{margin-bottom:.5rem;list-style-type:none}
.page-geppo_archive li a{color:#000}

.archive_box{display: inline-block;width:24%;text-align:center;margin-bottom:20px}
.archive_box img{border:1px solid #ccc}
.archive_box p{margin-bottom:1px}

/* member*/

.page-member .member_img{float:left;width:200px;margin-right:20px}
.page-member  .member_img.bulletin_img img{width:48%;border: 1px solid #ccc;}




@media screen and (max-width:1199px) { 
.content{margin:0px 5px}
footer#site-footer{padding:40px 5px}
}


@media screen and (max-width:768px) { 
.page.top .whatsnew li span{display: block;}
.page.top .whatsnew li a{margin-left:1em}



}




@media screen and (max-width:680px) { 
	header nav ul a {color: #000;border-bottom:1px solid #aaa}
header nav ul {margin-left: 0;}
eader nav li {margin-right:0;}

.page.ichiran .entry-body td{display:block;border-style:none;padding:0px 4px}
.page.ichiran .entry-body tr{margin-bottom:.5rem;display:block}
.page.ichiran th {display: block;border-bottom-style:none}
.page.ichiran th.enname{border-bottom-style:solid}
.page.top .top_free{display:block;width:100%}
.page.top .top_katsudo{margin-left:0}
.page.top .poster{float:none;width:100%}

.page.top .whatsnew.box::before {width: 100px;height: 80px;}

/*-----------recruit--------------*/
.page-recruit .recruit_top .recruit_poster{float:none;max-width:100%;margin-left:0}
.page-recruit .recruit_top .recruit_photos{width:100%}
.page-recruit .recruit_top .recruit_photos img{width:45%;margin:1%}






}