@charset "UTF-8";






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

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

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






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

#headerAreaOuter { width: 100%; margin: 0; padding: 0; }
#headerArea { margin: 0 auto; width: 960px; height: 40px; }
#headerAreaInner { position: relative; width: 100%; height: 40px; }
#headerSubArea { position: absolute; top: 12px; right: 0; width: 846px; height: 22px; }
#headerSubAreaInner { position: relative; height: 22px; }

/*ロゴ*/
#headerArea div.cityLogo { position: absolute; top: 12px; width: 89px; height: 26px; }
#headerArea div.cityLogo a { width: 89px; height: 26px; display: block; text-indent: -9999px; overflow: hidden; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){
#headerArea div.cityLogo a {
background:url(../common-img/logo_2.png);
-webkit-background-size: 89px 26px ;
}
}

/*SEO*/
#HdSeo { position: absolute; width: 312px; height: 14px; top: 25px; right: 0; text-indent: -9999px; background: url(../common-img/seo_txt.png) no-repeat 0 0; }

/*言語*/
#subLang { position: absolute; left: 0; top: 0; width: 122px; height: 23px; }
#subLangInner { }
#google_translate_element { padding: 0 !important; line-height: 1em; text-align: left; }

/*検索*/
.headerSiteSearch { position: absolute; top: 0; right: 409px; }
.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: 1em; 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: 130px; top: 0; width: 270px; }
.headerOptionInner { }
.headerOption p { float: left; width: 130px; } /*文字色変更*/
.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; }

/*天気*/
#headerSubAreaInner .bWeather { position: absolute; top: 0 !important; right: 0; height:22px !important; width: 130px !important; }
#headerSubAreaInner .extWeather dt, .extWeather dd { padding: 0 !important; font-size: 12px !important; vertical-align: top !important; }
#headerSubAreaInner .extWeather dd { width: 30px !important; }
#headerSubAreaInner .extWeather dd img { width: 100% !important; }





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

/*カバーエリア*/
#mainCoverArea { width: 100%; height: 250px; background: url(../common-img/egao_sec_cover.jpg) no-repeat top center; }
#mainCoverAreaInner { width: 960px; height: 250px; margin: 0 auto; position: relative; }

/*子育てロゴ*/
h1#egaoLogo { float: left; width: 174px; height: 86px; padding-top: 25px; }
h1#egaoLogo a { display: block; width: 174px; height: 86px; text-indent: -9999px; }






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


#globalNaviAreaOuter { float: right; width: 766px; padding: 58px 0 0 20px; }
#globalNaviArea { width: 100%; }
#globalNaviArea ul { float: right; list-style: none; }
#globalNaviArea ul li { float: left; display: block; height: 30px; margin: 0 0 8px 8px; }
#globalNaviArea ul li a { position: relative; display: block; height: 28px; margin: 0; padding: 0 27px; color: #5F3128; font-size: 15px; font-weight: bold; line-height: 30px; text-decoration: none !important; background-color: #FFF; border: 1px solid #C4CCCA; border-radius: 30px; -webkit-border-radius: 30px; moz-border-radius: 30px; behavior: url(/js/PIE.htc); }
#globalNaviArea ul li.navi5 a { color: #CC0000; }
#globalNaviArea ul li a:hover { color: #FFF; background-color: #5F3128; }
#globalNaviArea ul li.navi5 a:hover { background-color: #CC0000; }

/*アクティブ*/
body#pageBodykosodate #globalNaviArea ul li.navi1 a { color: #FFF; background-color: #5F3128; }






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

/*コンテンツヘッド*/
#contentsAreaHead { margin: 0 auto; padding: 5px 0 10px 0; width: 960px; text-align: right; }

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

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

/*メインエリア*/
#mainArea { float: right; width: 690px; margin-bottom: 15px; padding: 20px; background-color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; moz-border-radius: 5px; behavior: url(/js/PIE.htc); box-sizing: border-box; }

/*ユーザー編集領域*/
#user-area { }

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

/*サイドバーエリア*/
#sidebarArea { float: left; width: 230px; }
#usersidearea { width: 100%; }
#usersidearea a.sideBnr { display: block; text-align: center; }
#usersidearea a.sideBnr img { display: block; margin: 0 auto 5px auto; }

/*サイドバーエリア 子育てメールマガジン*/
#usersidearea p.sideBnrMailMagazineTitle { margin-bottom: 10px; text-align: center; font-size: 1.2em; font-weight: bold; }
#usersidearea p.sideBnrMailMagazineQR img { float: left; margin-right: 10px; }
#usersidearea p.sideBnrMailMagazineQR { line-height: 1.2em; }

