@charset "UTF-8";

#MapiContainer {
	padding: 100px 0 20px;
	font-size: 13px;
}

#MapiContainer h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0;
}

.MapiPageExplain{margin-bottom: 10px;}

/* リスト、地図エリア */
#MapiMapAndList{margin:0;border:1px solid #ccc;}

/* 地図エリア */
#MapiMapArea{float:left;width:761px;border-left:1px solid #ccc;}
#MapiMapAreaInner{}
.MapiMapDiv{width:760px;height:631px;}

/*そこどこ＋地図ナビ*/
#MapiMap{padding:0 0 0 1px;}
#MapiNavMapArea{height:26px;overflow:hidden;padding:0 0 0 5px;border-bottom:1px solid #ccc;background:#f6f6f6;position:relative;}
#MapiNavMapAreaInner{width:100%;}
.MapiHere{margin:0;padding:3px 0 0;line-height:24px;}
.MapiHere strong{font-weight:normal;}
#MapiNavMap{position:absolute;top:1px;right:5px;}
#MapiNavMap li{float:left;line-height:24px;}
#MapiNavMap li.MapiNavInitPosition{padding:0 0 0 26px;background:url(../img/icon_initPosition.gif) 0 0 no-repeat;}
#MapiNavMap li.MapiNavMail{padding:0 0 0 30px;background:url(../img/icon_mail.gif) 0 0 no-repeat;}

