@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ページレイアウト
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body { -webkit-text-size-adjust: 100%; }

/*フレーム*/
#wrapper { width: 100%; text-align: left; overflow-x: hidden; }

/*バックグラウンド用*/
#container { width: 100%; }

/*コンテンツエリア*/
#contentsAreaSection { width: 100%; }
#contentsAreaOuter { width: 100%; }
#contentsArea { padding: 15px 20px 0 20px; margin: 0; }
#contentsAreaInner { width: 100%; }

/*メインエリア*/
#mainArea { width: 100%; }

/*ユーザー編集領域*/
#user-area { margin-bottom: 20px; padding: 16px; }
.mainBg { -moz-border-radius: 8px !Important; -webkit-border-radius: 8px !important; border-radius: 8px !important; behavior: url(/js/PIE.htc); }

/*サイドバーエリア*/
#sidebarArea { width: 100%; margin-top: 30px; }
#sidebarAreaInner { }
#usersidearea { width: 100%; }

/*パンくずリスト*/
#breadcrumbsList { clear: both; width: 100%; }
#breadcrumbsList ul { padding: 20px 20px 0 20px; list-style: none; text-align: left; }
#breadcrumbsList li { display: inline; margin-right: 6px; }
#breadcrumbsList li a { padding-right: 17px; background: url(../common-img/ico_breadcrumbs.gif) no-repeat right; }

/*コンテナ再定義*/
.col3-2 .box2 { float: none !Important; width: 100%; margin-left: 0 !important; display: block !Important; }
.col3-2 .box2 .containerInner { margin: 0 !important; }
.col3-2 .box1 { margin-left: 0 !Important; width: 50% !Important; }
.col3-2 .box1 .containerInner { width: 100% !important; padding-right: 10px !important; }
.col3-2 .box3 { float: right !important; width: 50% !important; }
.col3-2 .box3 .containerInner { padding-left: 10px !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#headerAreaOuter { width: 100%; height: 80px; border-bottom: none !important; }
#headerArea { margin: 0 auto; padding: 0 20px; height: 80px; box-sizing: border-box; }
#headerAreaInner { position: relative; width: 100%; height: 80px; }
#headerSubArea { position: absolute; top: 17px; right: 0; width: 520px; height: 44px; /*背景・ボーダーはcolorに記述*/ }
#headerSubAreaInner { position: relative; height: 46px; }

/*ロゴ*/
#headerArea div.h1 { position: absolute; top: 20px; margin: 0; padding: 0; width: 152px; height: 45px; }
#headerArea div.h1 a { width: 152px; height: 45px; display: block; text-indent: -9999px; overflow: hidden; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){
#headerArea div.h1 a {
background:url(../common-img/logo_2.gif) ;
-webkit-background-size: 152px 45px ;
}
}
/*言語*/
#subLang { position: absolute; left: 12px; top: 11px; width: 122px; height: 23px; }
#subLangInner { }
#google_translate_element { padding: 0 !important; line-height: 1em; text-align: left; }

/*検索*/
.headerSiteSearch { position: absolute; top: 11px; right: 15px; }
.headerSiteSearch dl { border-collapse: collapse; border-spacing: 0; }
.headerSiteSearch dt { text-align: left; padding-right: 5px; float:left;}
.headerSiteSearch dt span { display: block; width: 20px; height: 22px; font-size: 0.5em; line-height: 1em; text-indent: -9999px; overflow: hidden; background: url(../common-img/search_title.gif) no-repeat 0 0; }
.headerSiteSearch dd { margin:0; float:left;}
input#searchField {vertical-align:top;  width: 230px; height: 17px; margin-right: 5px; font-size: 1em; padding: 3px 3px 0 3px; cursor: text; }
input#searchGo { display: block; width: 86px; height: 22px; border: none; text-indent: -9999px; cursor: pointer; }

