@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
マップ GoogleMAP
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*観光情報タブ*/
.blkTownMapTopSearchArea { height: 25px; display: block; background: url(/area/images/tab-bg.gif) no-repeat bottom; }


/*-------------------------------------------------------------
デリバリーエリア
-------------------------------------------------------------*/
#blkTownMapDeliveryArea { margin: 0 0 10px 0; width: 910px; height: 90px; background: url(/town/images/search-box-delivery.gif) no-repeat; }
#blkTownMapDeliveryAreaInner { padding: 15px 20px 0 20px; }
#blkTownMapDeliveryAreaInner em { font-weight: bold; font-style: normal; font-size: 11px; line-height: 1.3em; color: #333; }
#blkTownMapDeliveryAreaInner p { padding: 10px 0 0 0; line-height: 1em; }
#blkTownMapDeliveryAreaInner p text { width: 300px; }
#blkTownMapDeliveryAreaInner p input { margin: 0; padding: 0; font-size: 10px; }


/*-------------------------------------------------------------
今空いているお店
-------------------------------------------------------------*/
#mapSearchOpenclose { margin: 0 5px 5px 5px; width: 900px; height: 60px; display: block; }
#mapSearchOpenclose p { margin: 0; padding: 8px 20px; text-align: left; color: #000; background: #FFF; border: 1px solid #B7CCE5;- }
#mapSearchOpenclose p select { margin: 0 5px; padding: 0; font-size: 11px; line-height: 1.5em; }


/*-------------------------------------------------------------
初期マップイメージ
-------------------------------------------------------------*/
#mapImage { position: absolute; top: 97px; width: 910px; height: 406px; z-index: 100; }
#mapImage a { width: 910px; height: 406px; display: block; background: url(/common-img/dummy/dummy-town-cover.gif) no-repeat left top; text-indent: -9999px; }
#mapImage a:hover { }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
サーチエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.blkTownMapTopSearchArea { float: right; width: 200px; margin: 0; padding: 0; list-style: none; }
.blkTownMapTopSearchArea ul li#tabAreaCheck3 { float: left; margin: 0 0 0 80px; width: 75px; height: 25px; display: block; line-height: 25px; color: #000; font-size: 12px; }
.blkTownMapTopSearchArea ul li#tabAreaCheck3 input { margin: 2px 0 0 0; cursor: pointer; }
.blkTownMapTopSearchArea ul li#tabAreaCheck3 label { cursor: pointer; }
.blkTownMapTopSearchArea ul li#tabAreaCheck4 { float: left; width: 200px; height: 25px; display: block; line-height: 25px; color: #000; font-size: 12px; }
.blkTownMapTopSearchArea ul li#tabAreaCheck4 input { margin: 2px 0 0 0; cursor: pointer; }
.blkTownMapTopSearchArea ul li#tabAreaCheck4 label { cursor: pointer; }


/*---------------------------------------------------------------
サーチインナーボックス
---------------------------------------------------------------*/
/*観光情報*/
.mapSearchBoxHead { padding: 10px 0 0 0; width: 890px; background: url(/kankou/images/search-box-head.gif) no-repeat top; }
.mapSearchBoxBody { width: 890px; background: url(/kankou/images/search-box-body.gif) repeat-y; }
.mapSearchBoxBottom { padding: 0 0 10px 0; width: 890px; background: url(/kankou/images/search-box-bottom.gif) no-repeat bottom; }

/*お店情報*/
#pageTown .mapSearchBoxHead { padding: 10px 0 0 0; width: 890px; background: url(/town/images/search-box-head.gif) no-repeat top; }
#pageTown .mapSearchBoxBody { width: 890px; background: url(/town/images/search-box-body.gif) repeat-y; }
#pageTown .mapSearchBoxBottom { padding: 0 0 10px 0; width: 890px; background: url(/town/images/search-box-bottom.gif) no-repeat bottom; }


/*---------------------------------------------------------------
タブ（画像）
---------------------------------------------------------------*/
#mapSearchImg { padding: 10px; position: relative; display: none; }
#mapSearchImgInner { padding: 0; }