/* リストエリア */
#MapiListMap{float:left;width:230px;}
.MapiPoiList{height:604px;overflow:auto;}
.MapiPoiList li:hover{background:#efefef;}
.MapiPoiList dt{font-size: 14px;}
.MapiPoiList dt span{display:table-cell;vertical-align: middle;color: #333;}
.MapiPoiList dt span img{width:30px;padding:5px 0 0;}
#MapiDataErrorFontBlack{height:466px;overflow:auto;}
#MapiDataHit li dl{margin:0;padding:5px;background-image:url(../img/bg_dot.gif);background-position:left bottom;background-repeat:no-repeat;line-height:1.2;}
#MapiDataHit li dt{margin:0 0 5px;padding:0;}
#MapiDataHit li dt img{padding:0 5px 0 0;}
#MapiDataHit li dd{margin:0 0 3px;padding:0;}
.MapiCount{height:26px;line-height:26px;overflow:hidden;margin:0 0 1px;padding:0 5px;border-bottom:1px solid #ccc;background:#f6f6f6;}
/*高さはそのままで件数は非表示にする(エラー時ズレ防止)*/
.MapiCount.pagination-error{display:block !important;visibility:hidden !important;}
#MapiDataError p{margin:0;padding:10px;}
#MapiDataErrorFontBlack p{margin:0;padding:10px;}
.MapiErrorTxt{margin:10px 5px;}

/* pager */
.MapiPagerMap{display:block !important;height:25px;overflow:hidden;margin:0;border-top:1px solid #ccc;background:#f6f6f6;text-align:center;line-height:25px;}
.MapiPagerMap span{display:inline-block;width:105px;}
.MapiPagerMap span.prev{text-align:left;}
.MapiPagerMap span.next{text-align:right;}
.MapiPagerMap span a{display:none;}

/* 地図上のアイコン */
.MapiIconDisplay{margin:0;padding:0;}
.MapiIconOver .MapiIconDisplay,
.MapiIconOpen .MapiIconDisplay{width:155px;}
.MapiIconCloseDisplay{display:block;float:left;margin:0 3px 0 0;}
.MapiIconBtn{display:none;margin:0 0 0 3px;}
.MapiIconOpenDisplay{margin:0;padding:5px;}
.MapiIconOpenDisplay p{margin:0;padding:0;line-height:1.2;}
.MapiIconOpenDisplay p.MapiIconMore{margin:10px 0 0;text-align:right;font-size:10px;}
.MapiIconDisplay img,
.MapiIconCrowdDisplay img{border:none;}
.MapiIconWhenOver{display:none;}
.MapiIconOver .MapiIconWhenOver,
.MapiIconOpen .MapiIconWhenOver{display:inline;}
.MapiIconOver .MapiIconWhenClose,
.MapiIconOpen .MapiIconWhenClose{display:none;}
.MapiIconClose p{margin:0;padding:3px;}
.MapiIconClose .MapiIconOverDisplay,
.MapiIconClose .MapiIconOpenDisplay,
.MapiIconClose .MapiSelectShop{display:none;}
.MapiIconOver .MapiIconDisplay,
.MapiIconOpen .MapiIconDisplay{border:1px solid #ccc;background:#fff;}
.MapiIconOverDisplay{display:block;float:left;width:117px;}
.MapiIconOver p,
.MapiIconOpen p{margin:0;padding:2px;background:#f7f7f7;}
.MapiIconOver p:after,
.MapiIconOpen p:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.MapiIconOver p,
.MapiIconOpen p{overflow:hidden;min-height:1em;}
* html .MapiIconOver p,
* html .MapiIconOpen p{overflow:visible;height:1%;}
.MapiIconOpen .MapiIconOpenDisplay p.MapiIconMore{display:none;}

/* 混雑時 */
.MapiIconCrowd .MapiIconDisplay,
.MapiIconCrowdDisplay{display:none;}
.MapiIconCrowd .MapiIconCrowdDisplay{display:block;margin:0;padding:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#fff;line-height:1.1;}
.MapiIconCrowdDisplay li{position:relative;padding:5px 6px 0px 2px;border-top:1px solid #ccc;white-space:nowrap;}
.MapiIconImgArea{position:relative;top:-3px;margin:0 2px 0 0;}


/*店舗選択ボタン*/
.MapiSelectShop a{ display:block;background: url(../img/btn_narrow.png) 5px center no-repeat #da0024;color: #fff;font-weight:bold;}
.MapiSelectShop a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.MapiPoiList .MapiSelectShop a{display:block;margin:10px auto;padding:6px 0 4px 10px;width: 76%;text-align:center;}
.MapiInfoWindow .MapiSelectShop a{display:block;min-width:160px;margin:10px 0;padding:6px 0 4px 6px;text-align:center;}

.MapiIconOver .MapiSelectShop{display: block;}
.MapiIconOpen .MapiSelectShop a,
.MapiIconOver .MapiSelectShop a{display: block;width: 120px;margin: 10px auto;font-size: 12px;}


/*ローカルサーチ/絞り込みエリア*/
.MapiMapCondition{margin:1px 0 0 1px;border-top: solid 1px #666;}
.MapiMapCondition .MapiTitle,
#MapiSearchArea .MapiTitle{margin:0;padding:5px 0 5px 10px;border-bottom: solid 1px #666;color: #666;font-size: 16px;font-weight: bold;text-align: left;}
#MapiSearchArea .MapiTitle{padding:5px 0 5px 210px;}
/*#MapiResearch{border-bottom: solid 1px #666;}
#MapiResearch div {float: left;}*/
/*.MapiMapCondition{margin: 7px 0;height: 172px;background: #fff url(../img/bg_mapcondition.gif) left bottom repeat-x;}*/




.MapiMapCondition form{padding: 0 6px;}
.MapiMapCondition p{margin: 0;padding: 0;}
.MapiMapCondition ul{margin: 10px 5px;}
.MapiMapCondition li{margin:7px 0 0;font-size: 14px;}
/*.MapiMapCondition div{margin:0 0 0 10px;}
.MapiMapCondition .MapiListType1{margin:0 0 6px 6px;}
.MapiMapCondition .MapiListType1 li{width:50px;margin:0 5px 1px 0;padding:3px 0;background:none;text-align:left;}*/

#MapiSearchArea{margin:1px 1px 0;text-align: center;border-top: solid 1px #666;}
#MapiSearchArea form{margin: 0 auto;padding: 0;width:330px;height:116px;text-align: left;}
#MapiSearchArea .radio_list{margin: 20px 0 10px;}
#MapiSearchArea .radio_list li{float: left;}


/* ローカルサーチ・ライトボックス */
.MapiLightBox #MapiDataHit,
.MapiLightBox .MapiNoHit{height:386px;overflow:auto;text-align:left;}
.MapiLightBox #MapiDataHitInner,
.MapiLightBox .MapiNoHitInner{width:560px;padding:5px 0;margin:0 auto;}
.MapiResultTxt{margin:0 0 6px;padding:0 5px;}
.MapiLightBox table{width:560px;}
.MapiLightBox .MapiDataError{margin:0 0 50px;}
.MapiLightBox .MapiDataErrorFontBlack{margin:0 0 50px;}
.MapiLightBox .MapiPagerBeforAfter p{margin:10px 0 0;text-align:center;}


@media screen and (min-width: 1800px) {
	#MapiContainer {
		padding: 124px 0 20px;
	}
}

@media screen and (max-width: 1024px) {
	#MapiContainer {
		padding: 72px 0 20px;
	}
}