@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: 20px 20px 0 20px; margin: 0; }
#contentsAreaInner { width: 100%; }

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

/*ユーザー編集領域*/
#user-area { margin-bottom: 20px; padding: 0; }
.mainBg { }

/*サイドバーエリア*/
#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; }

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

/*災害1*/
#pageBodyem1 .col3-2 .box2 { float: none !Important; width: 100%; margin-left: 0 !important; display: block !Important; }
#pageBodyem1 .col3-2 .box2 .containerInner { margin: 0 !important; }
#pageBodyem1 .col3-2 .box1 { margin-left: 0 !Important; width: 50% !Important; }
#pageBodyem1 .col3-2 .box1 .containerInner { width: 100% !important; padding-right: 10px !important; }
#pageBodyem1 .col3-2 .box3 { float: right !important; width: 50% !important; }
#pageBodyem1 .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 h1 { position: absolute; top: 20px; margin: 0; padding: 0; width: 152px; height: 45px; }
#headerArea h1 a { width: 152px; height: 45px; display: block; text-indent: -9999px; overflow: hidden; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){
#headerArea 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: 14px; 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用メニ/*SP用メニュー*/
.menuBtn,
.menuBtnClose { display: none; }

#globalNaviAreaOuter { width: 100%; height: 61px; }
#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; }






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

/*カバー*/
#mainCoverArea h1 { background-image: none !important; background-color: #127FAD; color: #FFF; padding: 20px 20px 20px 20px; margin-bottom: 20px; font-size: 1.5em; 	-moz-border-radius: 4px; /*Firefox1+*/ -webkit-border-radius: 4px; /*Safari3 Chrome0.2+*/border-radius: 4px; /*Firefox4+ Safari5+ Chrome4+ Opera10.5+ IE9.+*/ behavior: url(/js/PIE.htc); }

#coverArea .bx-viewport {width:auto !important;}
#coverArea #itemzoom li {padding:0 10px;}
#coverArea .bx-controls { width:700px; margin:0 auto; position:relative;}
#coverArea .bx-wrapper .bx-controls-direction a.bx-prev {left:-30px;top:-220px; width:60px; height:60px; background: url("/js/slick/images/btn_cover_prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
#coverArea .bx-wrapper .bx-controls-direction a.bx-next {right:-30px;top:-220px; width:60px; height:60px; background: url("/js/slick/images/btn_cover_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
#coverArea .bx-wrapper .bx-controls-auto { bottom:10px; right:20px; width:31px; background-color:#fff; padding:5px;}


/*コンテンツヘッド*/
#contentsAreaHead { padding: 15px 10px 0 10px; text-align: right; }
#contentsAreaHead #pagePrintBtn { display: none; }
#contentsAreaHead #pageSearchBtn { display: none; }

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

/*印刷ボタン*/
.topBtnArea { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
#pagePrintBtn { display: inline-block; *display: inline; *zoom: 1; 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: 1em; padding: 3px 3px 0 3px; cursor: text; }
input#searchGo { display: block; width: 86px; height: 22px; border: none; text-indent: -9999px; cursor: pointer; }

/*なぞり検索とは*/
#srch_trc { /*float: left;*/ display: inline-block; margin-right: 5px; vertical-align: middle; line-height: 1em; *display: inline; *zoom: 1; }
#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; *display: inline; *zoom: 1; }

/*ページトップボタン*/
#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 { display: inline-block; margin-right: 15px; vertical-align: middle; *display: inline; *zoom: 1; }
#socialtop div.btn-fc-share { display: inline-block;	 margin-left: 7px; *margin-top: 2px; *display: inline; *zoom: 1; }
#socialtop span.btn-twitter { display: inline-block;	 margin-left: 5px; *display: inline; *zoom: 1; }






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

#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 { 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-21276 .extLinkList { background-image: none !important; }
#unit-21276 li { float: none !important; width: 100% !Important; }

/*いざというときに（新）*/
#unit-84166 .extLinkList { background-image: none !important; }
#unit-84166 li { float: none !important; width: 100% !Important; }

/*災害1*/
#unit-51560 .extLinkList { background-image: none !important; }
#unit-51560 li { float: none !important; width: 100% !Important; }

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

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

/*-------------------------------------------------------------
こんなときには
-------------------------------------------------------------*/
#listCaseArea ul#listCase li { float: left; display: block;  width: 25%; }
#listCaseArea ul#listCase li#btnCase01 a { background: url(../common-img/btn_case_01.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase02 a { background: url(../common-img/btn_case_02.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase03 a { background: url(../common-img/btn_case_03.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase04 a { background: url(../common-img/btn_case_04.png) no-repeat 50% 0; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase05 a { background: url(../common-img/btn_case_05.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase06 a { background: url(../common-img/btn_case_06.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase07 a { background: url(../common-img/btn_case_07.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase08 a { background: url(../common-img/btn_case_08.png) no-repeat 50% 0; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase09 a { background: url(../common-img/btn_case_09.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase10 a { background: url(../common-img/btn_case_10.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase11 a { background: url(../common-img/btn_case_11.png) no-repeat 50% 0; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
#listCaseArea ul#listCase li#btnCase12 a { background: url(../common-img/btn_case_12.png) no-repeat 50% 0; border-bottom: 1px solid #EDEDED; }

#extImageList21707 .slbx ul { width:1000px;}
#extImageList21707 .slbx ul li img { width: 187px; height:140px; border:0;}
#extImageList21707 .slbx ul li { position:relative; float:left;}
#extImageList21707 .slbx ul li p.cap { color:#000; background:url(/images/caption_bg.png);width:181px; padding:3px; font-size:0.8em; line-height:1.3em; position:absolute; bottom:0; left:0; text-align:left;}