/*文字オプション*/
.headerOption { display: none; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
グローバルナビゲーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*SP用メニュー*/
.menuBtn,
.menuBtnClose { display: none; }

#globalNaviAreaOuter { width: 100%; height: 61px; margin-top: 1px; }
#globalNaviArea { width: 100%; margin: 0 auto; }
#globalNaviArea ul { list-style: none; }
#globalNaviArea ul li { float: left; height: 61px; }
#globalNaviArea ul li a { text-decoration: none !important; color: #000; text-align: center; font-size: 16px; line-height: 63px; display: block; height: 61px; background-color: #FFF; }
#globalNaviArea ul li a span { padding-left: 17px; background: url(../common-img/arrow_gnavi_off.png) no-repeat 0 2px; }
#globalNaviArea ul li a:hover span { padding-left: 17px; background: url(../common-img/arrow_gnavi_on.png) no-repeat 0 2px; }
#globalNaviArea ul li.navi1 { width: 22%; }
#globalNaviArea ul li.navi2 { width: 22%; }
#globalNaviArea ul li.navi3 { width: 22%; }
#globalNaviArea ul li.navi4 { width: 34%; }
#globalNaviArea ul li.navi1 a { width: 100%; }
#globalNaviArea ul li.navi2 a { width: 100%; }
#globalNaviArea ul li.navi3 a { width: 100%; }
#globalNaviArea ul li.navi4 a { width: 100%; }
#globalNaviArea ul li a:hover { background-color: #127FAD; color: #FFF; font-weight: bold; }

/*アクティブ*/
body#pageBody #globalNaviArea ul li.navi1 a { color: #FFF; font-weight: bold; background-color: #127FAD; }
body#pageBodylife #globalNaviArea ul li.navi2 a { color: #FFF; font-weight: bold; background-color: #127FAD; }
body#pageBodyjob #globalNaviArea ul li.navi3 a { color: #FFF; font-weight: bold; background-color: #127FAD; }
body#pageBodyintro #globalNaviArea ul li.navi4 a { color: #FFF; font-weight: bold; background-color: #127FAD; }
body#pageBody #globalNaviArea ul li.navi1 a span { padding-left: 17px; background: url(../common-img/arrow_gnavi_on.png) no-repeat 0 2px; }
body#pageBodylife #globalNaviArea ul li.navi2 a span { padding-left: 17px; background: url(../common-img/arrow_gnavi_on.png) no-repeat 0 2px; }
body#pageBodyjob #globalNaviArea ul li.navi3 a span { padding-left: 17px; background: url(../common-img/arrow_gnavi_on.png) no-repeat 0 2px; }
body#pageBodyintro #globalNaviArea ul li.navi4 a span { padding-left: 17px; background: url(../common-img/arrow_gnavi_on.png) no-repeat 0 2px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ローカルナビゲーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#localNaviArea { display: none; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
コンテンツエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*コンテンツヘッド*/
#contentsAreaHead { padding: 15px 20px 0 20px; display: flex; justify-content: space-between; }
#contentsAreaHead #pagePrintBtn { display: none; }
#contentsAreaHead #pageSearchBtn { display: none; }

/*最終更新日*/
#lastUpdate { float: left; padding-top: 1px; width: 300px; }
#lastUpdate p { }

/*印刷ボタン*/
.topBtnArea { display: block; vertical-align: middle; }
#pagePrintBtn { display: inline-block; padding-top: 1px; width: 4em; }
#pagePrintBtn p { margin: 0; text-align: right; }
#pagePrintBtn p a { font-weight: bold; padding-left: 20px; background: url(../common-img/ico_print.gif) no-repeat left; }

/*検索*/
.headerSiteSearch:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.headerSiteSearch { display: inline-table; min-height: 1%; }
/* for macIE \*/ * html .headerSiteSearch { height: 1%; }
.headerSiteSearch { display: block; }
/* end of for macIE */
.headerSiteSearch dl { border-collapse: collapse; border-spacing: 0; }
.headerSiteSearch dt { text-align: left; padding-right: 5px; float: left; }
.headerSiteSearch dt span { display: block; width: 20px; height: 22px; font-size: 0.5em; line-height: 1em; text-indent: -9999px; overflow: hidden; background: url(../common-img/search_title.gif) no-repeat 0 0; }
.headerSiteSearch dd { float: left; }
input#searchField { vertical-align: top;  width: 230px; height: 17px; margin-right: 5px; font-size: 14px; padding: 3px 3px 0 3px; cursor: text; }
input#searchGo { display: block; width: 86px; height: 22px; border: none; text-indent: -9999px; cursor: pointer; }

/*なぞり検索とは*/
#srch_trc { display: inline-block; margin-right: 5px; vertical-align: middle; line-height: 1em; }
#srch_trc a { padding-left: 18px; font-weight: bold; }
#pageSearchBtn p a.pageSearchHelp { display: inline-block; width: 15px; height: 15px; text-indent: -9999px; font-size: 0.1em; overflow: hidden; text-align: left; vertical-align: middle; }

/*ページトップボタン*/
#pPageTop { width: 100%; padding: 15px 0; }
#pPageTop p { margin-left: auto; width: 111px; height: 17px; }
#pPageTop p a { width: 111px; height: 17px; display: block; text-indent: -9999px; overflow: hidden; }

/*ソーシャルボタン*/
#socialtop { margin-right: 15px; vertical-align: middle; }
#socialtop div.btn-fc-share { display: inline-block; margin-left: 7px; }
#socialtop span.btn-twitter { display: inline-block; margin-left: 5px; }
#snsTplHtb { display: inline-block; }
#snsTplTwt { display: inline-block; }
#snsTplLine { display: inline-block; }
#snsTplPin { display: inline-block; }
#snsTplPin > span { border-radius: 3px !important;;}
#snsTplPin > span{ vertical-align: bottom !important; }
#snsTplFb { display: inline-block; }
#snsTplFb iframe { width: 150px !important; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フッターエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#footerAreaOuter { padding: 0 20px 20px 20px; background: transparent !important; }
#footerArea { position: relative; width: auto; height: auto; padding: 13px; background-color: #FFF;  -moz-border-radius: 8px !Important; -webkit-border-radius: 8px !important; border-radius: 8px !important; behavior: url(/js/PIE.htc); }

/*フッターナビゲーションエリア*/
#footerNaviArea { width: 100%; padding-bottom: 33px; }
#footerNaviArea ul { list-style: none; }
#footerNaviArea ul li { margin-right: 15px; display: inline; }
#footerNaviArea ul li a { padding-left: 10px; display: inline-block; white-space: nowrap; }

/*フッターアドレス*/
#footerAddress { width: 100%; }
#footerAddress p { } 
#footerAddress address { font-style: normal; }

/*コピーライト*/
#pCopyright { clear: both; padding-top: 10px; width: 100%; }
#pCopyright p { font-size: 0.7em; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
個別
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extSiteSearch { width: auto !important; margin-right: 60px !important; margin-left: 60px !important; }
#sidebarArea .bImg { background-color: #FFF; -moz-border-radius: 8px 8px 0 0 !Important; -webkit-border-radius: 8px 8px 0 0 !important; border-radius: 8px 8px 0 0 !important; behavior: url(/js/PIE.htc); }
#sidebarArea .bImg img { width: 250px; margin: 0 auto; }
input[type="button"],input[type="submit"] { border-radius: 0; }
input[type="button"],input[type="submit"] { -webkit-appearance: none; }

/*address*/
address:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
address { display: inline-table; min-height: 1%; }
* html address { height: 1%; }
.address { display: block; }
address p.gaiyouTel { float: left; margin-right: 20px; }
address p.gaiyouFax { float: left; }

/*extLinkList*/  
.extLinkList ul:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.extLinkList ul { display: inline-table; min-height: 1%; }
* html .extLinkList ul { height: 1%; }
.extLinkList ul { display: block; }

.extLinkList ul li { float: none !important; width: 100% !important; }

/*こんなときには*/
#unit-12342, #unit-13879, #unit-13880, #unit-13876, #unit-13881, #unit-13882, #unit-12344, #unit-13884, #unit-13883, #unit-12345, #unit-13885, #unit-13886 { background-color: #FFF; text-align: center; }
#unit-12342, #unit-13879, #unit-13880 { text-align: left; }
#unit-12345, #unit-13885, #unit-13886 { text-align: right; }

/*対象者で探す*/
#unit-12346, #unit-13888, #unit-13889, #unit-12347, #unit-13890, #unit-12348, #unit-12349, #unit-13891 { background-color: #FFF; text-align: center; }
#unit-12346, #unit-13888 { text-align: left; }
#unit-12349, #unit-13891 { text-align: right; }

/*いざというときに*/
#unit-22690, #unit-22696, #unit-22702 { background-color: #FFF; }
#sidebarArea .extLinkList { -moz-border-radius: 8px !Important; -webkit-border-radius: 8px !important; border-radius: 8px !important; behavior: url(/js/PIE.htc); }

/*市役所概要*/
/*#unit-22692, #unit-22700, #unit-22704 { background-color: #FFF; }*/
h2.gaiyouTime { width: 100% !important; }

/*bImgbtn*/
.bImgbtn { text-align: center; }

/*スクロール対応*/
.bExtCatTabListBoxScrollinner { -webkit-overflow-scrolling: touch; width: 100%; overflow: auto; }