@charset "utf-8";
body {margin:0px;color:#333333;background-color:#ffffff;font-size:95%;line-height:1.3;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-text-size-adjust:100%;}
.header ,.article ,.footer ,.section ,h1,h2,h3,hr{clear:both;}/*-clear-*/
.article ,.section ,.nav ,dl,ul,div{padding:0px 0px 5px;overflow:auto;}/*-hasLayout-*/
input[type="button"],input[type="submit"]{cursor: pointer;}

/* pc <-> sp */
#pc,#sp{display:none;}
@media screen and (min-width: 0px) and (max-device-width:640px){
 #sp{display:none;margin-bottom:0;width:100%;height:100px;font-size:65px;text-align:center;border:4px solid #ccc;background:#CFBFDB;}
 #sp a,#pc a{text-decoration:none;}
 #pc{display:block;margin:.8em auto 0;text-align:center;}
}
@media screen and (min-width: 0px) and (max-device-width:640px) and (min-width:1024px){
 #pc{display:none;}
 #sp{display:block;}
}

/* サイト内検索 */
.contents .article .search_result_google{overflow:hidden;}
.contents .article .search_result_google *{padding:0px;overflow:visible;}
.contents .article .search_result_google table th,.contents .article .search_result_google table td{border:none;}
.contents .article .search_result_google .gsc-results .gsc-cursor {display: block;text-align: center;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-page{padding:.5em;border:1px solid #ccc;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-current-page{border:2px solid #296ACC;}
.contents .article .search_result_google .gsc-webResult.gsc-result,
.contents .article .search_result_google .gsc-results .gsc-imageResult{border:none;}

h1,h2,h3,h4,h5,p,dl,ul,ol {margin-top:0px;}
ul,ol{padding-left:30px;}
#Map,#Map *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;overflow:auto;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;background:#ffffff;text-align:center;}
textarea {max-width:95%;}
#TOP{min-width:1000px;padding:0px;}
a{color:#14465f;text-decoration:underline;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}
p.right{text-align:right;}
.header {border-bottom:3px solid #CFBFDB;padding:0px;box-shadow:0px 2em 0px 0px #FBFBF9;}
.header .wrap{width:1000px;margin:0px auto;padding:0px;}
.header .title {float:left;}
.header .title,.header h1 {width:254px;height:101px;margin-top:25px;float:left;background:url(../img/kids_title.png) no-repeat;}
.header .title a,.header h1 {display:block;height:64px;text-indent:-100em;}
.header .page_control{float:right;}
.header .page_control ul ,#UD dl ,#UD dl dt ,.header .page_control dl dd {min-height:33px;margin:2px 1px;padding:0px;float:left;list-style:none;}
.header .page_control ul li {margin:2px 0px 2px 10px;padding-top:5px;float:left;}
#UD{float:left;}
#UD dl.color_change ,#UD dl.textsize_change{width:180px;margin:0px;padding:5px 0px 0px 0px;float:left;}
#UD dl.color_change{width:150px;}
#UD dl dt{padding:4px 3px 0px 0px;background:no-repeat center center;text-indent:-1000em; background-size: 82%;}
#UD dl.color_change dt {width:50px;background-image:url(../img/control_collar_title.png);}
#UD dl.textsize_change dt {width:80px;background-image:url(../img/control_font_title.png);}
#UD dl dd a,.header .page_control ul li a,.header .page_control form.search label.search_txt{display:block;width: 28px; height: 28px; padding-top: 5px;text-indent:-1000em;background:no-repeat center center;background-size:contain;}
.header .page_control ul li a.announce {width:106px;background-image:url(../img/bt_voice.png); background-size: auto;}
.header .page_control ul li a {width:117px;background-image:url(../img/event_button.png);}
#UD dl dd.default a{background-image:url(../img/control_def.png);}
#UD dl.color_change dd.default a{background-image:url(../img/control_collar_def.png);}
#UD dl dd.smaller a{background-image:url(../img/control_font_small.png);}
#UD dl dd.larger a{background-image:url(../img/control_font_big.png);}
#UD dl dd.default a.textresizer-active{background-image:url(../img/kids_control_def.png);}
#UD dl dd.smaller a.textresizer-active {background-image:url(../img/kids_control_small_on.png);}
#UD dl dd.larger a.textresizer-active {background-image:url(../img/kids_control_big_on.png);}
#UD dl dd.high a{background-image:url(../img/control_collar_high.png);}
#UD dl dd.low a{background-image:url(../img/control_collar_low.png);}
.header .page_control form.search {width:160px;margin:8px 0px 15px;float:left;text-align:center;background:#f6f6f6;}
.header .page_control form.search div{padding:0px;}
.header .page_control form.search label.search_txt{display:block;width:17%;float:left;background-image:url(../img/kids_control_search_title.png);}
.header .page_control form.search .input_area{width:83%;}
.header .page_control form.search input#search_txt {display:block;width:70%;padding:6px 0px;margin:5px 0px 5px;border:none;background-color:#f6f6f6;float:left;}
.header .page_control form.search input#search_txt:focus {background-color:#ffffff;outline:none;}
.header .page_control form.search input.search_bt {width:30%;color:#ffffff;padding:3px 0px;margin:5px auto 5px;font-weight:bold;background-color:#333333;border:none;float:left;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;}
.header .nav{width:743px;float:right;padding:0px;}
.header .nav .menu_button{display:none;}
.header .nav .menu_button a{display:block;background:url(../img/menu_open.png) no-repeat center center ;text-indent:-100em;height:48px;}
.header .nav .menu_button a.active{background-image:url(../img/menu_clause.png);}
.header .nav ul {margin:0px;padding:0px;list-style:none;}
.header .nav ul li{width:19%;margin:0px 0px 0px 1%;float:left;border-radius:8px 8px 0px 0px;background-image: -webkit-linear-gradient(-45deg,#ffffff 25%, transparent 26%, transparent 50%, #ffffff 51%, #ffffff 75%, transparent 76%, transparent);background-image: linear-gradient(-45deg,#ffffff 25%, transparent 26%, transparent 50%, #ffffff 51%, #ffffff 75%, transparent 76%, transparent);background-size: 6px 6px;}
.header .nav ul li a{display:block;height:80px;margin:6px 6px 0px 0px;border:3px solid #333333;border-bottom:none;border-radius:8px 8px 0px 0px;background:url(../img/kids_nav_bg.png) ;color:#333333;text-decoration:none;text-indent:-100em;}
.header .nav ul li:nth-child(5n+1),
.header .nav ul li:nth-child(5n+1) a{background-color:#FFC2C2;border-color:#FFC2C2;}
.header .nav ul li:nth-child(5n+2),
.header .nav ul li:nth-child(5n+2) a{background-color:#94E4DB;border-color:#94E4DB;}
.header .nav ul li:nth-child(5n+3),
.header .nav ul li:nth-child(5n+3) a{background-color:#FFDA8C;border-color:#FFDA8C;}
.header .nav ul li:nth-child(5n+4),
.header .nav ul li:nth-child(5n+4) a{background-color:#D7C9E0;border-color:#D7C9E0;}
.header .nav ul li:nth-child(5n),
.header .nav ul li:nth-child(5n)   a{background-color:#99DCEA;border-color:#99DCEA;}
.header .nav ul li a:before{top:0;left:0px;right:0px;bottom:0px;background:no-repeat center center;}
.header .nav ul li:nth-child(5n+1) a:before{background-image:url(../img/kids_menu01.png);}
.header .nav ul li:nth-child(5n+2) a:before{background-image:url(../img/kids_menu02.png);}
.header .nav ul li:nth-child(5n+3) a:before{background-image:url(../img/kids_menu03.png);}
.header .nav ul li:nth-child(5n+4) a:before{background-image:url(../img/kids_menu04.png);}
.header .nav ul li:nth-child(5n) a:before{background-image:url(../img/kids_menu05.png);}
.locus{margin-top:5px;padding:.5em 0;}
.contents {width:1000px;margin:0px auto 20px;}
.contents .article {width:750px;float:left;}
.no_nav .contents .article {width:auto;float:none;}
.contents .article h1{padding:0.8em 0.8em;background:url(../img/heading1_bg.png) no-repeat right bottom;font-size:1.3em;}
.contents .article h1:before{top:2px;left:2px;bottom:2px;border-left:5px solid #D7CAE1;}
.contents .article h2{padding:0.3em 1em;border-bottom:2px solid #f1f1eb;font-size:1.2em;}
.contents .article h2:before{top:0.2em;left:0px;bottom:0.2em;border-left:5px solid #FFCBCB;}
.contents .article h3{padding:0.5em;background:#f1f1eb;font-size:1em;}
.contents .article h4{padding:0.5em;padding-left:20px;background:url(../img/heading4_bg.png) no-repeat left center;font-size:1em;}
.contents .three_column .section,
.contents .article h1,
.contents .nav dl{border:5px solid #F2F2EA;box-shadow:inset 0px 0px 0px 1px #E1E1D2;}
.contents .article h1.menu-contents{padding:0.8em 0.8em;background:url(../img/heading1_bt.png) repeat-x left bottom ;font-size:1.3em;border:none;box-shadow:none;}
.contents .article h1.menu-contents:before{border-left:none;}
.contents .article h2.menu-contents{background:url(../img/heading1_bg.png) no-repeat right bottom;font-size:1.2em;border:5px solid #F2F2EA;box-shadow:inset 0px 0px 0px 1px #E1E1D2;}
.contents .article h2.menu-contents:before{top:2px;left:2px;bottom:2px;border-left:3px solid #FFDA8C;}
.contents .article h2.menu-contents a{display:block;padding:0.5em 0.1em;color:#333333;text-decoration: none;}
.contents .article ol {padding-left:2em;}
.contents .article ul{list-style:none;padding-left:0px;}
.contents .article ol li,.contents .article ul li{margin-bottom:0.3em;}
.contents .article ul li{padding-left:2em;}
.contents .article ul li:before{top:0.3em;left:8px;width:0.7em;height:0.7em;background:#C2AED0;border-radius:50%;}
.contents .article table{border-collapse: collapse;margin-bottom:15px;}
.contents .article table caption{padding:4px 0px;}
.contents .article table table,.contents .article table ul,.contents .article table ol,.contents .article table table dl{margin-bottom:0px;}
.contents .article table th,.contents .article table td{padding:0.5em;border:1px solid #C6C6AE;}
.contents .article table th {background:#F1F1EB;}
.contents .article table.wide_table{display:block;width:100%;overflow:auto;}
.contents .article table.wide_table caption{display:block;}
.contents .article table.wide_table tbody{display:table;}
.contents .article .image_box {width:100%;margin:0px 0px 10px;padding:0px;}
.contents .article .image_box_center{min-width:240px;width:50%;max-width:80%;margin:0px auto 10px;padding:0px;}
.contents .article .image_box_right,
.contents .article .image_box_left{max-width:50%;padding:0px;}
.contents .article .image_box_right{float:right;}
.contents .article .image_box_left{float:left;}
.contents .article ul[class*="image_box"] li{margin:5px 1%;padding:0px;text-align:center;background-image:none;}
.contents .article .image_box_left li,
.contents .article .image_box_right li{max-width:98%;}
.contents .article .image_box li{max-width:31%;float:left;background:#f1f1eb;}
.contents .article ul[class*="image_box"] li:before{display:none;}
.contents .article ul[class*="image_box"] li img {margin:1%;max-width:98%;height:auto;}
.contents .article ul[class*="image_box"] li p {position:static;width:auto;margin:0px;padding:3px;text-align:center;}
.contents .article .imagetable table{max-width:50%;float:left;}
.contents .article .imagetable table th{min-width:6em;}
.contents .article .imagetable .figure{max-width:50%;margin:0px;float:right;}
.contents .article .acrobat {margin:8px 15px 8px;padding:8px;border:3px solid #EFEFEF;}
.contents .article .acrobat .icon {margin:0px 8px 0px 0px;border:none;float:left;}
.contents .article .acrobat p{margin:0px;font-size:0.9em;}
.contents .article .icon_target{background:#F2F2EA;border-radius:13px;}
.contents .article .icon_target h2{background:url(../img/icon_target_title.png) no-repeat 20px bottom;text-indent:-100em;}
.contents .article ul.icon_list {margin:3px 10px;}
.contents .article dl.icon_list dt,
.contents .article dl.icon_list dd,
.contents .article ul.icon_list li:before{margin:0px;width:50px;height:50px;background:no-repeat center;float:left;text-indent:-100em;}
.contents .article dl.icon_list dt{width:63px;background-image:url(../img/kids_icon_title.png);}
.contents .article dl.icon_list dd.icon1,.contents .article ul.icon_list li.icon1:before{background-image:url(../img/kids_icon01.png);}
.contents .article dl.icon_list dd.icon2,.contents .article ul.icon_list li.icon2:before{background-image:url(../img/kids_icon02.png);}
.contents .article dl.icon_list dd.icon3,.contents .article ul.icon_list li.icon3:before{background-image:url(../img/kids_icon03.png);}
.contents .article dl.icon_list dd.icon4,.contents .article ul.icon_list li.icon4:before{background-image:url(../img/kids_icon04.png);}
.contents .article dl.icon_list dd.icon5,.contents .article ul.icon_list li.icon5:before{background-image:url(../img/kids_icon05.png);}
.contents .article dl.icon_list dd.icon6,.contents .article ul.icon_list li.icon6:before{background-image:url(../img/kids_icon06.png);}
.contents .article dl.icon_list dd.icon7,.contents .article ul.icon_list li.icon7:before{background-image:url(../img/kids_icon07.png);}
.contents .article ul.icon_list li{width:40%;padding:15px 0px 15px 10%;float:right;font-size:0.9em;}
dl.news{padding:5px;}
dl.news dt{width:5.5em;padding:0.5em;float:left;clear:both;}
dl.news dd{margin:0px;padding:0.5em 0px;padding-left:6.5em;border-bottom:2px dotted #CFBFDB;vertical-align:middle;}
.contents .two_column .section{width:50%;float:left;}
.contents .three_column .section{width:31.2%;margin:0px 1% 20px;box-sizing:border-box;float:left;clear:none;}

.contents .article .form_section dl dd{margin:0px 0px 15px;}
.contents .article .form_section form{padding:0px 24px;}
.contents .article .form_section .center{text-align:center;}
.contents .article .form_section textarea{width:90%;}

.contents .nav {width:225px;float:right;}
.contents .nav ul,
.contents .nav dl{padding:3px;list-style:none;}
.contents .nav dl dt{margin:0px 5px;padding:1em;text-align:center;background:url(../img/kids_nav_bg.png) #D7C9E0;}
.contents .nav dl dd{margin:0px 5px;}
.contents .nav dl dd a{display:block;padding:0.6em 0.5em 0.6em 22px;color:#333333;border-bottom:2px dotted #CFBFDB;background:url(../img/kids_list_mark.png) no-repeat 5px 0.7em;text-decoration:none;}
.contents .nav dl dd:last-child a{border:none;}
.contents .nav ul.menu{padding:6px;background:#F2F2EA;}
.contents .nav ul.menu li{margin-bottom:10px;padding:5px;background-color:#FFFFFF;}
.contents .nav ul.menu li a{display:block;padding:10px;border:3px solid #FFDA8D;background: url(../img/kids_nav_bg.png);background-color:#FFDA8D;}
.contents .nav ul.menu li:first-child a{border-color:#FFAAAA;background-color:#FFAAAA;}
.contents .nav ul.menu li:last-child{margin:0px;}
.mv_area { padding-bottom: 1em;}

/* ===========================
 file type view
=========================== */
a.sizeview { padding-left: 1.75em; background: 4px center no-repeat; background-size: auto 100%;}
a.sizeview { background-image:url../img/list_mark.png);}
a.sizeview[href$=".PDF"], 
a.sizeview[href$=".pdf"] { background-image:url(../img/file_list_mark_pdf.png);}
a.sizeview[href$=".DOC"],
a.sizeview[href$=".DOCX"] ,
a.sizeview[href$=".doc"],
a.sizeview[href$=".docx"] { background-image:url(../img/file_list_mark_doc.gif);}
a.sizeview[href$=".XLS"],
a.sizeview[href$=".XLSX"] ,
a.sizeview[href$=".xls"],
a.sizeview[href$=".xlsx"] { background-image:url(../img/file_list_mark_xls.gif);}

.footer{background:url(../img/kids_footer_pattern.png) repeat-x;}
.footer .wrap{width:1000px;margin:40px auto 0px;}
.footer ul{min-width:129px;float:right;list-style:none;}
.footer ul li a{display:block;width:129px;height:26px;background:url(../img/link_button.png) no-repeat;text-indent:-100em;}
.footer dl{width:50%;float:left;}
.footer dl dt{font-weight:bold;font-size:1.1em;}
.footer dl dd{margin:5px 0px;font-size:0.9em;}
.footer .copyright{margin:0px;text-align:right;font-size:0.8em;clear:both;}
.footer .reread_link{width:60px;position:fixed;bottom:44px;right:0px;}
.footer .reread_link a{display:block;height:58px;overflow:hidden;text-indent:-100em;background:url(../img/reread_link.png) no-repeat center #FFA2A2;border:2px solid #f1f1eb;border-radius:50%;opacity:0.6;}
.footer .reread_link a:hover{opacity:1;}
.footer:before{left:0px;right:0px;bottom:0px;height:3px;background-color:#e1e1ce;background-image: -webkit-linear-gradient(-45deg,#f0f0e6 25%, transparent 26%, transparent 50%, #f0f0e6 51%, #f0f0e6 75%, transparent 76%, transparent);background-image: linear-gradient(-45deg,#f0f0e6 25%, transparent 26%, transparent 50%, #f0f0e6 51%, #f0f0e6 75%, transparent 76%, transparent);background-size: 6px 6px;}
.contents .article .icon_target h2:before{display:none;}

.header .nav ul li a,
.contents .article h1,
.contents .article h2,
.contents .article ul li,
.footer{position:relative;}
.header .nav ul li a:before,
.contents .article h1:before,
.contents .article h2:before,
.contents .article ul li:before,
.footer:before{display:block;content:" ";position:absolute;}
.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#ff0000;}

/* 171205 layout renewal */
input.common_inquiry {
  margin-bottom: 1em; padding: 0.1em 0.2em 0em 1.2em;
  border: none; border-bottom: 1px solid #006699;
  color: #006699; font-size: 1.01em; font-weight: bold; font-family: "メイリオ", Meiryo;
  background: url(http://www.city.onojo.fukuoka.jp/core/img/nav_list_mark.png) left 0.2em no-repeat #ffffff;
}

/* 公式サイトデザイン変更による調整 */
dl.news dt { width: 8.5em;}
dl.news dd { padding-left: 9.5em;}
.section.news { margin: 0 1em;}
.section.news dt,
.section.news dd { padding: 0.5em;}
.section.news dt { float: left; width: 8.5em; clear: both;}
.section.news dd { margin-left: 0em; padding-left: 9.5em; border-bottom: 2px dotted #CFBFDB;}

@media screen and (min-width: 0px) and (max-width: 1000px) {
textarea ,
#TOP,
.header .wrap,
#UD dl dd a,
.header .page_control ul li a,
.header .page_control ul li a.announce ,
.header .page_control ul li a ,
.header .nav,
.contents ,
.contents .article ,
.contents .article .image_box_center,
.contents .article .image_box_right,
.contents .article .image_box_left,
.contents .article .image_box_left li,
.contents .article .image_box_right li,
.contents .article .image_box li,
.contents .article ul[class*="image_box"] li img ,
.contents .article .imagetable table,
.contents .article .imagetable table th,
.contents .article .imagetable .figure,
/*.contents .article dl.icon_list dt,
.contents .article ul.icon_list li,*/
.contents .two_column .section,
.contents .three_column .section,
.contents .nav ,
.footer .wrap,
.footer ul,
.footer ul li a,
.footer dl{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.header .page_control{width:439px;}
.header .page_control ul li a.announce {width:106px;}
.header .nav{clear:both;}
.header .page_control ul ,#UD dl ,#UD dl dt ,.header .page_control dl dd {min-height:44px;}
#UD dl dd a,.header .page_control ul li a{width:44px;height:44px;}
.two_column.wrap,
.two_column .section.news,
contents .three_column .section{padding:0px;}
.contents .three_column .section,
.two_column .section, .two_column .column{margin:0px;}
#UD { clear: both; margin-left: 14px;}
#UD dl.color_change{width:195px;}
#UD dl.textsize_change{width:230px;}
.header .page_control ul li a { width: 117px;}
}
@media screen and (min-width: 0px) and (max-width:700px) {
.header .page_control{margin:5px auto;float:none;}
.header .nav ul li{width:32.3%;margin-bottom:5px;border-radius:8px;}
.header .nav ul li a{border-bottom-style:solid;border-radius:8px;}
}
@media screen and (min-width: 0px) and (max-width:520px) {
.header .title,.header h1 ,
.header .nav ul li,
.header .page_control,
.header .page_control form.search,
dl.news dt{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
#UD{display:none;}
.header .page_control ul,.header .nav ul{display:none;}
.header .nav .menu_button{display:block;}
.header .nav {box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5);background:rgba(255,255,255,0.8);}
.header .nav ul li{margin-bottom:5px;padding:3px 3px 0px 0px;border-radius:8px;}
.header .nav ul li a{height:auto;margin:0px;padding:1em;border-bottom-style:solid;border-radius:8px;text-indent:0px;}
.header .nav ul li a:before{display:none;}
dl.news dd{padding-left:0px;}
.two_column .section.news h2{height:auto;color:#37A4A4;background:#C7EBEB;text-indent:0px;}
.footer .reread_link{width:44px;bottom:10px;right:0px;}
.footer .reread_link a{height:44px;}
.two_column .column ul.menu li[class*="menu"] a{min-height:0px;padding:1em;background-image:none;text-indent:0px;}

.contents .article ul.icon_list li{font-size: 0.9em;width: auto;padding-left: 64px;float: none;}

/* 公式サイトデザイン変更による調整 */
.section.news dt { float: none; width: auto; padding-bottom: 0.3em;}
.section.news dd { padding-top: 0; padding-left: 1em;}  
}

/* 目立つ大きいボタン 22.09.15 */
.button_large { display:flex; justify-content: center; padding: 0.5em 0;}
.button_large a { display: block; padding: 1em 1em 0.95em; font-size: 1.5em; color: #000; font-weight: bold; border-radius: 0.5em; background-color:#F2D230;}
.button_large a:hover,
.button_large a:focus { text-decoration: none;}


@media screen and (min-width: 521px) {
html body .nav ul{display:block !important;}
}

/* form 161116*/
.contents .article .form_section form fieldset{padding:0px 0px 15px;border:none;}

/* youtube */
.contents .article .mv_area{position:relative;height:0px;width:100%;max-width:715px;margin:1em 0;padding-top:56.25%;overflow:hidden;}
.contents .article .mv_area iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.contents .article .mv_area p{margin:0.5em 0;font-size:0.9em;}
.contents .article .mv_area { overflow: hidden;}
@media screen and (min-width: 0px) and (max-width:880px) {
.mv_area{width:100%;margin:1em 0;overflow:hidden;}
.mv_area iframe{display:block;max-width:100%;margin:0px auto;}
.mv_area p{margin:0.5em 0;font-size:0.9em;}
}
@media screen and (min-width: 0px) and (max-width: 640px) {
.contents .article .mv_area { position: relative; width: 100%; padding-top: 56.25%;}
.contents .article .mv_area object,
.contents .article .mv_area iframe { display: block; position: absolute; top: 0px; right: 0px; width: 100% !important; height: 100% !important;}
}