@charset "UTF-8";






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

/*フレーム*/
#wrapper { width: 100%; }

/*管理画面対策*/
.page { box-sizing: border-box; margin-left: -2px; margin-right: -2px; position: relative; }






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

#headerAreaOuter { width: 100%; padding: 5px 0; }
#headerArea { margin: 0 auto; width: 960px; height: 80px; }
#headerAreaInner { position: relative; width: 100%; height: 80px; }
#headerSubArea { position: absolute; top: 17px; right: 0; width: 743px; height: 44px; /*背景・ボーダーはcolorに記述*/ }
#headerSubAreaInner { position: relative; height: 46px; }

/*ロゴ*/
#headerArea div.h1 { position: absolute; top: 20px; 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: 294px; }
.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: 182px; 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 { position: absolute; right: 12px; top: 11px; width: 270px; }
.headerOptionInner { }
.headerOption p { float: left; width: 135px; } /*文字色変更*/
.headerOption p a { width: 122px; height: 22px; display: block; text-indent: -9999px; overflow: hidden; }
.headerOption dl#tsBox { float: left; width: 135px; } /*文字サイズ*/
.headerOption dl#tsBox dt { float: left; width: 65px; height: 22px; display: block; } /*文字サイズタイトル*/
.headerOption dl#tsBox dt span { width: 59px; height: 22px; display: block; text-indent: -9999px; font-size: 0.5em; line-height: 0.5em; }
.headerOption dl#tsBox dd { float: left; height: 22px; display: block; }
.headerOption dl#tsBox dd#tsBtnS, .headerOption dl#tsBox dd#tsBtnS a { width: 23px; }
.headerOption dl#tsBox dd#tsBtnM, .headerOption dl#tsBox dd#tsBtnM a { width: 24px; }
.headerOption dl#tsBox dd#tsBtnL, .headerOption dl#tsBox dd#tsBtnL a { width: 23px; }
.headerOption dl#tsBox dd a { height: 22px; display: block; font-size: 0.1em; line-height: 0.1em; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
.headerOption dl#tsBox dd a:hover { background-position: 0 -22px; }
.headerOption dl#tsBox dd a.active { background-position: 0 -22px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
グローバルナビエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

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

#globalNaviAreaOuter { width: 100%; height: 61px; margin-top: 1px; }
#globalNaviArea { width: 960px; 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: 55px; display: block; height: 61px; }
#globalNaviArea ul li a span { padding-left: 17px; background: url(../common-img/arrow_gnavi_off.png) no-repeat 0 40%;}
#globalNaviArea ul li a:hover span { padding-left: 17px; background: url(../common-img/arrow_gnavi_on.png) no-repeat 0 40%;}
#globalNaviArea ul li.navi1 { width: 239px; margin-right: 1px; }
#globalNaviArea ul li.navi2 { width: 239px; margin-right: 1px; }
#globalNaviArea ul li.navi3 { width: 239px; margin-right: 1px; }
#globalNaviArea ul li.navi4 { width: 240px; }
#globalNaviArea ul li.navi1 a { width: 239px; background: url(../common-img/gnavi_01.png) no-repeat 0 0; }
#globalNaviArea ul li.navi2 a { width: 239px; background: url(../common-img/gnavi_02.png) no-repeat 0 0; }
#globalNaviArea ul li.navi3 a { width: 239px; background: url(../common-img/gnavi_03.png) no-repeat 0 0; }
#globalNaviArea ul li.navi4 a { width: 240px; background: url(../common-img/gnavi_04.png) no-repeat 0 0; }
#globalNaviArea ul li a:hover { background-position: 0 -61px; color: #FFF; font-weight: bold; }

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






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

/*コンテナー*/
#container { width: 100%; clear: both; }

/*コンテンツエリア*/
#contentsArea { margin: 0 auto; width: 960px; }

/*メインエリア*/
#mainArea { float: left; width: 720px; margin-bottom: 15px; -moz-border-radius: 8px; /*Firefox1+*/ -webkit-border-radius: 8px; /*Safari3 Chrome0.2+*/ border-radius: 8px; /*Firefox4+ Safari5+ Chrome4+ Opera10.5+ IE9.+*/ behavior: url(/js/PIE.htc); }

/*ユーザー編集領域*/
#user-area { width: 675px; margin: 0 auto; padding-top: 20px; }

/*パンくずリスト*/
#breadcrumbsList { margin: 0 auto; padding-top: 20px; padding-bottom: 5px; width: 960px; text-align: left; }
#breadcrumbsList ul { }
#breadcrumbsList li { margin-right: 4px; display: inline; }
#breadcrumbsList li a { padding-right: 13px; }

/*サイドバーエリア*/
#sidebarArea { float: right; width: 230px; }
#usersidearea { width: 100%; }

/*ページトップボタン*/
#pPageTop { clear:both; 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; }


/*-------------------------------------------------------------
コンテンツヘッド
-------------------------------------------------------------*/
#contentsAreaHead { margin: 0 auto; padding: 5px 0 10px 0; width: 960px; display: flex; align-items: center; justify-content: space-between; }
.topBtnArea { vertical-align: middle; }

/*印刷ボタン*/
#pagePrintBtn { display: inline-block; padding-top: 1px; width: 4em; vertical-align: top; }
#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; }

/*検索ボタン*/
#pageSearchBtn { display: inline-block; padding-top: 1px; }
#pageSearchBtn p { }

/*なぞり検索とは*/
#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; }

/*ソーシャルボタン*/
#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; }

/*更新日*/
#lastUpdateUpper { display: inline-block; margin-left: 7px; vertical-align: top; }
#lastUpdateUnder p { margin: 0 21px !important; }






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

#footerAreaOuter { width: 100%; }
#footerArea { margin: 0 auto; padding: 20px 0; width: 960px; }

/*フッターナビゲーションエリア*/
#footerNaviArea { width: 960px; padding-bottom: 5px; }
#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 { padding-top: 8px; width: 100%; }
#footerAddress p { }
#footerAddress address { font-style: normal; }

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