/*  yamamoto added */
div.scroller { margin: 0 0 0 50px; width: 800px;  height: 120px; overflow: hidden; }
div.scroller div.section { float: left;	 width: 800px; height: 120px; overflow: hidden; }
div.section dl,
div.section dl dt,
div.section dl dd { margin: 0; padding: 0; }
div.section dl { float: left; margin: 0 10px 0 0; }
div.section dl dt { margin: 0 0 2px 0; }
div.section dl dt img { padding: 8px 0 0 0; vertical-align: bottom; }
div.section dl dd { text-align: center; font-size: 10px; line-height: 1.8em; }
div.scroller div.content { width: 10000px; }
#mapSearchImgInner .my-glider { position: relative; width: 800px; /*height: 108px;*/ }

/*スクロールボタン*/
#mapSearchImgInner .btnLeft { position: absolute; top: 2px; left: 2px; width: 25px; }
#mapSearchImgInner .btnLeft a { width: 25px; height: 136px; display: block; text-indent: -9999px; overflow: hidden; background: url(/town/images/btn-scroll-left.gif) no-repeat; }
#mapSearchImgInner .btnLeft a:hover { background: url(/town/images/btn-scroll-left.gif) no-repeat 0 -136px; }
#mapSearchImgInner .btnRight { position: absolute; top: 2px; right: 2px; width: 25px; }
#mapSearchImgInner .btnRight a { width: 25px; height: 136px; display: block; text-indent: -9999px; overflow: hidden; background: url(/town/images/btn-scroll-right.gif) no-repeat; }
#mapSearchImgInner .btnRight a:hover { background: url(/town/images/btn-scroll-right.gif) no-repeat 0 -136px; }
 
