@charset "UTF-8"; /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| --------------------------------------------------------------- COMMON（共通パーツ、フォント設定） --------------------------------------------------------------- |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| --------------------------------------------------------------- container --------------------------------------------------------------- |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ #pageHome #container { position: absolute; top: 101px; margin: 0 auto; padding: 20px 0; width: 950px; background: #DBF2ED; } #pageHome #contentArea { position: relative; padding: 20px 0 0 0; background: #FFF; border: 1px solid #CCC; } #pageHome #coverArea { margin: 0 auto 55px auto; width: 910px; } #pageHome #logoArea h1 a { position: absolute; top: 24px; left: 268px; display: block; margin: 0 auto; padding: 0; width: 405px; height: 77px; background: url(/common-img/logo.png) no-repeat 0 0; text-indent: -9999px; } #pageHome #logoArea h2 { position: absolute; top: 14px; left: 268px; margin: 0; padding: 0; display: block; width: 405px; height: 10px; background: url(../common-img/lead.png) no-repeat 0 0; text-indent: -9999px; } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| --------------------------------------------------------------- globalNavi --------------------------------------------------------------- |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ #pageHome #globalNaviArea { position: absolute; top: -42px; left: 20px; width: 890px; height: 35px; background: url(/common-img/global-navi-bg.gif) no-repeat left; } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| --------------------------------------------------------------- ミスモnetで仕事を探そう！ --------------------------------------------------------------- |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ .topRecruitBox { position: relative; width: 230px; height: 265px; background: url(/images/top-bnr-recruit-2.gif) no-repeat; } .topRecruitBox h4, .topRecruitBox p { position: absolute; margin: 0; width: 187px; height: 24px; } .topRecruitBox h4.topRecruit { top: 131px; left: 22px; } .topRecruitBox h4.topRecruit2 { top: 158px; left: 22px; } .topRecruitBox h4 a, .topRecruitBox p a { width: 187px; height: 24px; display: block; text-indent: -9999px; overflow: hidden; } .topRecruitBox h4.topRecruit a:hover { background: url(/images/top-bnr-recruit-btn-001-2.gif) no-repeat; } .topRecruitBox h4.topRecruit2 a:hover { background: url(/images/top-bnr-recruit-btn-002-2.gif) no-repeat; } /*掲載ご希望の方はこちら*/ .topRecruitBox p.topRecruit3 { top: 219px; left: 22px; } .topRecruitBox p.topRecruit3 a:hover { background: url(/images/top-bnr-recruit-btn-003-2.gif) no-repeat; } /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| --------------------------------------------------------------- トップページ検索エリア --------------------------------------------------------------- |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/ #topMapArea { margin-bottom: 20px; padding: 10px; background: #DBF2ED; text-align: left; } /*タイトル*/ .divUnitTownNaviTtl { margin: 0 0 10px 0; width: 850px; position: relative; } .divUnitTownNaviTtl h4 { text-indent: -9999px; } .divUnitTownNaviTtl p { position: absolute; top: 13px; right: 15px; text-align: right; } h4.divUnitTitleTownNavi { width: 850px; height: 43px; display: block; background: url(/images/ttl-town-navi.gif) no-repeat top; } #topMapArea .inner { margin: 0; width: 850px; } #divSearchCategoryBox { position: relative; float: left; width: 222px; height: 392px; background: url(/town/images/search-category-box-bg.gif) no-repeat; } #divSearchRightArea { float: right; width: 618px; height: 392px; } #divSearchRightAreaBottom { padding-bottom: 10px; } /*クーポン一覧ボタン*/ .btnCouponList { position: absolute; top: 9px; right: 8px; margin: 0; width: 140px; } .btnCouponList a { width: 140px; height: 25px; display: block; text-indent: -9999px; overflow: hidden; background: url(/images/btn_coupon_list.gif) no-repeat; } .btnCouponList a:hover { background: url(/images/btn_coupon_list.gif) no-repeat 0 -25px; } /********************目的から観光スポットを探す********************/ /*出店数*/ #divSearchTotal { padding: 5px 0 5px 6px; } #divSearchTotal p { margin: 0; padding: 3px 0 0 6px; width: 212px; height: 40px; display: block; color: #333; font-weight: bold; font-size: 11px; line-height: 1.6em; } #divSearchTotal p em { font-style: normal; font-size: 19px; line-height: 1em; } #divSearchTotal p span { padding: 0 3px; color: #FF6500; font-size: 23px; font-family: Verdana; } #divSearchCategoryTtl { position: relative; padding: 0 0 0 6px; } #divSearchCategoryTtl h4 { width: 210px; height: 32px; display: block; text-indent: -9999px; background: url(/town/images/search-category-ttl.gif) no-repeat; } #divSearchCategoryTtl p { position: absolute; margin: 0; padding: 0; top: 8px; right: 13px; font-size: 0.1em; line-height: 0.1em; } #divSearchCategoryTtl p a { width: 60px; height: 18px; display: block; text-indent: -9999px; overflow: hidden; background: url(/town/images/btn-search-category.gif) no-repeat; } #divSearchCategoryTtl p a:hover { background: url(/town/images/btn-search-category.gif) no-repeat 0 -18px; } #divSearchCategoryBoxList { padding: 0 0 0 6px; } #divSearchCategoryBoxList ul { margin: 0; padding: 0; list-style: none; font-size: 12px; } #divSearchCategoryBoxList ul li { position: relative; width: 210px; height: 26px; line-height: 26px; text-indent: 8px; background: url(/town/images/search-category-list-bg.gif) no-repeat left bottom; color: #666; } #divSearchCategoryBoxList ul li.liColor { background: #E8F0F2 url(/town/images/search-category-list-color-bg.gif) no-repeat left bottom; } #divSearchCategoryBoxList ul li span { position: absolute; top: 0; right: 5px; font-weight: normal; font-family: Verdana; font-size: 12px; } #divSearchCategoryBoxList ul li a { width: 210px; font-weight: bold; text-decoration: none; display: block; } #divSearchCategoryBoxList ul li a:hover { cursor: pointer; background: #CEEEE6 url(/town/images/search-category-list-color-bg.gif) no-repeat left bottom; } p.btnGyosei { position: absolute; left 0; bottom: 0; } p.btnGyosei a { width: 222px; height: 28px; text-indent: -9999px; overflow: hidden; display: block; background: url(../images/btn_gyosei.gif) no-repeat 0 0; } p.btnGyosei a:hover { background: url(../images/btn_gyosei.gif) no-repeat 0 -28px; } /*********************マップからお店を探す*********************/ #divSearchMapBox { float: left; width: 386px; background: url(/town/images/search-map-box-bg.gif) no-repeat; } #divSearchMapBoxInner { position: relative; margin: 0; padding: 0; width: 386px; height: 344px; background: url(/town/images/search-map-bg.gif) no-repeat; } #divSearchMapBoxInner ol { margin: 0; padding: 0; list-style: none; } #divSearchMapBoxInner li { position: absolute; height: 17px; display: block; } #divSearchMapBoxInner li a { height: 17px; display: block; text-indent: -9999px; overflow: hidden; } #divSearchMapBoxInner li#liLink16 a { width: 95px; height: 32px; } #divSearchMapBoxInner li#liLink1 { top: 46px; left: 50px; width: 52px; } /*若葉台*/ #divSearchMapBoxInner li#liLink2 { top: 102px; left: 10px; width: 59px; } /*はるひ野*/ #divSearchMapBoxInner li#liLink3 { top: 88px; left: 91px; width: 42px; } /*黒川*/ #divSearchMapBoxInner li#liLink4 { top: 123px; left: 59px; width: 42px; } /*栗平*/ #divSearchMapBoxInner li#liLink5 { top: 143px; left: 89px; width: 52px; } /*五月台*/ #divSearchMapBoxInner li#liLink6 { top: 179px; left: 126px; width: 42px; } /*鶴川*/ #divSearchMapBoxInner li#liLink7 { top: 54px; left: 324px; width: 42px; } /*登戸*/ #divSearchMapBoxInner li#liLink8 { top: 51px; left: 226px; width: 69px; } /*向ヶ丘遊園*/ #divSearchMapBoxInner li#liLink9 { top: 86px; left: 279px; width: 42px; } /*生田*/ #divSearchMapBoxInner li#liLink10 { top: 105px; left: 209px; width: 79px; } /*読売ランド前*/ #divSearchMapBoxInner li#liLink11 { top: 65px; left: 164px; width: 59px; } /*百合ヶ丘*/ #divSearchMapBoxInner li#liLink12 { top: 125px; left: 170px; width: 66px; } /*新百合ヶ丘*/ #divSearchMapBoxInner li#liLink13 { top: 145px; left: 167px; width: 42px; } /*柿生*/ #divSearchMapBoxInner li#liLink14 { top: 219px; left: 87px; width: 70px; } /*玉川学園前*/ #divSearchMapBoxInner li#liLink15 { top: 287px; left: 61px; width: 42px; } /*町田*/ #divSearchMapBoxInner li#liLink16 { bottom: 16px; right: 18px; width: 95px; height: 32px; } /*たまプラーザ・あざみ野周辺*/ #divSearchMapBoxInner li#liLink1 a:hover { width: 52px; background: url(/town/images/search-map-btn-001.gif) no-repeat; } #divSearchMapBoxInner li#liLink2 a:hover { width: 59px; background: url(/town/images/search-map-btn-002.gif) no-repeat; } #divSearchMapBoxInner li#liLink3 a:hover { width: 42px; background: url(/town/images/search-map-btn-003.gif) no-repeat; } #divSearchMapBoxInner li#liLink4 a:hover { width: 42px; background: url(/town/images/search-map-btn-004.gif) no-repeat; } #divSearchMapBoxInner li#liLink5 a:hover { width: 52px; background: url(/town/images/search-map-btn-005.gif) no-repeat; } #divSearchMapBoxInner li#liLink6 a:hover { width: 42px; background: url(/town/images/search-map-btn-006.gif) no-repeat; } #divSearchMapBoxInner li#liLink7 a:hover { width: 42px; background: url(/town/images/search-map-btn-007.gif) no-repeat; } #divSearchMapBoxInner li#liLink8 a:hover { width: 69px; background: url(/town/images/search-map-btn-008.gif) no-repeat; } #divSearchMapBoxInner li#liLink9 a:hover { width: 42px; background: url(/town/images/search-map-btn-009.gif) no-repeat; } #divSearchMapBoxInner li#liLink10 a:hover { width: 79px; background: url(/town/images/search-map-btn-010.gif) no-repeat; } #divSearchMapBoxInner li#liLink11 a:hover { width: 59px; background: url(/town/images/search-map-btn-011.gif) no-repeat; } #divSearchMapBoxInner li#liLink12 a:hover { width: 66px; background: url(/town/images/search-map-btn-012.gif) no-repeat; } #divSearchMapBoxInner li#liLink13 a:hover { width: 42px; background: url(/town/images/search-map-btn-013.gif) no-repeat; } #divSearchMapBoxInner li#liLink14 a:hover { width: 70px; background: url(/town/images/search-map-btn-014.gif) no-repeat; } #divSearchMapBoxInner li#liLink15 a:hover { width: 42px; background: url(/town/images/search-map-btn-015.gif) no-repeat; } #divSearchMapBoxInner li#liLink16 a:hover { width: 95px; height: 32px; background: url(/town/images/search-map-btn-016.gif) no-repeat; } /*********************50音からお店を探す*********************/ #divSearchRightAreaInner { float: right; width: 222px; } #divSearch50onBox { margin: 0 0 10px 0; padding: 5px; background: #FFF; border: 1px solid #CCC; } #divSearch50onBox h4 { margin: 0; padding: 0; width: 212px; height: 35px; display: block; text-indent: -9999px; background: url(/town/images/search-50on-ttl.gif) no-repeat 0 0; } #divSearch50onTableBox { padding: 1px 0 0 0; width: 210px; } #divSearch50onTableBox table.tableLeft { float: left; width: 102px; } #divSearch50onTableBox table.tableRight { float: right; width: 102px; } #divSearch50onTableBox td { padding: 3px; line-height: 16px; font-size: 10px; font-weight: bold; text-align: center; } #divSearch50onTableBox td a { text-decoration: none !important; display: block; } #divSearch50onTableBox td a:hover { color: #F60; } #divSearch50onTableBox .tableColor td { background: #E1F4EC; } /*********************画像からお店を探す*********************/ #divSearchImgBox { margin: 0; padding: 5px; background: #FFF; border: 1px solid #CCC; } #divSearchImgBox h4 { margin: 0; padding: 0; width: 212px; height: 30px; display: block; text-indent: -9999px; background: url(/town/images/search-image-ttl.gif) no-repeat; } #divSearchImgBoxList { padding: 5px 2px 0 2px; } #divSearchImgBoxList ul { margin: 0; padding: 0; list-style: none; font-size: 12px; } #divSearchImgBoxList ul li { display: inline; margin: 0; padding: 0; line-height: 18px; } #divSearchImgBoxList ul li a { text-decoration: none !important; } #divSearchImgBoxList ul li a:hover { color: #F60; text-decoration: none !important; } /*********************フリーワードで探す*********************/ #divSearchFreeWordBox { margin: 0; width: 618px; height: 38px; background: url(/town/images/search-freeword-box-bg.gif) no-repeat; } #divSearchFreeWordBox form { margin: 0; padding: 5px 0 0 15px; } #divSearchFreeWordBox h4 { margin: 3px 0 0 0; padding: 0; float: left; width: 128px; height: 22px; text-indent: -9999px; background: url(/town/images/search-freeword-ttl.gif) no-repeat left; } #divSearchFreeWordBox input.textField { float: left; margin: 2px 6px 0 0; padding: 0; width: 390px; height: 24px; border: none; line-height: 24px; text-indent: 30px; background: url(/town/images/search-freeword-img.gif) no-repeat left; } #divSearchFreeWordBox input.searchBtn { float: left; margin: 0; padding: 0; width: 73px; height: 27px; cursor: pointer; } /*****************検索結果一覧リスト*************************/ ul.ulSearchList { margin: 0; padding: 0 0 15px 0; width: 600px; list-style: none; } ul.ulSearchList li { margin: 0 0 5px 0; padding: 15px; border: 3px solid #CCC; background-color: #FFF; } ul.ulSearchList li img { float: left; margin: 0 8px 0 14px; width: 24px; } ul.ulSearchList li div.divSearchListMain { float: left; margin: 0; width: 380px; } ul.ulSearchList li a { padding: 0 0 2px 13px; } ul.ulSearchList li h4 { padding: 0 0 2px 13px; background: url(/common-img/mark-circle.gif) no-repeat 0 4px; font-size: 16px; font-weight: bold; line-height: 1.2em; color: #333; } ul.ulSearchList li h4 a { padding: 0; } ul.ulSearchList li p { padding: 3px 0 0 13px; color: #333; font-weight: bold; line-height: 1.2em; } ul.ulSearchList li p.pSearchListUrl, ul.ulSearchList li p.pSearchListTel, ul.ulSearchList li p.pSearchListFax, ul.ulSearchList li p.pSearchListAdd { color: #333; font-weight: normal; line-height: 1.2em; } ul.ulSearchList li span.spanSearchListImg { float: right; width: 165px; display: block; } ul.ulSearchList li span.spanSearchListImg img { margin: 0 0 0 0; padding: 0; width: 165px } .divShopBottom { display: block; line-height: 0.1em; clear: both; } ul.ulSearchList li p.pSearchListUrl a { padding: 0; } /*サービスアイコン*/ .divSearchListIcn { padding: 4px 0 0 13px; } .divSearchListIcn img { float: none !important; margin: 0 !important; width: 16px !important; height: 16px !important; cursor: help; } /*ミスモピックアップボタン*/ p#divSearchPickup { margin: 10px 0 0 0; width: 222px; height: 100px; } /*p#divSearchPickup a { width: 222px; height: 100px; display: block; overflow: hidden; text-indent: -9999px; background: url(/images/search-pickup-btn.gif) no-repeat; }*/