@charset "UTF-8";






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

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

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

/*トップ用3列コンテナ*/
#pageBody .col3-2 .box1 { float: left; margin-left: -730px; z-index: 0 !Important; position: relative; width:230px; }
#pageBody .col3-2 .box1 .containerInner { width: 230px; }
#pageBody .col3-2 .box2 { float: left; width: 500px; margin-left: 230px; display: inline; }
#pageBody .col3-2 .box3 { float: left; width: 230px; }

#pageBodyem1 .col3-2 .box1 { float: left; margin-left: -730px; z-index: 0 !Important; position: relative; width:230px; }
#pageBodyem1 .col3-2 .box1 .containerInner { width: 230px; }
#pageBodyem1 .col3-2 .box2 { float: left; width: 500px; margin-left: 230px; display: inline; }
#pageBodyem1 .col3-2 .box3 { float: left; width: 230px; }


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

#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 h1 { position: absolute; top: 20px; 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: 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; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カバーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#coverAreaOuter { width: 100%; padding: 0 0 20px 0; /*背景色・ボーダーはcolorに記述*/ }
#coverArea { min-width:900px; }
/*
#coverArea .slick-track { height: 410px; }
#coverArea .slick-slide { height: 410px; margin: 0 10px; }
#coverArea .slick-slide img { height: 410px; width: 680px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
*/

/*一枚の場合*/
#coverArea .coverSingle {width:960px; margin:0 auto;}

#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 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 0 0;}
#coverArea .bx-wrapper .bx-controls-auto { bottom:10px; right:20px; width:31px; background-color:#fff; padding:5px; line-height:1px;}

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

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

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

/*メインエリア*/
#mainArea { margin: 0 auto; width: 960px; }

/*ユーザー編集領域*/
#user-area { width: 100%; }
.pageBodyDetail #user-area { font-size: 1.3em; line-height: 160%; }

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

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

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

/*検索ボタン*/
#pageSearchBtn { float: right; padding-top: 1px; width: 142px; }
#pageSearchBtn p { }
#pageSearchBtn p a { padding-left: 18px; font-weight: bold; }

/*なぞり検索とは*/
#srch_trc { float: left; margin-right: 5px; }
#pageSearchBtn p a.pageSearchHelp { float: left; margin-left: 2px; width: 10px; height: 15px; display: block; text-indent: -9999px; font-size: 0.1em; overflow: hidden; }

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






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

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

/*アイラブ逗子個別*/
#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;}