/*サーチインナーボックス*/
#mapSearchImg .mapSearchBoxHead { position: relative; padding: 10px 0 0 0; width: 890px; background: url(/town/images/search-box-head.gif) no-repeat top; }
#mapSearchImg .mapSearchBoxBody { width: 890px; background: url(/town/images/search-box-body.gif) repeat-y; }
#mapSearchImg .mapSearchBoxBottom { padding: 0 0 10px 0; background: url(/town/images/search-box-bottom.gif) no-repeat bottom; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*○○画像検索*/
.blkTownMapTopSearchImgTab li h5 a { color: #FFF; background: #FFF; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.blkTownMapTopSearchImgTab li#searchTabActive a { color: #FFF; background: #F90; outline: 0; /* prevent dotted border in Firefox */ border-top: 1px solid #F90; border-left: 1px solid #F90; border-right: 1px solid #F90; }
.blkTownMapTopSearchImgTab li a:hover { color: #FFF; background: #F90; outline: 0; /* prevent dotted border in Firefox */ border-top: 1px solid #F90; border-left: 1px solid #F90; border-right: 1px solid #F90; }

/*検索画像一覧*/
.blkTownMapTopSearchImgListArea { padding: 30px 50px 20px 60px; background: url(/kankou/images/area-head.gif) no-repeat top; }
p.blkTownMapTopSearchImgShuffle { padding: 0 0 20px 0; text-align: center; }
.blkTownMapTopSearchImgList ul { margin: 0; padding: 0; list-style: none; }
.blkTownMapTopSearchImgList li { float: left; margin: 0; padding: 0; width: 160px; height: 205px; display: block; line-height: 1.5em;  }
.blkTownMapTopSearchImgList li p { margin: 0; padding: 0; width: 150px; background: #000; color: #FFF; text-align: center; font-size: 0.8em; line-height: 2em; }
.blkTownMapTopSearchImgList li img { margin: 0 0 3px 0; padding: 0; }
.blkTownMapTopSearchImgList li a { width: 150px; display: block; }

/* --------------------------------
 * LightBox
 * ------------------------------ */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(http://www.beatup.co.jp/cakepia-collection/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.beatup.co.jp/cakepia-collection/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.beatup.co.jp/cakepia-collection/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	 }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*-------------------------------------------------------------
すべて表示
-------------------------------------------------------------*/
.blkTownMapTopSearchAll { position: relative; width: 910px; height: 15px; display: block; line-height: 0.1em; border-top: 4px solid #F90; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
街マップ 各インデックスページGoogleMAP
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#pageKankou .blkTownMapMapArea { padding-top: 15px; }
#pageTown .blkTownMapMapArea { padding-top: 0; }

/*観光情報*/
.blkTownMapMapAreaInner { background: url(/kankou/images/map-bg.gif) repeat-y top; }
.blkTownMapMapAreaBottom { width: 910px; height: 30px; display: block; background: url(/kankou/images/map-bg-bottom.gif) no-repeat top; }

/*お店情報*/
#pageTown .blkTownMapMapAreaInner { background: url(/town/images/map-bg.gif) repeat-y top; }
#pageTown .blkTownMapMapAreaBottom { width: 910px; height: 30px; display: block; background: url(/town/images/map-bg-bottom.gif) no-repeat top; }


/*-------------------------------------------------------------
マップメニュー
-------------------------------------------------------------*/
.blkTownMapMapMenu { margin-left: auto; margin-right: auto; width: 898px; }

/*エリア選択*/
#blkTownMapTabChoice { float: left; width: 180px; display: none; }
#blkTownMapTabChoice select { width: 170px; font-size: 1em; }

/*マイエリア登録*/
.blkTownMapMapMenu .blkTownMapMapMyarea { float: left; width: 348px; overflow: hidden; }
.blkTownMapMapMenu .blkTownMapMapMyarea input { margin: 0; padding: 0; font-size: 10px; }
.blkTownMapMapMenu .blkTownMapMapMyarea p { margin: 0; padding: 0; width: 190px; }
.blkTownMapMapMenu .blkTownMapMapMyarea p a { padding: 3px 0 3px 18px; font-size: 0.9em; line-height: 1em; display: block; background: url(/kankou/images/ico-myarea-reg.gif) no-repeat left; }

/*マップリサイズ*/
.blkTownMapMapResize { float: left; margin: 6px 0 0 0; width: 122px; }

/*Large*/
.blkTownMapMapResize p.blkTownMapMapLarge { float: left; margin: 0 1px 0 0; padding: 0; width: 40px; }
.blkTownMapMapResize p.blkTownMapMapLarge a { width: 40px; height: 14px; display: block; text-indent: -9999px; overflow: hidden; font-size: 0.1em; line-height: normal; background: url(/kankou/images/btn-map-large.gif) no-repeat; }
.blkTownMapMapResize p.blkTownMapMapLarge a:hover { font-size: 0.1em; line-height: normal; background: url(/kankou/images/btn-map-large.gif) no-repeat 0 -14px; }

/*Medium*/
.blkTownMapMapResize p.blkTownMapMapMedium { float: left; margin: 0 1px 0 0; padding: 0; width: 40px; }
.blkTownMapMapResize p.blkTownMapMapMedium a { width: 40px; height: 14px; display: block; text-indent: -9999px; overflow: hidden; font-size: 0.1em; line-height: normal; background: url(/kankou/images/btn-map-medium.gif) no-repeat; }
.blkTownMapMapResize p.blkTownMapMapMedium a:hover { font-size: 0.1em; line-height: normal; background: url(/kankou/images/btn-map-medium.gif) no-repeat 0 -14px; }

/*Small*/
.blkTownMapMapResize p.blkTownMapMapSmall { float: left; padding: 0; width: 40px; }
.blkTownMapMapResize p.blkTownMapMapSmall a { width: 40px; height: 14px; display: block; text-indent: -9999px; overflow: hidden; font-size: 0.1em; line-height: normal; background: url(/kankou/images/btn-map-small.gif) no-repeat; }
.blkTownMapMapResize p.blkTownMapMapSmall a:hover { font-size: 0.1em; line-height: normal; background: url(/kankou/images/btn-map-small.gif) no-repeat 0 -14px; }

/*アクティブ設定*/
.blkTownMapActiveLarge p.blkTownMapMapLarge a { background: url(/kankou/images/btn-map-large.gif) no-repeat 0 -14px; }
.blkTownMapActiveMedium p.blkTownMapMapMedium a { background: url(/kankou/images/btn-map-medium.gif) no-repeat 0 -14px; }
.blkTownMapActiveSmall p.blkTownMapMapSmall a { background: url(/kankou/images/btn-map-small.gif) no-repeat 0 -14px; }

/*マイエリアとは？*/
.blkTownMapMapMenu .blkTownMapMapHelp { float: right; width: 200px; height: 23px; }
.blkTownMapMapMenu .blkTownMapMapHelp p { font-size: 0.9em; text-align: right; height: 23px; }
.blkTownMapMapMenu .blkTownMapMapHelp p a { padding: 3px 0 3px 18px; height: 23px; background: url(/kankou/images/ico-map-help.gif) no-repeat left; }


/*-------------------------------------------------------------
マップエリア
-------------------------------------------------------------*/
.blkTownMapMap { margin-left: auto; margin-right: auto; width: 898px; }
.blkTownMapMapGmap { float: left; width: 650px; position: relative; }

/*マップサイズ*/
.blkTownMapMapGmapLarge { width: 650px; height: 600px; display: block; background: #FFF; }
.blkTownMapMapGmapMedium { width: 650px; height: 450px; display: block; background: #FFF; }
.blkTownMapMapGmapSmall { width: 650px; height: 300px; display: block; background: #FFF; }

/*マップサイズ*/
.blkTownMapMapGmapLarge #map { width: 650px; height: 600px; display: block; }
.blkTownMapMapGmapMedium #map { width: 650px; height: 450px; display: block; }
.blkTownMapMapGmapSmall #map { width: 650px; height: 300px; display: block; }

/*情報植え込み中*/
#gmap_msg { position: absolute; top: 130px; left: 250px; z-index: 99; letter-spacing: 1px; filter: Alpha(opacity=70); overflow: hidden; border: 2px solid #FFF; padding: 4px 10px 3px 10px; background: #000; font-size: 14px; color: #FFF; display:block; }


/*-------------------------------------------------------------
リストエリア
-------------------------------------------------------------*/
.blkTownMapMapList { float: right; width: 244px; }

/*お店一覧ページング*/
.blkTownMapMapPaging { height: 18px; display: block; line-height: 1em; border-bottom: 2px solid #F02581; }

/*ページング前の20件ボタン*/
.blkTownMapMapPaging p.back { float: left; width: 18px; }
.blkTownMapMapPaging p.back a { width: 18px; height: 18px; display: block; text-indent: -9999px; overflow: hidden; background: url(/kankou/images/btn-map-page-back.gif) no-repeat; }

/*ページング次の20件ボタン*/
.blkTownMapMapPaging p.next { float: right; width: 18px; }
.blkTownMapMapPaging p.next a { width: 18px; height: 18px; display: block; text-indent: -9999px; overflow: hidden; background: url(/kankou/images/btn-map-page-next.gif) no-repeat; }

/*ページング1〜5ボタン*/
.blkTownMapMapPaging ul { margin: 0; padding: 0; list-style: none; }
.blkTownMapMapPaging li { float: left; width: 41px; }
.blkTownMapMapPaging li a { width: 40px; height: 18px; display: block; overflow: hidden; text-decoration: none; font-weight: bold; font-size: 0.95em; text-align: center; line-height: 18px; }
.blkTownMapMapPaging li.no a {  background: url(/kankou/images/btn-map-number.gif) no-repeat; text-decoration: none; }
.blkTownMapMapPaging li.no a:hover { background: url(/kankou/images/btn-map-number.gif) no-repeat 0 -18px; color: #FFF; text-decoration: none; }

/*アクティブ*/
.blkTownMapMapPaging li.noActive a { background: url(/kankou/images/btn-map-number.gif) no-repeat 0 -18px; color: #FFF; text-decoration: none; }

/*検索結果無し*/
p#maplisterr { font-size: 14px; line-height: 1.5em; }

/*検索結果エリア*/
.blkTownMapMapSearchResult { background: #FFF; }

/*お店一覧リストソート*/
p.blkTownMapMapSearchResultSort { margin: 0; padding: 0 0 0 12px; height: 19px; display: block; font-size: 0.8em; line-height: 19px; background: #EEEEEE; }
.blkTownMapMapSearchResult p.blkTownMapMapSearchResultSort a { margin: 0; padding: 0 10px 0 0; text-decoration: none; color: #666; }
.blkTownMapMapSearchResult p.blkTownMapMapSearchResultSort .sortActive a { color: #333; }

/*リストサイズ*/
.blkTownMapMapSearchResult .blkTownMapMapSrLarge { width: 244px; height: 542px; overflow: auto; }
.blkTownMapMapSearchResult .blkTownMapMapSrMedium { width: 244px; height: 392px; overflow: auto; }
.blkTownMapMapSearchResult .blkTownMapMapSrSmall { width: 244px; height: 242px; overflow: auto; }

/*一覧リスト*/
.blkTownMapMapSearchResultInner { padding: 6px 0 0 0; }
.blkTownMapMapSearchResultInner table { margin: 0; padding: 0; border: none; }
.blkTownMapMapSearchResultList { padding: 6px 12px 6px 12px; }

/*アクティブ設定（観光情報）*/
.blkTownMapMapSearchResultListActive { padding: 6px 12px 6px 12px; background: #F2C7C7; }

/*アクティブ設定（お店情報）*/
#pageTown .blkTownMapMapSearchResultListActive { padding: 6px 12px 6px 12px; background: #B8CCE6; }
.blkTownMapMapSearchResultInner th { width: 56px; vertical-align: top; }
.blkTownMapMapSearchResultInner td { vertical-align: top; }
.blkTownMapMapSearchResultInner td h6 { padding: 0 0 3px 0; font-size: 1em; line-height: 1.2em; }
.blkTownMapMapSearchResultInner td p { margin: 0 0 3px 0; font-size: 0.9em; line-height: 1.2em; color: #000; }

/*詳細ボタン*/
.blkTownMapMapSearchResultInner th p { margin: 1px 0 0 0; padding: 0; }
.blkTownMapMapSearchResultInner th p a { width: 48px; height: 16px; display: block; text-indent: -9999px; overflow: hidden; font-size: 0.1em; line-height: normal; background: url(/kankou/images/btn-map-list-detail.gif) no-repeat; }
.blkTownMapMapSearchResultInner th p a:hover { background: url(/kankou/images/btn-map-list-detail.gif) no-repeat 0 -16px; }

/*検索結果*/
p.blkTownMapMapSearchResultTxt { margin: 0; padding: 0 0 0 12px; height: 19px; display: block; font-size: 0.8em; line-height: 19px; background: #EEEEEE; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
詳細ウインドウ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#divMapsumFlame { position: relative; width: 800px; }
#divMapsumDetailArea { padding: 18px 0 20px 20px; }
#divMapsumNameArea { margin: 0 0 18px 0; padding: 0 0 10px 0; width: 760px; border-bottom: 1px dotted #CCC; }
#divMapsumNameArea img { display: none; }
#divMapsumNameArea p { margin: 0; padding-bottom: 10px; font-weight: bold; font-size: 13px; color: #000; }
#divMapsumNameArea h4 { margin: 0; padding-bottom: 5px; font-weight: bold; font-size: 32px; color: #F90; line-height: 0.9em; }
#divMapsumNameArea h4 a { text-decoration: none; }
/*#divMapsumNameArea h5 { margin: 0; padding: 0; font-weight: bold; font-size: 12px; color: #999; }*/
#divMapsumDataArea { width: 760px; overflow: hidden; }

/*マップ・データエリア*/
#divMapsumMainArea { float: left; width: 558px; }
#divMapsumMapArea { padding: 0 0 18px 0; width: 540px; }
#pageMapDetail #map { width: 538px; height: 238px; border: 1px solid #CCC; display: block; background: #000; }

/*基本情報*/
#divMapsumData { margin: 0 0 10px 0; width: 540px; border-bottom: 1px dotted #CCC; }
#divMapsumData table { width: 540px; font-size: 12px; line-height: 1.3em; }
#divMapsumData th { padding: 5px 0 5px 10px; width: 110px; border-bottom: 1px dotted #CCC; text-align: left; vertical-align: top; font-weight: normal; color: #000; background: #ECE7DD; }
#divMapsumData td { padding: 5px 10px; vertical-align: top; text-align: left; border-bottom: 1px dotted #CCC; }

/*サービス情報*/
#divMapsumService { width: 200px; border-top: 1px dotted #CCC; }
#divMapsumService table { width: 200px; font-size: 12px; line-height: 1.3em; }
#divMapsumService th { padding: 5px 0 5px 10px; width: 110px; border-bottom: 1px dotted #CCC; text-align: left; vertical-align: top; font-weight: normal; color: #000; background: #ECE7DD; }
#divMapsumService td { padding: 5px 10px; vertical-align: top; text-align: left; border-bottom: 1px dotted #CCC; }

/*フォト・コメントエリア*/
#divMapsumSubArea { float: left; width: 200px; font-size: 12px; line-height: 1.6em; }
#divMapsumSubArea img.thimg { margin: 0 0 10px 0; width: 200px; }

/*お店ボタン*/
p#pBtnShopOpen { position: absolute; top: 13px; right: 20px; margin: 0; padding: 0; width: 144px; }
p#pBtnShopOpen a { width: 144px; height: 26px; display: block; text-indent: -9999px; overflow: hidden; background: url(/town/images/btn-shop-open.gif) no-repeat; }
p#pBtnShopOpen a:hover { background: url(/town/images/btn-shop-open.gif) no-repeat 0 -26px; }
#entry { width: 760px; }
#entry-img { float: left; padding: 0 10px 0 0; margin-bottom: 10px; width: 210px; }
#entry-text { float: left; }