/* 大野城市 style.css */
@charset "utf-8";
body {margin:0px;color:#333333;background-color:#ffffff;font-size:100%;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="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;border-radius:0;}/*-iOS Safari -*/
input[type="button"],input[type="submit"]{cursor: pointer;}
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:1024px;padding:0px;}
a{color:#006699;text-decoration:underline;}
a:hover img{opacity:0.8;}
p.right{text-align:right;}
p.center{text-align:center;}
div.right{float:right;}
div.left{float:left;}
img{border:none;vertical-align:middle;}
.clear {clear:both}

.header .wrap,.header .nav ul{width:1024px;margin:0px auto;}
.header .title {float:left;}
.header .wrap .title,.header h1 {width:245px;margin-top:39px;float:left;background:url(../img/title.png) no-repeat;background-size:contain;}
.header .wrap .title a,.header h1 {display:block;height:72px;text-indent:-100em;}
.header .page_control{width:660px;float:right;}
.header .page_control ul,#UD dl ,#UD dl dt ,.header .page_control dl dd {min-height:22px;margin:2px 1px;padding:0px;float:left;list-style:none;}
.header .page_control ul li {margin:5px 0px 2px 10px;padding-top:0px;float:left;}

#UD{width:360px;float:right;}
#UD dl.color_change ,#UD dl.textsize_change{width:170px;margin:0px;padding:5px 10px 0px;}
#UD dl.color_change{width:150px;}
#UD dl:before{top:5px;bottom:5px;left:0px;border-left:1px solid #BBBBBB;}
#UD dl dt{padding:4px 3px 0px 0px;background:no-repeat center center;background-size:contain;text-indent:-1000em;}
#UD dl.color_change dt {width:38px;background-image:url(../img/control_collar_title.png);}
#UD dl.textsize_change dt {width:65px;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:30px;height:30px;text-indent:-1000em;background:no-repeat center center;background-size:contain;}

.header div.right{clear:right;}
.header .page_control ul li a.announce {width:106px;background-image:url(../img/bt_voice.png);}
.header .page_control ul li a.language {width:130px;background-image:url(../img/bt_language.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/control_def_on.png);}
#UD dl dd.smaller a.textresizer-active {background-image:url(../img/control_font_small_on.png);}
#UD dl dd.larger a.textresizer-active {background-image:url(../img/control_font_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:392px;margin:32px 0px 3px;float:right;text-align:center;}
.header .page_control form.search label.search_txt{display:block;width:23%;/* max-width:74px; */margin-top:5px;float:left;background-image:url(../img/control_search_title.png);}
.header .page_control form.search input#search_txt {display:block;width:67%;min-height:21px;padding:6px;margin:5px 0px;border:none;background-color:#fafafa;box-shadow:inset 0px 0px 0px 2px #333333;float:left;}
.header .page_control form.search input#search_txt:focus {background-color:#ffffff;outline:1px solid #dddddd;}
.header .page_control form.search input.search_bt {width:9%;min-height:33px;color:#ffffff;padding:0px;margin:5px 0px;font-weight:bold;background:url(../img/control_search_bt.png) no-repeat center;background-color:#333333;border:none;float:left;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;text-indent:-100em;background-size:contain;}
.header .nav{padding:0px;border-top:2px solid #296acc;box-shadow:1px 1px 4px 0px rgba(204,204,204,0.65);}
.header .nav .menu_button{display:none;}
.header .nav .menu_button a{display:block;min-height:44px;background:url(../img/menu_open.png) no-repeat center center ;text-indent:-100em;}
.header .nav .menu_button a.active{background-image:url(../img/menu_clause.png);}
.header .nav ul {padding:0px;border-right:1px solid #BBBBBB;box-sizing:border-box;list-style:none;}
.header .nav ul li{width:20%;margin:0;float:left;}
.header .nav ul li a{display:block;min-height:50px;border-left:1px solid #BBBBBB;background:no-repeat center center;text-indent:-100em;}
.header .nav ul li.menu01 a{background-image:url(../img/menu01.png);}
.header .nav ul li.menu02 a{background-image:url(../img/menu02.png);}
.header .nav ul li.menu03 a{background-image:url(../img/menu03.png);}
.header .nav ul li.menu04 a{background-image:url(../img/menu04.png);}
.header .nav ul li.menu05 a{background-image:url(../img/menu05.png);}
.contents {width:1024px;margin:15px auto;font-size:0.9em;}
.contents .article,.contents .main {width:760px;float:left; clear:both;}
.contents .article{padding:16px;border:1px solid #296ACC;box-sizing:border-box;}
.no_nav .contents .article,.no_nav .contents .main {width:auto;float:none;}
.contents .article .section{margin-bottom:15px;border:1px solid #296acc;}
.contents h1{margin:-16px -16px 10px;padding:1em;border-top:5px solid #296acc;font-size:1.3em;}
/* subtopにh1がなかったため追記*/
.contents .main h1{margin:0px 0px 10px;}
.contents h1:before{left:10px;right:10px;bottom:0px;border-bottom:1px dashed #333333;}
/* subtopにh2がなかったため追記*/
.contents .article h2,
.contents .file_section h2,
.contents .link_section h2{padding:0.2em 0.5em;border-left:5px solid #296acc;font-size:1.2em;}
.contents .article .section h2,
.contents .file_section h2,
.contents .link_section h2{padding:0.5em;border:none;background:#e1edf7;}
.contents .article h3{padding:0.5em;background:#e1edf7;font-size:1.1em;}
.contents .article h4{ margin-bottom: 0.5em; padding:0.5em;padding-left:1.2em;font-size:1em;}
.contents .article h4:before{top:0.6em;left:0em;width:0.4em;height:0.4em;border:0.3em solid #296acc;border-radius:50%;}
.contents .article h5{ margin-bottom: 0.5em; font-size:1em;}
.contents .article h6{font-size:1em;}
.contents .article ol {padding-left:2em;}
.contents 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[class*="event_icon"] { padding-left: 32px;} /* イベントカレンダー */
.contents .article ul li:before{top:0.3em;left:8px;border:0.4em solid transparent;border-left:0.6em solid #296acc;}

.contents .article .txtbox ol { padding-left:3em;}
.contents .article .txtbox ul { padding-left:1em;}

.contents dl.news{padding:5px;}
.contents dl.news dt{width:8.5em;padding:0.5em;float:left;clear:both;}
.contents dl.news dd{margin:0px;padding:0.5em 0px;padding-left:9.5em;border-bottom:1px dotted #333333;vertical-align:middle;}
.contents ul.submenu li{width:50%;float:left;}
.contents ul.submenu li a{display:block;margin:2% 3%;padding:0.8em 1em 0.8em 2em;color:#091622;background:#e1edf7;text-decoration:none;}
.contents ul.submenu li a:before{top:8px;left:8px;bottom:8px;width:6px;background:#296acc;border-radius:3px;}
.contents .nav .theme ul li a:before{top:2px;left:2px;bottom:2px;width:4px;background:#296acc;}
.contents ul.submenu li a:after,
.contents .nav .theme ul li a:after{right:4px;bottom:4px;border:4px solid transparent;border-right-color:#296acc;border-bottom-color:#296acc;}
.contents ul.submenu li:nth-child(odd) a{margin-left:0px;}
.contents ul.submenu li:nth-child(even) a{margin-right:0px;}
.contents .list_link{position:absolute;top:14px;right:14px;}
.contents .main .list_link a{display:block;width:40px;margin-left:8px;min-height:20px;background:no-repeat center;background-size:contain;float:left;text-indent:-100em;}
.contents .link_list.feedListBody li{ position: relative; padding-left: 2.2em;}
.contents .link_list.feedListBody li:before { display: block; content: " "; clear: both; top: 0.2em; left: 1em; height: 0.8em; width: 0.8em; background: #296ACC; border-radius: 0.4em;}

/* ネットプリント追記 */
.contents .section.netprint_section { margin-top: 1em; margin-bottom: 1em; border: none;}
.contents .section.netprint_section h2 {}
.contents .section.netprint_section ul { margin: 1em 0px;}
.contents .section.netprint_section ul li { margin-bottom: 0.75em;}

/*subtop 対応により修正 ul⇒contents ul*/
.file_section ul li,.link_section ul li{margin-bottom:0.3em;}
.contents .file_section ul li,
.contents .link_section ul li{padding-left:2em;}
.contents .file_section ul li:before,
.contents .link_section ul li:before{top:0em;left:8px;border:0.4em solid transparent;border-left:0.6em solid #296acc;}

.contents .list_link a.list{background-image:url(../img/list_icon.png);color:#ffffff;background-color:#000000;}
.contents .list_link a.rss{background-image:url(../img/rss_icon.png);color:#000000;background-color:#FF4506;}
.contents ul.file_list li:before{top:0px;left:0.3em;width:16px;height:16px;border:none;background:url(../img/file_list_mark.gif) no-repeat;border-radius:0em;}
.contents ul.file_list li.pdf:before{background-image:url(../img/file_list_mark_pdf.png);}
.contents ul.file_list li.doc:before{background-image:url(../img/file_list_mark_doc.gif);}
.contents ul.file_list li.xls:before{background-image:url(../img/file_list_mark_xls.gif);}
.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 #666666;}
.contents .article table th {background:#e1edf7;}
.contents .article table.wide_table{display:block;width:100%;overflow:auto; box-sizing: border-box;}
.contents .article table.wide_table caption{display:block;}
.contents .article table.wide_table tbody{display:table;}
.contents .article .image_box,
.contents .article .txtbox .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{width:31%;float:left;}
.contents .article .image_box.twobox li{width:48%;}
.contents .article .image_box.fourbox li{width:23%;}

.contents .article ul[class*="image_box"] li:before{display:none;}
.contents .article ul[class*="image_box"] li img {padding:1%;max-width:98%;height:auto;background:#e1edf7;}
.contents .article ul[class*="image_box"] li p {position:static;width:auto;margin:0px;padding:3px;text-align:center;}

.contents .article .acrobat {margin:8px 15px 8px;padding:8px;}
.contents .article .acrobat {margin:8px 15px 8px;padding:8px;}
.contents .article .acrobat .icon {margin:0px 8px 0px 0px;border:none;float:left;}
.contents .article .acrobat p{margin:0px;font-size:0.9em;}
.contents .link_section ul li:before{width:16px;height:16px;border:none;background:url(../img/nav_list_mark.png) no-repeat;}

.contents .article .info_section{width:auto;border:none;} /* 60% */
.contents .article .info_section h2{padding:40px 0px 0px 6px;border-bottom:1px dashed #333333;background:none;} /* url(../img/joe_nav.png) no-repeat right bottom; */

.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%;}


/* youtube */
.contents .mv_area,
.contents .article .mv_area{position:relative;height:0px;width:100%;max-width:715px;margin:0 0 1em;padding-top:56.25%;overflow:hidden;}
.contents .mv_area.normal_wide,
.contents .article .mv_area.normal_wide{padding-top:75%;}
.contents .mv_area iframe,
.contents .article .mv_area iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.contents .mv_area p,
.contents .article .mv_area p{margin:0.5em 0;font-size:0.9em;}
.contents .section h2,
.contents .article .section h2{border-left:none;border-bottom:2px solid #002251;}


.contents .article .section{padding-bottom:0;}
.contents .article .section p{padding-left:1em;}
.contents .article .section .map_ground{padding-bottom:0;}

/* event */
.contents .article dl.event{margin:0px 3% 18px;padding:3%;border:2px solid #296acc;font-size:1em;}
.contents .article dl.event dt{width:23%;margin:12px 1% 6px;padding-left:1.2em;max-height:1.1em;float:left;clear:both;overflow:hidden;}
.contents .article dl.event dt:first-child { margin-top: 6px;}
.contents .article dl.event dt:before{top:0.1em;left:0px;border:1px dashed #333333;}
.contents .article dl.event dd{margin:0px;padding:6px 1%;padding-left:28%;border-bottom:1px dashed #333333;}
/* event-add */
.contents .article dl.event dt{width: auto; padding-left:0.2em; float:none; font-size:1.1em;font-weight: bold; border-left: 4px solid #296ACC;}
.contents .article dl.event dd{ padding-left: 1.2em; }

.contents .article dl.qanda dt,
.contents .article dl.qanda dd{min-height:31px;margin:0px;padding:30px 0px 0px 55px;background:no-repeat left 12px;}
.contents .article dl.qanda dt{background-image:url(../img/question.png);font-weight:bold;}
.contents .article dl.qanda dd{background-image:url(../img/answer.png);}
.contents .main .section,.contents .main .column,.contents .after .section{position:relative;margin-bottom:20px;padding:10px;border:1px solid #CCCCCC;}
.contents .main .news_letters{min-height:176px;border-color:#296acc;}
.contents .main .news_letters h2{margin:-10px -10px 15px;border-top:5px solid #296acc;text-indent:-100em;}
.contents .main .news_letters h2:before{top:20px;left:0px;width:20%;min-height:156px;background:url(../img/news_letters_title.png) no-repeat center;background-size:contain;}
.contents .main .news_letters dl.news{margin-left:20%;margin-right:10px;}
.contents .article ul.event_icon{margin:4px;}
.contents .article ul.event_icon li {padding-top:5px;float:left;}
.contents .article ul.event_icon.menu li {clear:both;float:none;}
.contents .article ul.event_icon li:before{width:20px;height:18px;border:none;}
.contents .article ul.event_icon li.event_icon01:before {background-image:url(../img/event_icon01.png);}
.contents .article ul.event_icon li.event_icon02:before {background-image:url(../img/event_icon02.png);}
.contents .article ul.event_icon li.event_icon03:before {background-image:url(../img/event_icon03.png);}
.contents .article ul.event_icon li.event_icon04:before {background-image:url(../img/event_icon04.png);}
.contents .article ul.event_icon li.event_icon05:before {background-image:url(../img/event_icon05.png);}
.contents .article ul.event_icon li.event_icon06:before {background-image:url(../img/event_icon06.png);}
.contents .article ul.event_icon li.event_icon07:before {background-image:url(../img/event_icon07.png);}
.contents .article ul.event_icon li.event_icon08:before {background-image:url(../img/event_icon08.png);}
.contents .article ul.event_icon li.event_icon09:before {background-image:url(../img/event_icon09.png);}
.contents .article table ul.event_icon li { clear: both;}
.contents .article .map_section .section{border:none;}
.contents .article .map_section .left_menu_list{width:40%;float:left;}
.contents .article .map_section .left_menu_list .list_category,
.contents .article .map_section .left_menu_list .list_place{margin-bottom:9px;padding:0px;border:1px solid #aaaaaa;}
.contents .article .map_section .left_menu_list .list_category > div,
.contents .article .map_section .left_menu_list .list_place > div{height:240px;padding:12px 8px;overflow:auto;}
.contents .article .map_section .left_menu_list .list_category h3{margin:0px;color:#ffffff;background:#007cbf;}
.contents .article .map_section .left_menu_list .list_place h3{margin:0px;background:#EEEEEE;}
.contents .article .map_section .left_menu_list .list_category ul li:before{background-image:url(../img/nav_list_mark.png);}
.contents .article .map_section .left_menu_list .list_place ul li:before{background-image:url(../img/nav_list_mark.png);}
.contents .article .map_section .right_contents {width:58%;padding:0px 1%;float:right;}
.contents .article .map_section .right_contents *{overflow:visible;}

.contents .article .soshiki_ichi .busho{width:50%;}
.contents .article .txtbox .soshiki_ichi{width:100%;}
.contents .article .txtbox td ul,.contents .article .txtbox td ol{padding-bottom:0;}
.contents .article .txtbox img { max-width: 100%; height: auto;}

/*faq*/
.contents .article [class*="faq"] a{transition-duration:0.3s;}
.contents .article .faq_list dl,
.contents .article .faq_list dl dt,
.contents .article .faq_list dl dd{margin:0px;padding:0.4em;float:left;}
.contents .article .faq_list dl dt{background:rgba(0,0,0,0.2);}
.contents .article .faq_list dl dd{}
.contents .article .faq_list input,
.contents .article .faq_list select{margin:-0.4em;padding:0.4em;border:1px solid #619AC5;font-size:0.9em;-webkit-appearance:none;}
.contents .article .faq_list select{min-height:2em;padding:0.2em 0.5em;}
.contents .article .faq_list input[type="submit"]{margin:5px auto;padding:0.2em 1em;background:#BED6E9;border-radius:5px;}

.contents .article .faq_link a {display:block ;margin:0px 0px 0px 10px; padding:0.5em 0.5em 0.5em 30px; float:right; color:#457497; background:no-repeat 3px center; border:1px solid #619AC5; border-radius:5px; text-decoration:none;}
.contents .article .faq_link a.pageback{background-image:url(../img/undo_icon.png);}
.contents .article .faq_link a.indexback{background-image:url(../img/voice_icon.png);}
.contents .article .faq_link a:hover{background-color:#EEF4F9;}

.contents .article .faq_pager strong,
.contents .article .faq_pager a{display:inline-block;margin:0px 5px;padding:0.2em 0.5em;border:1px solid #619AC5;text-decoration:none;}
.contents .article .faq_pager strong,
.contents .article .faq_pager a:hover{color:#122534;background-color:#BED6E9;}

/*Map*/
.contents .article .left_menu_list{width:305px;float:left;padding:5px;}
.contents .article .left_menu_list h2{color:#ffffff;background:#3D7BA1;border:none; margin-bottom: 0px}
.contents .article .left_menu_list h3{margin:0px;background:#CCCCCC;}
.contents .article .left_menu_list ul {margin:5px;}
.contents .article .left_menu_list ul li{padding-left:0.2em;}
.contents .article .left_menu_list ul li:before{display:none;}
.contents .article .list_category{margin-bottom:15px;padding:1px;border:3px solid #EBEAEC;}
.contents .article .list_place{border:2px solid #CCCCCC;height:300px;}
.contents .article .right_contents{width:610px;float:right;padding:5px;}
.contents .article .map_cate li{width:auto; float:left; padding-left:1.5em; padding-right:2em;}
#mapobject_map {width:100%;height:512px;margin:0px;border:2px solid #E2E0D8;overflow:visible;}
#mapobject_map div{overflow:visible;}
#mapobject_list small{font-size:1.1em;overflow:visible;}
#mapobject_kind{height:250px;width:100%;margin: 0px; overflow:auto;}
#mapobject_map div[style^="cursor: default;"],
#mapobject_map div[style^="cursor: default;"] > div > div[style^="position: absolute;"]{min-width:202px !important;}
#mapobject_map div[style^="cursor: default;"] .gm-style-iw,
#mapobject_map div[style^="cursor: default;"] .gm-style-iw > div,
#mapobject_map div[style^="cursor: default;"] > div > div[style^="position: absolute; left: 1px; top: 1px;"]{min-width:200px !important;}
#mapobject_map div[style^="width:230px"]{max-width:160px !important;}

.contents .article .menu{margin-bottom:1em;}
.contents .article .menu dt{margin:.5em 0 .5em;padding-left:2em;}
.contents .article .menu dt:before{top:0.3em;left:8px;border:0.4em solid transparent;border-left:0.6em solid #296acc;}
.contents .article .menu dd{margin-bottom:.8em;}
.contents .article .menu dd.nodata{margin: 0.5em auto 0px 1em;}

.contents .after{clear:both;}
.contents .nav {width:230px;float:right;}
.contents .nav ul,
.contents .nav dl{padding:4px;list-style:none;}
.contents .nav dl{border:1px solid #296acc;}
.contents .nav dl dt{padding:1em 0.5em;border-bottom:2px solid #296acc;background-color:#e1edf7;}
.contents .nav dl dt:before{right:5px;bottom:0px;width:35px;height:49px;background:url(../img/joe_nav.png) no-repeat right bottom;background-size:contain;}
.contents .nav dl dd{margin:0px;}
.contents .nav dl dd a{display:block;padding:1em 0.5em 1em 1.5em;color:#333333;border-bottom:1px dashed #333333;text-decoration:none;}
.contents .nav dl dd:last-child a{border:none;}
.contents .nav dl dd a:before{top:1em;left:0.2em;width:1em;height:1em;background:url(../img/nav_list_mark.png) no-repeat;background-size:contain;}
.contents .nav .section h2{border-bottom:2px solid #296acc;}
.contents .nav .theme h2{margin-bottom:12px;background:url(../img/theme_title.png) no-repeat;text-indent:-100em;}
.contents .nav .theme ul{padding:4px 0px;}
.contents .nav .theme ul li{margin-bottom:13px;border:1px solid #DDDDDD;}
.contents .nav .theme ul li a{display:block;padding:12px 10px 12px 16px;}
.contents .nav .theme ul li:nth-child(6n+1) a:before{background-color:#FF4000;}
.contents .nav .theme ul li:nth-child(6n+2) a:before{background-color:#2794AB;}
.contents .nav .theme ul li:nth-child(6n+3) a:before{background-color:#A4C541;}
.contents .nav .theme ul li:nth-child(6n+4) a:before{background-color:#7777BB;}
.contents .nav .theme ul li:nth-child(6n+5) a:before{background-color:#FFBF00;}
.contents .nav .theme ul li:nth-child(6n) a:before{background-color:#FF80C0;}
.contents .nav .theme ul li:nth-child(6n+1) a:after{border-bottom-color:#FF4000;border-right-color:#FF4000;}
.contents .nav .theme ul li:nth-child(6n+2) a:after{border-bottom-color:#2794AB;border-right-color:#2794AB;}
.contents .nav .theme ul li:nth-child(6n+3) a:after{border-bottom-color:#A4C541;border-right-color:#A4C541;}
.contents .nav .theme ul li:nth-child(6n+4) a:after{border-bottom-color:#7777BB;border-right-color:#7777BB;}
.contents .nav .theme ul li:nth-child(6n+5) a:after{border-bottom-color:#FFBF00;border-right-color:#FFBF00;}
.contents .nav .theme ul li:nth-child(6n) a:after{border-bottom-color:#FF80C0;border-right-color:#FF80C0;}

/*subtop用テキストバナー*/
.contents .nav ul.banner,
.contents .nav ul.textlink{margin:0px 0x 10px;padding:0px;}
.contents .nav ul.banner li,
.contents .nav ul.textlink li{margin:0px 0px 5px;padding:0px;}
.contents .nav ul.textlink li a{display:block;color:#333333;border:1px solid #CCCCCC;text-decoration:none;}
.contents .nav ul.textlink li a{padding:0.8em;padding-left:1.5em;}
.contents .nav ul.textlink li a:before{top:1em;left:0.5em;border:0.4em solid transparent;border-left:0.6em solid #333333;}

.contents .after ul.banner{margin:20px 5% 0px;}
.contents .after ul.banner li{width:20%;margin:0px 0px 10px;float:left;text-align:center;}
.contents .after ul.banner li:nth-child(5n+1){clear:both;}
.contents .after ul.banner li a img{max-width:100%;height:auto;}

/*171228*/
.contents ul#first-aid { margin-bottom:-0.5em; padding-bottom:0em;}

.footer {border-bottom:5px solid #296acc;font-size:0.9em;}
.footer .nav{box-shadow:inset 0px -3px 4px -2px rgba(204,204,204,0.65);}
.footer .nav ul{text-align:center;}
.footer .nav ul li{display:inline-block;padding:0px 1em;border-left:1px solid #00557D;}
.footer .nav ul li:first-child{border:none;}
.footer .wrap{width:1024px;margin:0px auto;padding-top:20px;overflow:visible;}
.footer dl{width:50%;margin:0px 0px 15px;float:left;}
.footer dl dt{font-size:1.2em;font-weight:bold;}
.footer dl dd{margin:5px 0px;}
.footer .wrap ul {margin:0px;padding:0.2em 0px;list-style:none;float:left;}
.footer .wrap ul li{float:left;}
.footer .wrap ul.info_link{width:35%;margin-right:15%;float:right;}
.footer .wrap ul.info_link li{width:50%;}
.footer .wrap ul.info_link li a{display:block;margin:3px 5%;padding:0.5em;color:#ffffff;background:no-repeat center #296acc;border-radius:5px;text-indent:-100em;}
.footer .wrap ul.info_link li.menu01 a{background-image:url(../img/info_link_title01.png);}
.footer .wrap ul.info_link li.menu02 a{background-image:url(../img/info_link_title02.png);}
.footer .wrap ul.info_link li.menu03 a{background-image:url(../img/info_link_title03.png);}
.footer .wrap ul.info_link li.menu04 a{background-image:url(../img/info_link_title04.png);}
.footer .wrap ul.info_link li.menu05 a{background-image:url(../img/info_link_title05.png);}
.footer .wrap ul.info_link li.menu06 a{background-image:url(../img/info_link_title06.png);}
.footer .wrap ul.info_link li.menu05 a,
.footer .wrap ul.info_link li.menu06 a{color:#000000;background-color:#9FD5F4;}
.footer .wrap ul.info_link li a:hover{opacity:0.9;}
.footer .wrap ul.site_link{width:61%;margin:0px;clear:both;}
.contents .after .banner .list_link,
.contents .introduction ul li,
.footer .wrap ul.site_link li{padding:0px 16px;background:url(../img/nav_list_mark.png) no-repeat;}
.footer .copyright{width:26%;margin:0px;margin-right:13%;text-align:right;font-size:0.8em;float:right;}
.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 rgba(41,106,204,0.9);border:2px solid #e1edf7;border-radius:50%;opacity:0.6;}
.footer .reread_link a:hover{opacity:1;}
.footer .wrap:before{right:0px;bottom:1em;width:123px;height:178px;background:url(../img/joe.png) no-repeat;}
.footer .wrap:after{display:block;content:" ";clear:both;}

.contents .article .menu dt,
#UD dl.color_change ,#UD dl.textsize_change,
.contents h1,
.contents .article h4,
.contents ul li,
.contents ul.submenu li a,
.contents .main .news_letters h2,
.contents .nav dl dt,
.contents .nav dl dd a,
.contents .nav .theme ul li a,
.contents .nav ul.textlink li a,
.footer .wrap{position:relative;}

.contents .article .menu dt:before,
#UD dl.color_change:before,#UD dl.textsize_change:before,
.contents h1:before,
.contents .article h4:before,
.contents ul li:before,
.contents ul.submenu li a:before,
.contents ul.submenu li a:after,
.contents .main .news_letters h2:before,
.contents .main .news_letters h2:after,
.contents .nav dl dt:before,
.contents .nav dl dd a:before,
.contents .nav .theme ul li a:before,
.contents .nav .theme ul li a:after,
.contents .nav ul.textlink li a:before,
.footer .wrap: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-left: 1em; padding: 0.1em 0.2em 0em 1.2em;
  border: none; border-bottom: 1px solid #006699;
  color: #006699; font-size: 1.02em; font-weight: bold; font-family: "メイリオ", Meiryo;
  background: url(http://www.city.onojo.fukuoka.jp/core/img/nav_list_mark.png) left 0.25em no-repeat #ffffff;
}


/* 200721 A-form*/
.form .contents .article .txtbox ul { padding-left: 0; box-sizing: border-box;}
.form .contents .article .txtbox ul li { padding-left: 0; box-sizing: border-box;}
.form .contents .article .txtbox ul li:before { display: none;}

.form .contents .aform-content input.aform-name,
.form .contents .aform-content input.aform-kana { margin-right: 0;}
.form .contents .aform-button-area { text-align: center;}
.form .contents .aform-button-area input[type="submit"] { padding: 0.5em 1em;}


/*------------------------------------------------
  plus
------------------------------------------------*/ 
/* 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:4.5em;text-align:center;border:4px solid #ccc;background:#E1EDF7;}
 #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:1030px){
 #pc{display:none;}
 #sp{display:block;}
}

/* calendar */
.contents .article .calendar-table th:nth-of-type(1) { width: 14.5em;}
.contents .article .calendar-table td {}

/* サイト内検索 */
.contents .article .search_result_google{overflow:visible;}
.contents .article .search_result_google *{padding:0px;overflow:visible;font-size:1em!important; font-weight:normal!important;line-height:1.3;}
.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;}
.contents .article .search_result_google .gsc-results .gs-title{font-size:1.1em!important;padding-bottom:0.3em;}
.contents .article .search_result_google .gsc-results .gsc-url-top{padding-bottom:0.3em;}
.contents .article .search_result_google .gsc-results .gsc-option-menu-item{color:#444!important;}

/* Google Map Accesibility */
.contents .article .map_section .gm-style,
.contents .article .map_section .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .gm-style .gm-style-cc span,
.contents .article .map_section .gm-style .gm-style-cc a,
.contents .article .map_section .gm-style .gm-style-mtc div,
.contents .article .map_section .gm-style .gm-style-iw{font-size:0.8em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .gm-style a{text-decoration:underline!important;}

/* form 161116*/
.contents .article .form_section form fieldset{padding:0px 0px 15px;border:none;}
.contents .article .form_section form legend{margin: 8px 0px;}
.contents .article .form_section form textarea { width: auto; min-width: 95%; margin-top: 1em; margin-left: auto; margin-right: auto; box-sizing: border-box;}

/* formdata 180406 */
table.formdata th{width:10em;text-align: left;}

@media screen and (min-width: 0px) and (max-width: 1024px) {
textarea ,
#TOP,
.header .wrap,
.header .nav ul,
.header .page_control,
#UD,
.header .page_control ul li a.announce ,
.header .page_control ul li a.language ,
.header .page_control form.search ,
.contents ,
.contents .article,.contents .main ,
.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 .info_section,
.contents .article .map_section .left_menu_list,
.contents .article .map_section .right_contents ,
.contents .nav ,
.footer .wrap,
.footer dl,
.footer .wrap ul.info_link,
.footer .wrap ul.info_link li,
.footer .wrap ul.site_link,
.footer .copyright{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.header .page_control ul ,#UD dl ,#UD dl dt ,.header .page_control dl dd {min-height:44px;}
.header .page_control ul li{min-width:100px;}
#UD dl.color_change dt {width:76px;}
#UD dl.textsize_change dt {width:130px;}
#UD dl dd a,.header .page_control ul li a{width:44px;height:44px;}
.contents .list_link a{width:66px;min-height:33px;}
.footer .wrap:before{display:none;}
.contents .after ul.banner li{width:33.3%;}
.contents .after ul.banner li:nth-child(5n+1){clear:none;}
#UD dl.color_change, #UD dl.textsize_change{width:auto;}
.contents .main .list_link a{width:55px;}
#UD,
.header .page_control form.search,
.contents .after ul.banner li:nth-child(3n+1){clear:both;}
.shigikai .header .nav ul li{width:25%;}
.contents .article .left_menu_list{width:23%;padding:1%;}
.contents .article .right_contents{width:73%;padding:1%;}
}

@media screen and (min-width: 0px) and (max-width:880px) {
.header .nav ul li{width:32.3%;}
.header .nav ul:after{display:block;content:" ";width:32.3;min-height: 50px;float:left;border-left: 1px solid #BBBBBB;}

/* YouTube */
.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 .image_box li,
.contents .article .image_box.twobox li,
.contents .article .image_box.fourbox li{width:48%;margin;5px auto;}
.contents .article ul[class*="image_box_"] li{width:98%;margin;5px auto;}

.header .page_control {clear:both;}
.header .wrap .title,.header h1 ,
#UD dl.color_change ,#UD dl.textsize_change,
#UD dl.color_change,
#UD dl.color_change dt ,
#UD dl.textsize_change dt ,
.header .nav ul li,
.contents dl.news dt,
.contents ul.submenu li,
.contents .after ul.banner li{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.contents dl.news dt{padding:0em;}
.header .page_control ul,.header .nav ul,#UD dl.color_change,#UD,.header .page_control form.search label.search_txt,.header .nav ul:after{display:none;}
.header .nav .menu_button{display:block;}
.header .page_control form.search{clear:both;margin:0px 0.2em;}
.header .page_control form.search input#search_txt{width:85%;}
.header div.right{float:none;text-align:center;display:none;}
.contents .emergency{padding:0px;}
.contents dl.news dd{padding-left:0px;}
.main ul.three_column li{width:48%;}
.main ul.three_column li:nth-child(3n+1){clear:none;}
.main ul.three_column li:nth-child(2n+1){clear:both;}
.contents .list_link{position:static;}
.contents .main .list_link a{width:38%;min-height:33px;margin:6%;}

/*Map*/
.contents .article .left_menu_list,
.contents .article .right_contents{width:auto;float:none;}
.header .wrap .title,.header h1 {margin-top:20px;background-position:center;}
.shigikai .header .nav ul li,.header .page_control{width:auto;float:none;}
 
/* formdata */
.contents .article table.formdata th,
.contents .article table.formdata td{display: block;width:auto;border:none;}
.contents .article table.formdata th{margin:.6em 0;}
.contents .article table.formdata input[type=text],
.contents .article table.formdata textarea{width:95%;margin:10px 1% 0;padding:auto 0;}
  
/*shoshiki ichiran*/
.contents .article .txtbox .soshiki_ichi{border-collapse: collapse;border:none;}
.contents .article .txtbox .soshiki_ichi .title{display:none;}
.contents .article .txtbox .soshiki_ichi tr{border:none;display:block;margin:0px;}
.contents .article .txtbox .soshiki_ichi td{border:none;display:block;width:auto;}
.contents .article .txtbox .soshiki_ichi td.headtitle{padding:3px;border:1px solid #e1edf7;background:#F3F8FC;}

.footer .wrap ul.info_link,
.contents ul.submenu li:nth-child(odd) a,
.contents ul.submenu li:nth-child(even) a{margin-left:auto;margin-right:auto;}
.contents{margin-bottom:1em;}
.footer .nav ul{padding-left:0;}
.footer .nav ul li {display: block;float: left;width: 48%;padding: 12px 0;margin: 0 1% 10px;border: none;background: #E1EDF7;}
.footer .wrap ul.site_link{margin-bottom:2px;}
.footer .wrap ul.site_link li{display: block;border-top: 1px solid #296ACC;background:none;width: 98%;margin: 0;padding: 0 1%;}
.footer .wrap ul.site_link li a{display:block;background:url(../img/nav_list_mark.png) no-repeat 0 center;padding: 9px 0 9px 16px;}
.footer .wrap ul.site_link li:last-child{border-bottom:1px solid #296ACC;}
.footer .copyrigh{margin-right:0;text-align: center;}

.contents .article .calendar-table th,
.contents .article .calendar-table th:nth-of-type(1) ,
.contents .article .calendar-table td { display: block; width: auto;}
.contents .article .calendar-table th { width: auto;}
.contents .article .calendar-table td {}

.contents .article .form_section form fieldset label,.contents .article .form_section dl dd label { display: block; margin-bottom: 1.5em;}
.contents .article .form_section input[type=radio] { margin-bottom: 1.5em; display: block; float: left;}

/* youtube */
.mv_area { position: relative; width: 100%; padding-top: 56.25%;}
.mv_area iframe { position: absolute; top: 0px; right: 0px; width: 100% !important; height: 100% !important;}
}

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

/*aform*/
.contents .article .aform-header{display:none;}



/* 20190204 add ex */
.header .wrap .title a, .header h1 { height: 90px;}
.header .wrap .title, .header h1 { width: 310px; margin-top: 26px;}
.header div.right a { display: block; width: 257px;}
.header .page_control form.search { margin-top: 22px; padding-right: 10px; box-sizing: border-box;}
.header .page_control form.search label.search_txt { height: 44px; width: 110px; max-width: initial;}
.header .page_control form.search input#search_txt { height: 44px; width: calc(90% - 110px); box-sizing: border-box;}
.header .page_control form.search input.search_bt { height: 44px; width: 10%;}
.footer #mapopen { position: relative; display: inline; cursor: pointer;}
.footer #mapopen:after { position: absolute; content:""; display: block; right:-20px; top: 1px; padding: 0em; width:16px; height:16px; background: url(https://www.city.onojo.fukuoka.jp/core/img/nav_list_mark.png) no-repeat; transform:rotate(90deg);}
.footer #mapopen.active:after { transform:rotate(-90deg);right:-19px;}
.footer #maparea { display: none; margin: 5px;}
.footer #maparea iframe { max-width: 100%; height: 350px;}

@media screen and (min-width: 1024px) {
.header .page_control ul li a,
#UD dl dt,
#UD dl dd a { height: 40px;}
#UD { width: 380px;}
#UD dl dt { margin-top: 0px;}
#UD dl dd a { width: 34px;}
#UD dl.color_change,
#UD dl.textsize_change { width: 178px; padding-left: 3px; padding-right: 3px;}
}

@media screen and (max-width: 1024px) and (min-width: 0px) {
#UD dl.color_change, #UD dl.textsize_change { width: auto;}
.header .page_control form.search { float: left; clear: none; width: calc(100% - 257px);}
.header .page_control form.search label.search_txt {}
.header .page_control form.search input#search_txt { width: calc(88% - 110px);}
.header .page_control form.search input.search_bt { width: 12%;}
.footer dl,
.footer .wrap ul.info_link { margin-left: 3%; margin-right: 3%;}
.footer #maparea iframe { width: 100%; height: 400px;}
}

@media screen and (max-width: 880px) and (min-width: 0px) {
.header div.right { padding-right: 10px;}
.header .page_control form.search { float: none; clear: both; width :100%;}
}

@media screen and (max-width: 640px) and (min-width: 0px){
.header .wrap .title a, .header h1 { height: 80px;}
.header .wrap .title, .header h1 { width: auto; margin-top: 15px; margin-bottom: 15px;}
.header div.right  { display: block; padding-right: 0px;}
.header div.right a { margin: 0 auto;}
.header .page_control form.search { width: 94%; margin-left: 3%; margin-right: 3%; margin-top: 10px; padding-right: 0px;}
.header .page_control form.search input#search_txt { width: 88%;}
.footer dl { line-height: 1.5em;}
}


/*--------------------------
 翻訳対応190910
--------------------------*/
.header .page_control { width: auto; max-width: 660px;}
#UD,
#UD dl.textsize_change,
#UD dl.color_change { width: auto;}

.header .page_control form.search label.search_txt,
.header .page_control ul li a.announce,
#UD dl.textsize_change dt,
#UD dl.color_change dt { display: flex; align-items: center; -ms-flex-align: center; text-indent: 0; background-image: none;}

.header .page_control ul li a.announce { position: relative; padding-left: 24px; text-decoration: none; box-sizing: border-box;}
.header .page_control ul li a.announce:before { position: absolute; display: block; content: ""; top: 0px; bottom: 0px; left: 0px; width: 24px; background: url(http://www.city.onojo.fukuoka.jp/core/img/bt_voice.png) left center no-repeat;}

.header .page_control ul li a.announce,
#UD dl.textsize_change dt,
#UD dl.color_change dt { width: auto; font-size: 0.85em; box-sizing: border-box;}

.contents .nav .theme h2 { position: relative; text-indent: 0em; padding: 0.3em 0.5em 0.3em 28px; font-size: 1.1em; background: none;}
.contents .nav .theme h2:before { position: absolute; display: block; content: ""; top: 0px; bottom: 0px; left: 0px; width: 28px; background:url(/core/img/theme_title.png) no-repeat left center;}
.contents .nav .theme ul li a { font-size:1.1em; text-decoration: none;}

#header_tel { text-decoration: none; border: 1px solid #aaaaaa; border-radius: 0.3em; box-sizing: border-box;}
#header_tel span.hedding { margin-bottom: 0; padding: 0.3em 0.5em 0.3em; font-size: 0.8em; color: #ffffff; background-color: #296ACC;}
#header_tel span { display: block;}
#header_tel span.frame { position: relative; margin: 0; padding: 0.05em 0.05em 0.05em 40px; font-size: 1.4em; color: #000000;}
#header_tel span.frame span.comment { padding: 0 0.05em 0.05em; font-size: 0.45em;}
#header_tel span.frame:before { position: absolute; display: block; content: ""; top: 4px; height: 36px; left: 0px; width: 40px; background: url(http://www.city.onojo.fukuoka.jp/core/img/callcenter.png) -4px -30px no-repeat;}
#header_tel img {max-width: 100%; height: auto;}

@media screen and (max-width: 1024px) and (min-width: 0px){
  #UD dl.textsize_change dt,
  #UD dl.color_change dt {font-size: 1.3em;}
  .header .page_control form.search { margin-top: 0;}
  .header .page_control form.search { width: 100%;}
}

@media screen and (max-width: 640px) and (min-width: 0px){
 .header .page_control form.search { width: 94%;}
 .header .page_control form.search label.search_txt { display: inline-block; width: 0px; height: 0px; overflow: hidden;}
}