@charset "utf-8";
/******************************
 宗像市公式 style.css
 20150619
******************************/
body{
  margin:0px;color:#333333;background:#FEF9F1;font-size:100%;line-height:1.3;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,'MS Pゴシック', sans-serif;
}
.header ,.article ,.footer ,.section ,h1,h2,h3,hr{clear:both;}/*-clear-*/
.article ,.section ,.nav ,dl,ul,h2,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 -*/

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:1px;height:1px;overflow:hidden;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;font-size:0.9em;}
a{color:#006699;text-decoration:underline;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}
div.right{float:right;}
div.left{float:left;}
p.right{text-align:right;margin-right:10px;}
p.center{text-align:center;}

.header {margin-bottom:15px;padding:5px 0px 0px;background:url(../img/header_bg.png);border-top:4px solid #332813;}
.header .wrap,.footer .wrap ,.header .nav ul{width:1000px;margin:0px auto;padding:2px 0px;}
.header .wrap .title,.header h1 {width:208px;height:64px;margin-top:25px;float:left;background:url(../img/title.png) no-repeat;}
.header .wrap .title a,.header h1 {display:block;height:64px;text-indent:-100em;}
.header .title {float:left;}
.header .page_control{float:right;}
.header .page_control ul ,.header .page_control dl ,.header .page_control dl dt ,.header .page_control dl dd {min-height:25px;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;}
.header .page_control dl.color_change ,.header .page_control dl.textsize_change{width:187px;margin:0px;padding:5px 0px 0px 0px;float:right;}
.header .page_control dl.color_change{width:177px;}
.header .page_control dl dt{padding:4px 3px 0px 0px;background:no-repeat left top;text-indent:-1000em;}
.header .page_control dl.color_change dt {width:44px;background-image:url(../img/control_collar_title.png);}
.header .page_control dl.textsize_change dt {width:74px;background-image:url(../img/control_font_title.png);}
.header .page_control dl dd a,.header .page_control ul li a,.header .page_control form.search label.search_txt{display:block;width:28px;height:28px;text-indent:-1000em;background:no-repeat center center;}
.header .page_control ul li a{border:1px solid #DDDDDD;background:#ffffff no-repeat center center;}
.header .page_control ul li a.announce {width:160px;background-image:url(../img/bt_voice.png);}
.header .page_control ul li a.language {width:160px;background-image:url(../img/bt_language.png);}
.header .page_control dl dd.default a{width:45px;background-image:url(../img/control_def.png);}
.header .page_control dl dd.smaller a{background-image:url(../img/control_font_small.png);}
.header .page_control dl dd.larger a{background-image:url(../img/control_font_big.png);}
.header .page_control dl dd.high a{background-image:url(../img/control_collar_high.png);}
.header .page_control dl dd.low a{background-image:url(../img/control_collar_low.png);}
.header .page_control form.search {width:300px;margin:8px 0px 10px;float:right;text-align:center;}
.header .page_control form.search label.search_txt {display:block;width:40%;float:left;background-image:url(../img/control_search_title.png);}
.header .page_control form.search input#search_txt {display:block;width:45%;padding:6px 0px;margin:5px 0px 5px;border:none;background-color:#fafafa;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:15%;color:#533F13;padding:3px 0px;margin:5px auto 5px;font-weight:bold;background-color:#efddb4;border:none;float:left;font-family:Meiryo,'メイリオ','MS PゴシチE??',sans-serif;}
.header .nav{padding:2px 0px;background:url(../img/nav_bg.png) repeat left top;border:1px solid #DFC592;border-left:none;border-right:none;box-shadow: inset 0px 30px 10px 0px rgba(255,255,255,0.2);}
.header .nav:before,
.header .nav:after{left:0px;width:100%;height:1px;background:rgba(255,255,255,0.5);}
.header .nav:before{top:1px;}
.header .nav:after{bottom:1px;}
.header .nav .menu_button{display:none;}
.header .nav .menu_button a{display:block;height:45px;background:url(../img/menu_open.png) no-repeat center center;text-indent:-100em;}
.header .nav ul {list-style:none;}
.header .nav ul li{width:23.5%;margin:0;float:left;}
.header .nav ul li a{display:block;height:50px;background:no-repeat center center;color:#754C24;border-left:1px dotted #997531;font-weight:bold;text-decoration:none;text-indent:-100em;overflow:hidden;}
.header .nav ul li:last-child a{border-right:1px dotted #997531;}
.header .nav ul li.menu01{width:17.6%;}
.header .nav ul li.menu03{width:21.4%;}
.header .nav ul li.menu05{width:14%;}
.header .nav ul li.menu01 a {background-image:url(../img/menu_title01.png);}
.header .nav ul li.menu02 a {background-image:url(../img/menu_title02.png);}
.header .nav ul li.menu03 a {background-image:url(../img/menu_title03.png);}
.header .nav ul li.menu04 a {background-image:url(../img/menu_title04.png);}
.header .nav ul li.menu05 a {background-image:url(../img/menu_title05.png);}
.article {width:1000px;margin:0px auto;}

.article .locus{margin:0px 20px 15px;padding-left:1.5em;}
.article .locus:before{left:0.23em;top:0.5em;border:0.28em solid #B7B7B7;}
.article .locus:after{left:0em;top:0.1em;border:0.5em solid transparent;border-bottom:0.5em solid #B7B7B7;border-top:none;}
.article .contents {width:754px;float:right;margin:3px 0px 30px 0px;background:#ffffff;box-shadow: 0px 0px 2px 4px #EDE6CC;}
.no_nav .article .contents {width:auto;float:none;margin:3px 20px 30px;}
.article .contents > .section{padding:0px 24px 15px;}
.article .contents h1{margin:10px 10px 20px;padding:20px 13px;border-bottom:1px solid #E1BE75;border-top:3px solid #DBB15B;font-size:1.2em;background-color:#ffffff;background-image: -o-linear-gradient(top, transparent 50%, #f9f5ec 100%);background-image: -moz-linear-gradient(top center, transparent 50%, #f9f5ec 100%);background-image: linear-gradient(to bottom, transparent 50%, #f9f5ec 100%);}
.article .contents h2{padding:0.2em 0.2em 0.2em 21px;border-bottom:1px dotted #828282;font-size:1.2em;}
.article .contents h2:before{left:6px;top:0.3em;width:6px;height:1em;background:#D6A23C;}
.article .contents h3{padding:0.2em 0.2em 0.2em 1.6em;font-size:1em;}
.article .contents h3:before{left:2px;top:0.3em;width:0.4em;height:0.4em;border:0.4em solid #D6A23C;border-radius:0.5em;}
.article .contents h4{padding:6px 6px 4px;border-bottom:1px solid #CCCCCC;font-size:1em;}
.article .contents h5{padding-left:1.3em;font-size:0.9em;}
.article .contents h5:before{left:0px;top:0.3em;border:0.4em solid #D6A23C;border-radius:0.5em;}
.article .contents ol {padding-left:2em;}
.article .contents ul{list-style:none;padding-left:0px;}
.article .contents ul>li{padding-left:2em;}
.article .contents ul>li:before{left:0.8em;top:0.3em;border:0.3em solid #D6A23C;border-radius:0.5em;}
.article .contents ul.menu li{margin-bottom:0.5em;border-bottom:1px dotted #999999;}
.article .contents ul.menu li:before{border:0.3em solid transparent;border-left:0.5em solid #999999;border-radius:0em;}
.article .contents dl.menu dt,
.article .contents dl.menu dd{margin:3px;padding:0.5em 6px 6px 1.5em;}
.article .contents dl.menu dt{border-bottom:1px dotted #333333;}
.article .contents dl.menu dd{margin-bottom:15px;}
.article .contents dl.menu dt a{color:#333333;}
.article .contents ol li,
.article .contents ul li{margin-bottom:0.3em;}
.article .contents .figure{margin-bottom:15px;border:4px solid #D5D5D5;padding:4px;}
.article .contents .figure img{width:100%;height:auto;}
.article .contents .info_section{padding:8px;border:1px dotted #999999;}
.article .contents .form_section{border:1px solid #E3C482;}
.article .contents .link_section h2,
.article .contents .file_section h2{color:#4A3911;background:#EEDDB5;font-size:1em;}
.article .contents .info_section h2{font-size:1em;}
.article .contents .info_section h2:before{left:0.3em;top:0.3em;width:0.2em;height:0.2em;background-color:transparent;border:0.3em solid #DBB15B;border-radius:0.5em;}
.article .contents .link_section h2:before,
.article .contents .file_section h2:before,
.article .contents .event_section h2:before,
.article .contents .calendar_section h2:before,
.article .contents .form_section h2:before {display:none;}
.article .contents .form_section h2{padding:8px;font-size:1em;border:none;text-align:center;background-image: -o-linear-gradient(top, #ffffff 0%, #f8f3e9 100%);background-image: -moz-linear-gradient(top center, #ffffff 0%, #f8f3e9 100%);background-image: linear-gradient(to bottom, #ffffff 0%, #f8f3e9 100%);}
.article .contents .form_section dl dd{margin:0px 0px 15px;}
.article .contents ul.event_icon li:before,
.article .contents .file_section ul 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;}
.article .contents .file_section ul li.pdf:before{background-image:url(../img/file_list_mark_pdf.png);}
.article .contents .file_section ul li.doc:before{background-image:url(../img/file_list_mark_doc.gif);}
.article .contents .file_section ul li.xls:before{background-image:url(../img/file_list_mark_xls.gif);}
.article .contents .link_section ul li:before{top:0.1em;border:none;width:16px;height:16px;background:url(../img/link_list_mark.png) no-repeat center top;}
.article .contents .form_section dl{overflow:hidden;}
.article .contents .form_section form{padding:0px 24px;}
.article .contents table{border-collapse: collapse;margin-bottom:15px;}
.article .contents table caption{padding:4px 0px;}
.article .contents table table,.article .contents table ul,.article .contents table ol,.article .contents table table dl{margin-bottom:0px;}
.article .contents table th,.article .contents table td{padding:0.5em;border:1px solid #E3C482;}
.article .contents table th {color:#4A3A11;background:#F2E6C8;}
.article .contents .image_box{width:100%;margin:0px 0px 10px;padding:0px;}
.article .contents .image_box_center{min-width:240px;width:50%;max-width:80%;margin:0px auto 10px;padding:0px;}
.article .contents .image_box_right{max-width:50%;float:right;padding:0px;}
.article .contents .image_box_left{max-width:50%;float:left;padding:0px;}
.article .contents .image_box li, .article .contents .image_box_center li, .article .contents .image_box_right li, .article .contents .image_box_left li {margin:5px 1%;padding:0px;text-align:center;}
.article .contents .image_box li{max-width:31%;float:left;background:#f6f6f6;}
.article .contents .image_box_right li{max-width:98%;}
.article .contents .image_box li:before, .article .contents .image_box_center li:before, .article .contents .image_box_right li:before, .article .contents .image_box_left li:before{display:none;}
.article .contents .image_box li img, .article .contents .image_box_center li img, .article .contents .image_box_right li img, .article .contents .image_box_left li img {margin:1%;max-width:98%;width:/***/auto; /* IE8用 */height:auto;}
.article .contents .image_box li p, .article .contents .image_box_center li p, .article .contents .image_box_right li p, .article .contents .image_box_left li p{position:static;width:auto;margin:0px;padding:3px;text-align:center;}
.article .contents .image_box li.clear{clear:both;}
.article .contents .acrobat {margin:8px 15px 8px;padding:8px;border:3px solid #EFEFEF;}
.article .contents .acrobat .icon {margin:0px 8px 0px 0px;border:none;float:left;}
.article .contents .acrobat p{margin:0px;font-size:0.9em;}.article .contents dl.event{margin:0px 3% 18px;padding:3%;color:#261E0B;border:5px solid #EDE6CC;font-size:1em;}
.article .contents.calendar .section{float:left;clear:none;width:690px;}
.article .contents.calendar .nav{width:210px;margin-right:10px;}
.article .contents.calendar .nav h2{text-align:center;font-size:100%;}
.article .contents.calendar .nav h2:before{display:none;}
.article .contents.calendar .nav ul li{border:none;font-size:90%;padding:3px 1.8em;}
.article .contents dl.event dt{width:23%;margin:6px 1%;padding-left:1.2em;max-height:1.1em;float:left;clear:both;overflow:hidden;}
.article .contents dl.event dt:before{top:0.1em;left:0px;border:0.4em solid #C5AD5F;}
.article .contents dl.event dd{margin:0px;padding:6px 1%;padding-left:28%;border-bottom:2px solid #EDE6CC;}
.article .contents ul.event_icon{margin:4px 25px;}
.article .contents ul.event_icon li.event_icon01:before {width:20px;height:18px;background-image:url(../img/calendar_icon01.png);}
.article .contents ul.event_icon li.event_icon02:before {width:20px;height:18px;background-image:url(../img/calendar_icon02.png);}
.article .contents ul.event_icon li.event_icon03:before {width:20px;height:18px;background-image:url(../img/calendar_icon03.png);}
.article .contents ul.event_icon li.event_icon04:before {width:20px;height:18px;background-image:url(../img/calendar_icon04.png);}
.article .contents ul.event_icon li.event_icon05:before {width:20px;height:18px;background-image:url(../img/calendar_icon05.png);}
.article .contents ul.event_icon li.event_icon06:before {width:20px;height:18px;background-image:url(../img/calendar_icon06.png);}
.article .contents ul.event_icon li.event_icon07:before {width:20px;height:18px;background-image:url(../img/calendar_icon07.png);}
.article .contents .even_section{border:5px solid #CECEE1;}
.article .contents .event_section h2{background:#CECEE1;border:none;padding:5px;}
.article .contents .event_section ul.event_icon li {padding:8px 8px 13px 38px;border-bottom:1px dotted #333333;float:none;}
.article .contents .event_section ul.event_icon li:before{top:8px;}
.article .contents .calendar_section h2{padding:8px;color:#281F0D;border:3px double #EAD7B3;background-color:#F8F3EA;font-weight:bold;}
.article .contents .calendar_section table td{min-width:8.5em;}
.article .contents .calendar_section table{width:97%;margin-left:10px;}
.article .contents .calendar_section table td:first-child{width:11em;}
.article .contents .calendar_section .navgation{width:auto;margin:0;float:none;}
.article .contents .calendar_section .navgation p.previous_month{float:left;}
.article .contents .calendar_section .navgation p.next_month{float:right;}
.article .contents .main_contents{float:left;}
.article .contents img{max-width:100%;height:auto;}

/* news */
.article .contents .news dl{padding:5px 10px;}
.article .contents .news dt{position:relative;width:5.5em;padding-left:4.5em;float:left;line-height:1.5;}
.article .contents .news dd{margin:0 0 .5em;padding:0 0 .2em 10em;border-bottom:1px dotted #666666;line-height:1.5;vertical-align:middle;}
.article .contents .news dl dt span{position:absolute;top:0.1em;left:0px;width:4em;padding:0.1em 0.5em;color:#ffffff;text-align:center;font-size:0.75em;}
.article .contents .news dl dt span.cate1 {background:#58731C;}
.article .contents .news dl dt span.cate2 {background:#B05800;}
.article .contents .news dl dt span.cate3 {background:#DC2944;}
.article .contents .news dl dt span.cate4 {background:#6960AF;}

/* subtop */
.article .contents h1.imgtitle{margin-left:20px;background:none;border:none;}
.article .contents .news h2{text-indent:-100em;background:url(../img/subtop_new.gif) no-repeat 2em center;border-bottom:1px solid #000000;}
.article .contents .news h2:before{left:2px;top:0.3em;width:0.4em;height:0.4em;border:0.4em solid #D6A23C;border-radius:0.5em;background:none;}
.article .contents .news_compact {margin:3px 10px;padding:5px 0px;clear:both;}
.article .contents .news_compact dt{width:5.5em;padding-left:1em;color:#333333;float:left;line-height:2;font-weight:normal;padding-top:2px;padding-bottom:2px;padding-left:20px}
.article .contents .news_compact dd{margin:0px;padding-left:5em;border-bottom:1px dotted #666666;line-height:2;vertical-align:middle;background: no-repeat 5.8em 0.1em;padding-top:2px;padding-bottom:2px;}
.article .contents .heading_link {text-indent:0em;display:block;float:right;}
.article .contents .heading_link a {margin-left:8px;}
.article .contents .subtop ul{margin:0px;padding:0px;list-style:none;}
.article .contents .subtop ul li{width:45%;float:left;margin:10px 10px;padding:2px;border:1px solid #B7AB68;background-color:#F8F3EA;}
.article .contents .subtop ul li:before{display:none;}
.article .contents .subtop ul li a{display:block;padding:8px;border:1px solid #B7AB68;padding-right:2em;text-decoration:none;color:#6D540C;}
.article .contents .subtop ul li a:before{top:0.5em;right: 0.5em;border:none;width:18px;height:18px;background:url(../img/subtop_icon.gif) no-repeat center center;}
.article .contents .subtop ul li a:hover{opacity:0.8;}
.article .contents .subtop ul li.clear { clear:both; }

/* query */
.article .contents dl.question_answer dt{padding:10px 6px 10px 45px;margin:0 0 2em;font-weight:bold;background: url("../img/question_ico.png") no-repeat scroll 0% 0% transparent;}
.article .contents dl.question_answer dd{margin-left:3px;padding: 6px 6px 10px 45px;background: url("../img/answer_ico.png") no-repeat scroll 0% 0% transparent;}

/*Map*/
.article .contents .left_menu_list{width:305px;float:left;padding:5px;}
.article .contents .left_menu_list h2{color:#ffffff;background:#409FD9;border:none; margin-bottom: 0px}
.article .contents .left_menu_list h3{margin:0px;background:#CCCCCC;}
.article .contents .left_menu_list ul {margin:5px;}
.article .contents .left_menu_list ul li{padding-left:0.2em;}
.article .contents .left_menu_list ul li:before{display:none;}
.article .contents .list_category{margin-bottom:15px;padding:1px;border:3px solid #EBEAEC;}
.article .contents .list_place{border:2px solid #CCCCCC;height:300px;}
.article .contents .right_contents{width:610px;float:right;padding:5px;}
#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;}

/* barrierfree */
.article .contents ul.barrierfree {margin:10px 5px;clear:both;}
.article .contents ul.barrierfree li{width:170px;padding:5px 0px;float:left;margin:0px;list-style:none;background:none;}
.article .contents ul.barrierfree li:before{display:none;}

/* サイト内検索対応 */
.article .contents .search_result_google div{overflow:hidden;}
.article .contents .search_result_google table td,.article .contents .search_result_google table th{border:none;}

.article .nav {width:220px;float:left;margin-left:0px;}
.article .contents .nav {width:220px;float:right;}
.article .nav dl{border:8px solid #EDE0C7;background:#ffffff;}
.article .nav dl dt{padding:10px 5px;color:#392C0D;border:1px solid #ffffff;background:url(../img/nav_bg.gif) #E6CD93;text-align:center;font-weight:bold;}
.article .nav dl dd{margin:6px;border-bottom:1px dotted #919191;}
.article .nav dl dd a{display:block;padding:0.5em 0.5em 0.4em 1.5em;font-size:0.9em;}
.article .contents dl.menu dt:before,
.article .nav dl dd a:before{top:0.6em;left:3px;width:11px;height:11px;background:url(../img/list_mark.gif) no-repeat;transition-duration:0.3s;}
.article .nav dl dd a:hover:before {left:6px;}
.article .nav ul {list-style:none;margin:0px;padding:0px 0px 5px;font-size:0.9em;}
.article .nav ul li{margin:0px 0px 10px;padding:3px;background:#ffffff;border:1px solid #E2DDCD;}
.article .nav ul li a{display:block;padding:0.5em 0.5em  0.5em 2em;background:url(../img/nav_list_bg.png) no-repeat right bottom;color:#333333;text-decoration:none;}
.article .nav ul li a:before{top:0.6em;left:0.5em;width:11px;height:11px;background:url(../img/nav_list_mark.gif) no-repeat;}
.article .nav ul.banner li {padding:0px;border:none;}
.article .nav ul.banner li a{padding:0;border:none;background:transparent;text-align:center;}
.article .nav ul.banner li a:before,
.article .nav ul.banner li a:after{display:none;}
.article .nav .aside,
.article .nav .section {margin-bottom:15px;border:1px solid #DCCA76;background:#ffffff;}
.article .nav .section p{margin:0px 10px;font-size:0.9em;}
.article .after{clear:both;}
.article .after .aside {background:#ffffff;}
.footer ,.footer .wrap {padding:5px 0px 0px;}
.footer ul{min-height:1.5em;border-bottom:3px solid #333333;text-align:center;}
.footer ul li{display:inline-block;}
.footer ul li a{padding:0px 8px;color:#00557D;border-right:1px solid #00557D;}
.footer ul li:last-child a{border:none;}
.footer dl {padding-left:55px;background:url(../img/logo.png) no-repeat;}
.footer dl dt{margin-bottom:10px;padding-right:8px;font-size:1.5em;font-weight:bold;float:left;}
.footer dl dd{margin:0;clear:both;}
.footer dl dd.link{clear:none;}
.footer dl dd.link a{display:block;margin:5px;height:23px;background:no-repeat center center;float:left;text-indent:-100em;}
.footer dl dd.link a.bt_access{width:121px;background-image:url(../img/footer_button01.jpg);}
.footer dl dd.link a.bt_div{width:86px;background-image:url(../img/footer_button02.jpg);}
.footer dl dd.link a.bt_floor{width:86px;background-image:url(../img/footer_button04.png);}
.footer dl dd.link a.bt_mail{width:161px;background-image:url(../img/footer_button03.jpg);}
.footer .copyright{margin:0px;padding:5px;color:#ffffff;background:#333333;text-align:center;font-size:0.8em;}
.footer .reread_link{width:70px;position:fixed;bottom:20px;right:0px;}
.footer .reread_link a{display:block;height:70px;overflow:hidden;text-indent:-100em;background:url(../img/reread_link.png) rgba(233,213,169,0.4);border-radius:50%;}
.footer .reread_link a:hover{background-color:rgba(233,213,169,0.8);}
.footer .reread_link a:before{top:0.5em;left:1em;border:0.5em solid transparent;border-bottom:0.8em solid #ffffff;}

.footer div.link { text-align:center; margin-bottom:10px;}
.footer div.link a{ margin:4px; display:inline-block;}

/* richtext*/
.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#ff0000;}
.wnk_l:after{content:"@"}

/* formdata */
.formdata input[type="text"]{width:95%;border:1px solid #ccc;height:1.5em;}
.formdata input.ime,
.formdata input.imeemail{ime-mode:inactive;}

.header .nav,
.article .locus,
.article .contents h2,
.article .contents h3,
.article .contents h5,
.article .contents ul li,
.article .contents ul.menu li,
.article .contents dl.menu dt,
.article .contents dl.event dt,
.article .nav dl dd a,
.article .contents .news h2,
.article .contents .subtop ul li a,
.article .nav ul li a{position:relative;}
.header .nav:before,
.header .nav:after,
.article .locus:before,
.article .locus:after,
.article .contents h2:before,
.article .contents h3:before,
.article .contents h5:before,
.article .contents ul li:before,
.article .contents ul.menu li:before,
.article .contents dl.menu dt:before,
.article .contents dl.event dt:before,
.article .nav dl dd a:before,
.article .contents .news h2:before,
.article .contents .subtop ul li a:before,
.article .nav ul li a:before{display:block;content:" ";position:absolute;}

#pc,#sp{display:none;}

@media screen and (min-width: 0px) and (max-device-width:768px){
 #sp{display:none;margin-bottom:0;width:100%;height:100px;font-size:4.5em;text-align:center;border:4px solid #ccc;background:#F5EFD8;}
 #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:768px) and (min-width:1024px){
 #pc{display:none;}
 #sp{display:block;}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
textarea ,
#TOP,
.header .wrap,.footer .wrap ,.header .nav ul,
.header .wrap .title,.header h1 ,
.article ,
.article .contents ,
.article .contents .image_box li img ,
.article .contents .calendar_section table td,
.article .nav ,
.article .contents .nav ,
.footer dl dd.link a.bt_access,
.footer dl dd.link a.bt_div,
.footer dl dd.link a.bt_mail,
.article .contents .right_contents{position:static;width:auto;min-width:0px;max-width:100%;float:none;}

.header .nav ul li a{}
#placesearch{width:50%;}
.article .contents .image_box li {max-width:48%;}

.footer div.link { width:auto; margin:10px auto; margin-right:auto;  float:none; text-align:center;}
.footer div.link a{ margin:4px; float:none; display:block;}

}
@media screen and (min-width: 0px) and (max-width:770px) {
.header .page_control dl.color_change ,.header .page_control dl.textsize_change,
.header .page_control dl.color_change,
.header .page_control form.search ,
.header .nav ul li,
.header .nav ul li.menu01,
.header .nav ul li.menu03,
.header .nav ul li.menu05,
.article .contents .image_box li ,
.article .contents dl.event dt{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.header .page_control{float:none;}
.article .after .aside ul li,
.article .contents ul.life_menu li{width:50%;float:left;}
.header .page_control #UD.fixed{position: fixed;top: 0px;right:0px;z-index: 9999;background:rgba(244,236,221,0.8);border-radius:0px 0px 0px 8px;}
.header .page_control dl.color_change ,.header .page_control dl.textsize_change{float:right;}
.header .wrap .title,.header h1{background-position:center center;}
.header .nav .menu_button{display:block;}
.article .after .aside ul li:nth-child(5n+1){clear:none;}
.article .after .aside ul li:nth-child(2n+1),
.header .page_control form.search{clear:both;}
.header .nav ul{display:none;}
.article .after .aside ul li a img {max-width:98%;height:auto;}
.article .contents dl.event dt{position:relative;}
.article .contents dl.event dd{padding-left:1.5em;}
.article .nav {margin:0px 0px 15px;}
.article .contents .news {padding:0px;}
.article .contents .news h2{margin-bottom:10px;}
.article .contents .news dl dt,
.article .contents .news dl dd{padding:0px 0px 3px;}
.article .contents .news dl dt span{margin-left:1em;}
.article .contents .news .list_link {position:static;margin:0px;padding:0px;}
.article .contents .news .list_link a{width:50%;height:44px;margin:0px;background-color:#333333;}
.article .contents .news .list_link a.rss{background-color:#F76900;}
.article .contents .life_menu ul li{width:50%;padding:0px;float:left;}
.article .contents h1.imgtitle img{width:100%;}
.article .contents .subtop ul li{width:95%;float:none;}
.article .contents.calendar .section{float:none;width:auto;}
.article .contents.calendar .nav{width:auto;}
.article .contents.calendar .nav ul li{float:left;}
.article .contents table.widetable{display:block;max-width:100%;margin:0px 0px 15px;border-collapse: collapse;overflow:auto;table-layout: auto;}
.article .contents table.widetable tbody{width:900px;}

.header .page_control{float:none;}
.article .after .aside ul li,
.article .contents ul.life_menu li{width:50%;float:left;}
.header .page_control #UD.fixed{position: fixed;top: 0px;right:0px;z-index: 9999;background:rgba(244,236,221,0.8);border-radius:0px 0px 0px 8px;}
.header .page_control dl.color_change ,.header .page_control dl.textsize_change{float:right;}
.header .wrap .title,.header h1{background-position:center center;}
.header .nav .menu_button{display:block;}
.article .after .aside ul li:nth-child(5n+1){clear:none;}
.article .after .aside ul li:nth-child(2n+1),
.header .page_control form.search{clear:both;}
.article .after .aside ul li a img {max-width:98%;height:auto;}
.article .contents dl.event dt{position:relative;}
.article .contents dl.event dd{padding-left:1.5em;}
.article .nav {margin:0px 0px 15px;}
.article .contents .news {padding:0px;}
.article .contents .news h2{margin-bottom:10px;}
.article .contents .news dl dt,
.article .contents .news dl dd{padding:0px 0px 3px;}
.article .contents .news dl dt span{margin-left:1em;}
.article .contents .news .list_link {position:static;margin:0px;padding:0px;}
.article .contents .news .list_link a{width:50%;height:44px;margin:0px;background-color:#333333;}
.article .contents .news .list_link a.rss{background-color:#F76900;}
.article .contents .life_menu ul li{width:50%;padding:0px;float:left;}

#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;}

.article .contents .form_section textarea{max-width:none;width: calc(100% - 6px);}
}

@media screen and (min-width: 0px) and (max-width:460px) {
.article .contents h1{margin: 10px 2% 20px;}
.no_nav .article .contents{margin: 3px 6px 30px;}
.article .contents > .section {padding:0 2% 15px;}
.article .contents .form_section form {padding:0 8px;}
.footer dl dt{float:none;}
.header .wrap .title{width:110px;background-size: 110px auto;height: auto;margin: 5px 0 0;}
.header .wrap .title a{height:36px;}
#UD{position: fixed;top: 5px; right: 0;}

.footer dl{background-size:36px 37.5px;padding:0 1.5%;}
.footer dl dt{float:none;height:40px;line-height:40px;padding-left:47px;}
.footer dl dd{}
.footer dl dd.link{margin-bottom:20px;padding-right:0;}
.footer dl dd.link a{margin-left:0;}
}

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

/***********************************************/
@media screen and (min-width: 0px) and (max-width: 1000px) {
.header h1,.header .wrap .title{width:208px;float:left;}
.header .page_control{width:400px;float:right;margin-right:10px;padding-bottom:0;}
#UD,
.header .page_control ul,
.header .page_control form.search{width:400px;float:right;}
.header .page_control ul li{float:right;padding:0;}
.header .page_control ul li a.announce,
.header .page_control ul li a.language{width:183px;}

.header .nav ul li.menu01{width:15.99%;}
.header .nav ul li.menu02{width:25.95%;}
.header .nav ul li.menu03{width:23.07%;}
.header .nav ul li.menu04{width:24.90%;}
.header .nav ul li.menu05{width:10.09%;}

.footer dl{padding-left:70px;background-position:10px 0;}
.footer dl dd.link a.bt_access{display:inline-block;width:122px;}
.footer dl dd.link a.bt_div{display:inline-block;width:86px;}
.footer dl dd.link a.bt_mail{display:inline-block;width:161px;}
.footer div.link a {display:inline-block;}
}

@media screen and (min-width: 0px) and (max-width:770px) {
.header h1,.header .wrap .title{height:90px;margin:0 0 0 2.5%;background-size:150px;width:150px;float:left;}
.header .page_control{height:90px;margin-right:90px;}
.header .page_control,
#UD,
.header .page_control ul,
.header .page_control form.search{width:auto;}
#UD{margin-right:4px;}
.header .page_control form.search{margin:0;}
.header .page_control form.search div{float:right;}
.header .page_control form.search label.search_txt{width:100px;}
.header .page_control form.search input#search_txt{width:135px;width:-webkit-calc(185px - 3em);width:calc(185px - 3em);}
.header .page_control form.search input.search_bt{width:3em;}
.header .nav{overflow:visible;}
#menuopen{position: absolute;display: block;width:60px;height:64px;top:-87px;right:15px;background:url("../img/nav_bg.png") repeat left top;border: 1px solid #DFC592;text-align:center;}
#menuopen:after{content:"MENU";}

.header .nav ul li.menu01,
.header .nav ul li.menu02,
.header .nav ul li.menu03,
.header .nav ul li.menu04,
.header .nav ul li.menu05{width:50%;float:left;}
.header .nav ul li a{border:none;}
.header .nav ul li:nth-child(2n+1) a{border-right: 1px dotted #997531;}
}

@media screen and (min-width: 0px) and (max-width:540px) {
.header .page_control{height:auto;float:none;}

.header .page_control form.search{float:none;}
.header .page_control form.search div{float:none;height:54px;width:100%;padding:0;margin-top:5px;}
.header .page_control form.search label.search_txt {float:none;height:12px;background-image:url(../img/sp_control_search_title.png);background-position:center left;}
.header .page_control form.search input#search_txt {width:96%;width:-webkit-calc(100% - 3em);width:calc(100% - 3em);}
.header .page_control form.search input.search_bt{width:3em;}
.header h1,.header .wrap .title{height:54px;margin:0 20px 0 1.5%;padding:0;overflow:hidden;background-size:90px;width:90px;float:left;}
#menuopen{height:auto;top:-64px;background:none;border:none;}

.footer .wrap{position:relative;padding-top:50px;}
.footer div.link{position:absolute;top:0;width:100%;}
.footer ul{width:100%;margin:.5em 0 0;padding:0;}
.footer ul li{width:auto;display:block;text-align:left;padding:3px;border-top:1px solid #ccc;background:#fff;}
.footer ul li a{border:none;margin:0 0 0 1.5%;padding:.5em 20px;display:block;background:url("../img/nav_list_mark.gif") no-repeat center left;}

.footer dl{margin-top:1em;background-size:36px 37.5px;padding:0 1.5%;overflow:hidden;}
.footer dl dt{float:none;height:40px;line-height:40px;padding-left:47px;}
.footer dl dd{padding-right:72px;}
.footer dl dd.link{margin-bottom:20px;padding-right:0;}
.footer dl dd.link a{margin-left:0;}

.article .contents table.formdata {width:98%;}
.article .contents table.formdata th,
.article .contents table.formdata td{display:block;width:94%;margin:0;padding:.5em 3%;border-bottom:none;} 
.article .contents table.formdata th{text-align:left;}
.article .contents table.formdata td{padding:1em 3%;}
.article .contents table.formdata tr:last-child td{border-bottom:1px solid #E3C482;}
}

@media screen and (min-width: 0px) and (max-width:460px) {
body{font-size:.95em;}
.header .nav ul li.menu01,
.header .nav ul li.menu02,
.header .nav ul li.menu03,
.header .nav ul li.menu04,
.header .nav ul li.menu05{width:100%;float:none;}
.header .page_control{margin-right:60px;}
#menuopen{right:0;}
#UD{position:static;}

.footer .wrap{position:relative;padding-top:0;}
.footer dl dd{padding-right:1%;}
.footer div.link{position:static;}
.footer div.link a {display:block;float:none;}
}

body { min-width: 300px;}

@media screen and (max-width: 770px) and (min-width: 0px) {
  .header { position: relative;}
  .header .nav { position: static;}
  .header .page_control ul {display: block;}

  #menuopen { top: 10px;}

  .header .page_control { height: auto; width: 95%; margin: 0px 2.5% 5px;}
  .header .page_control > #UD { float: right; margin-right: 0px;}
  .header .page_control > #UD + ul { float: left;}
  .header .page_control > #UD + ul li { margin-left: 0px;}
  .header .page_control > #UD + ul li:nth-child(1) { display: none;} 
  .header .page_control > #UD.fixed {padding-right: 5px;}
  
  .header .page_control form.search,
  .header .page_control form.search div { width: 100%;}
  .header .page_control form.search label.search_txt { width: 110px; margin: 3px 0px;}
  .header .page_control form.search input#search_txt { width: calc( 100% - 3em - 110px);}

}

@media screen and (max-width: 540px) and (min-width: 0px) {
  .header h1,
  .header .wrap .title { width: 130px; margin-bottom: 5px; background-size: 130px;}
  
  .header .page_control > #UD + ul { float: none; width: 100%; margin: 0px 0px 10px;}
  .header .page_control > #UD + ul li { text-align: center; float: none;}
  .header .page_control form.search label.search_txt { height: 28px; float: left; background-image: url(http://www.city.munakata.lg.jp/core/img/control_search_title.png);}
  .header .page_control ul li a.announce,
  .header .page_control ul li a.language { margin: 0px auto;}
}

input.common_inquiry {
    margin-left: 0.5em;
    margin-bottom: 1em;
    padding: 0.1em 0.2em 0em 1em;
    border: none;
    border-bottom: 1px solid #006699;
    color: #006699;
    font-size: 1.02em;
    font-weight: bold;
    font-family: "メイリオ", Meiryo;
    background: url(../img/nav_list_mark.gif) left 0.45em no-repeat #ffffff;
}
input.common_inquiry:hover { cursor: pointer;}

.form_section fieldset { padding: 0.5em 0 1.5em 0; border: none;}
textarea#iken { margin: 1em 0;}