/*ソーシャルボタン*/
#socialtop { margin-right: 15px; vertical-align: middle; float: left;}
#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; }

/*印刷ボタン*/
.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; }

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

/*なぞり検索とは*/
#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 { clear:both; width: 100%; padding: 15px 0 30px 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; }

#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 { width: 100%; }
#footerArea { margin: 0 auto; padding: 20px 0 30px 0; width: 960px; /*background: url(../common-img/footer_area_bg.jpg) no-repeat right bottom;*/ }

/*フッターナビゲーションエリア*/
#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: 20px; width: 960px; }
#pCopyright p { font-size: 0.7em; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ベストショット
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extNiceShotOne { position: relative; }
.recordPhoto { /*padding: 9px; background: url(../common-img/recordPhoto_bg.jpg) repeat 0 0; border: 1px solid #6A382E; box-sizing: border-box;*/ border:10px ridge #BD6F4F; }
a.recordPhotoA { display: block; /*padding: 6px; background: url(../common-img/recordPhotoA_bg.jpg) repeat 0 0;*/ border:10px solid #442822; }
a.recordPhotoA span { display: block; padding: 7px; background-color: #E5E3DF; }
a.recordPhotoA span img { border: 1px solid #CACACA; box-sizing: border-box; }
a.recordPhotoA span img:hover { opacity: 0.8 !important; filter: alpha(opacity=80) !important; -ms-filter: "alpha( opacity=80 )" !important; background: #FFF !important; }
p.txtShot { position: absolute; top: -15px; right: -15px; width: 94px; height: 94px; text-indent: -9999px; background: url(../common-img/txtShot_bg.png) repeat 0 0; }
.photoTitle { margin-top: 5px; text-align:center; font-weight:bold; }
.infoTtl { text-align: center; }

/*詳細*/
.extNiceShotDetailInner .imgbox img { width: 100%; }
.extNiceShotList .recordListInner ul { list-style: none; margin-right: -20px; overflow: hidden; }
.extNiceShotList .recordListInner ul li { float: left; width: 25%; margin-bottom: 20px; }
.extNiceShotList .recordListInner ul li .recordPhotoInner { margin-right: 20px; }

.imgbox { border:20px ridge #BD6F4F; margin-bottom: 20px; }
.imgbox a { display: block; border:20px solid #442822; }
.imgbox a span { display: block; padding: 17px; background-color: #E5E3DF; }
.imgbox a span img { border: 1px solid #CACACA; box-sizing: border-box; }
table.recordDetail { width: auto; margin: 0 0 0 auto; border-collapse: collapse; border-spacing: 0; }
table.recordDetail tr td.date { padding-right: 1em; }

.extNiceShotDetail .snsButtons { text-align:center; margin-top:20px;}

/*共育カレンダー*/
/*-------------------------------------------------------------
イベントカレンダー
-------------------------------------------------------------*/
.bEvSearch .bExtCatTabList ul li#tabBtn1, .bExtCatTabList ul li#tabBtn2 { width: 33%; }
.bEvSearch .hsNormal { margin-bottom: 0; }
.bEvSearch .hsWide { margin-bottom: 0; }
.bEvSearch .bExtCatTabList ul li#tabBtn1 a, .bExtCatTabList ul li#tabBtn2 a { display: block; width: 100%; padding: 0; text-align: center; }
.bEvSearch { width: 100%; }
.bEvSearch .EvCalSrchformOuter { margin-bottom: 30px; }
.bEvSearch table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.bEvSearch table th { width: 6em; padding: 15px 15px 15px 0; text-align: left; vertical-align: top; border-bottom: 1px dotted #CCCCCC; background-color: #FFF !important; font-weight: normal; color: #000; }
.bEvSearch table td { padding: 15px 0 15px 20px; border-bottom: 1px dotted #CCCCCC; }
.bEvSearch ul.slbox { list-style: none; }
.bEvSearch ul.slbox li { float: left; margin-right: 1em; }
.bEvSearch ul.slbox li input { margin-right: 0.5em; vertical-align: middle; }
.bEvSearch input#src_text { width: 60%; height: 25px; line-height: 25px; -webkit-appearance: none; border: 1px solid #CCC; }
.bEvSearch input.bBtnSearch { padding: 8px 80px; color: #FFF; border: none; background-color: #3498DB; font-size: 1.3em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(/js/PIE.htc); }
.bEvSearch input:hover.bBtnSearch { background-color: #005FBD;	}
.bEvSearch table.bsmContentTable { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.bEvSearch table.bsmContentTable th { padding: 15px 15px 15px 0; }
.bEvSearch table.bsmContentTable th.thTitle { width: auto !important; }
.bEvSearch table.bsmContentTable td { padding: 15px; vertical-align: top; }
.bEvSearch .pager { margin-top: 15px; text-align: center; }
.bEvSearch a.linkArrowBack { padding: 0 0 0 18px; display: inline-block; background: url(../common-img/ico_arrow_back.gif) no-repeat 0.2em 0.3em; }

.bEvSearch ul.evlist { list-style: none; margin-top: 5px; padding-top: 15px; border-top: 1px dotted #CCC; }
.bEvSearch ul.evlist li.dli { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px dotted #CCC; }
.bEvSearch ul.evlist li h3 { float: left; width: 10em;	 vertical-align: top; font-size: 1em; color: #666;	}
.bEvSearch ul.evlist li .daybox { margin-left: 10em; vertical-align: top; }
.bEvSearch ul.evlist ol { list-style: none; }
.bEvSearch ul.evlist ol li { margin-bottom: 10px; }
.bEvSearch ul.evlist ol li p { float: left; width: 9em; }
.bEvSearch ul.evlist ol li h4 { margin-left: 9em; font-weight: normal; }
.bEvSearch 	a img.linkBlank { margin-left: 5px; vertical-align: middle; }
.bEvSearch span.evcat { display: inline-block; margin-right: 1em; padding: 5px 10px; color: #FFF; font-size: 0.8em; font-weight: bold; line-height: 1em; }
.bEvSearch span.catId-1 { background-color: #00D593; }
.bEvSearch span.catId-2 { background-color: #009FE4; }
.bEvSearch span.catId-3 { background-color: #B47EFF; }
.bEvSearch span.catId-4 { background-color: #FF66A4; }
.bEvSearch span.catId-5 { background-color: #FF6458; }
/*カレンダー*/
.bEvSearch table.calendarTable { width: 100%; border-collapse: collapse; border-spacing: 0; }
.bEvSearch table.calendarTable th { width: 14%; text-align: center; padding: 8px; font-weight: normal; border-bottom: 1px solid #CCCCCC; color: #000; }
.bEvSearch table.calendarTable th.week_0, .bEvSearch table.calendarTable td.week_0 p.day { color: #C00; }
.bEvSearch table.calendarTable th.week_6, .bEvSearch table.calendarTable td.week_6 p.day { color: #069; }
.bEvSearch table.calendarTable td { padding: 6px 6px 15px 6px; border-bottom: 1px solid #CCCCCC; background-color: #F5F5F5; vertical-align: top; }
.bEvSearch table.calendarTable td.noEvent { background-color: #FFF; }
.bEvSearch table.calendarTable td.today { background-color: #FFFBCA; }
.bEvSearch table.calendarTable td p.day { font-size: 1.1em; }
.bEvSearch table.calendarTable td p.noEvt { min-height: 70px; }
.bEvSearch table.calendarTable td span.holi { display: block; font-size: 0.7em; line-height: 1em; color: #C00; }
.bEvSearch table.calendarTable td a { display: block; margin-top: 0.8em; font-size: 0.8em; line-height: 1.3em; }
.bEvSearch table.calendarTable td a:hover { background: transparent !important; color: #333 !important; }
.bEvSearch table.calendarTable th.week_0, .bEvSearch table.calendarTable td.week_0 { background-color: #FDF2F2 !important; }
.bEvSearch table.calendarTable th.week_6, .bEvSearch table.calendarTable td.week_6 { background-color: #F1F7FA !important; }
.bEvSearch .calbleft { text-align: right; margin-bottom: 15px; }
.bEvSearch .calbleft a { display: inline-block; padding: 8px 10px; line-height: 1em; text-decoration: none; background-color: #F5F5F5; border-radius: 4px; border: 1px solid #CCCCCC; }
.bEvSearch .calbleft a.prevmonth { margin-left: 10px; border-radius: 4px 0 0 4px; border-right: none; }
.bEvSearch .calbleft a.nextmonth { border-radius: 0 4px 4px 0; }
.bEvSearch .calbleft a:hover { background: #CCC; }

/*吹き出し*/
.ui-cluetip-header { margin-right: 25px !important; font-size: 1.2em !important; font-weight: normal; }
.cluetip-close { position: absolute; top: 17px; right: 12px; }
.cluetip-close a { display: block; height: 14px; width: 14px; background: url(../common-img/tip_close.png) no-repeat 0 0; text-indent: -9999px; }
.split-body { margin-bottom: 0.5em; }

/*詳細*/
.bEvDetail .bTtl4 h4 { margin: 0; padding: 15px 0 10px 0; font-size: 1.2em; border-top: 1px solid #CCCCCC; color: #000; font-weight: normal; }