@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 大枠
　02. マップエリア
　03. 検索結果エリア
　04. 検索項目エリア
　05. マーカー説明エリア
　06. 検索ガイド表示エリア
　07. マップ選択エリア
　99. スクロールバー装飾

******************************************************************************* */


/* ==

　01. 大枠

=============================================================================== */
#header {
	height: 20px;
	border-top: none;
	border-bottom: none;
	background-color: #4a4a4a;
}
#header .baseIn {
	padding-top: 0;
}
#mapContainer {
	position: relative;
	width: 100%;
	min-width: 950px;
}
*:first-child+html #mapContainer img { /* IE7 */
	-ms-interpolation-mode: bicubic;
}

.mapHeading {
	position: relative;
	width: 100%;
	min-width: 950px;
	height: 60px;
	background-color: #4a4a4a;
	text-align: center;	
}
.mapHeading h1 {
	display: inline-block;
	line-height: 41px;
	margin: 0;
	padding: 0 0 0 50px;
	border: none;
	background: url(/tochikatsu/d-room/kengaku/map/images/heading_ico01.gif) left center no-repeat;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
* html .mapHeading h1 {
	display: inline;
	zoom: 1;
} /* ie6 */
*:first-child+html .mapHeading h1 {
	display: inline;
	zoom: 1;
} /* ie7 */
.mapHeading h1 span {
	margin-left: 10px;
	font-size: 24px;
}
.mapHeading #mapHedingBtn {
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
}


/* ==

　02. マップエリア

=============================================================================== */
#mapCanvas {
	width: 100%;
	height: 800px;
}

/*　情報ウィンドウ
------------------------------------------------------------------------------- */
.infoWin {
	width: 260px;
	line-height: 1.4;
	padding: 23px 15px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #262626;
	color: #fff;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.infoWin a {
	color: #fff;
}
.infoWin .infoTit {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: bold;
}
.infoWin .infoWinBtn {
	width: 260px;
	height: 28px;
	line-height: 1;
	margin: 17px 0 0;
	font-size: 0;
}
.infoWin .infoWinBtn a {
	display: block;
}
.infoWin .infoWinBtn .btnL {
	float: left;
}
.infoWin .infoWinBtn .btnR {
	float: right;
}
* html .infoBox img {
	position: absolute !important;
	top: 0;
	right: 0;
} /* ie6 */
* html .infoWin img {
	position: static !important;
	top: auto;
	right: auto;
} /* ie6 */
*:first-child+html .infoBox img {
	position: absolute !important;
	top: 0;
	right: 0;
} /* ie7 */
*:first-child+html .infoWin img {
	position: static !important;
	top: auto;
	right: auto;
} /* ie7 */
.d_hover .infoWin .infoWinBtn a img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.d_hover .infoWin .infoWinBtn a:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*　情報ウィンドウ[イベント]
------------------------------------------------------------------------------- */
.opEventWin .colThumb {
	float: left;
	width: 70px;	
}
.opEventWin .colThumb a,
.opEventWin .colThumb span {
	display: block;
	margin-bottom: 5px;
}
.opEventWin .colTxt {
	float: right;
	width: 180px;	
}


/* ==

　03. 検索結果エリア

=============================================================================== */
#listLayer {
	position: absolute;
	top: 176px;
	left: 30px;
	width: 224px;
	height: 432px;
	padding-bottom: 4px;
	background-color: #595959;
	z-index: 1000;
}
#listLayer .layerHead {
	padding: 5px 5px 0;
}
#listLayer .layerHead div {
	height: 38px;
	overflow: hidden;
	border: 1px solid #1d1d1d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: url(/tochikatsu/d-room/kengaku/map/images/layer_bg05.jpg) left top repeat-x;	
}
#listLayer .layerHead div h2 {
	float: left;
	width: 127px;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0 0 0 9px;
	background: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#listLayer .layerHead div h2 b {
	display: block;
	padding-left: 20px;
	background: url(/tochikatsu/d-room/kengaku/map/images/layer_ico06.png) left center no-repeat;
}
#listLayer .layerHead p {
	float: right;
	width: 75px;
	height: 38px;
	line-height: 1;
	cursor: pointer;
	font-size: 0;
}
#listLayer .layerHead p span {
	display: block;
	height: 32px;
	padding-top: 6px;
	border-left: 1px solid #333;
	background: url(/tochikatsu/d-room/kengaku/map/images/layer_bg04.jpg) left top repeat-x;
	text-align: center;
}
#listLayer .layerHead .uiOpen span {
	border-left: 1px solid #000;
	background: url(/tochikatsu/d-room/kengaku/map/images/layer_bg06.jpg) left top repeat-x;	
}
#listLayer .resultNum {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	color: #fff;
	background-color: #595959;
	font-size: 12px;
}
#listLayer .resultNum span {
	font-size: 16px;
	font-weight: bold;
}
#listLayer #resultArea {
	width: 216px;
	height: 331px;
	line-height: 1.4;
	margin: 0 4px;
	background-color: #fff;
	color: #4c4c4c;
}
* html #listLayer #resultArea {
	overflow: hidden;
	overflow-y: scroll;
} /* ie6 */
*:first-child+html #listLayer #resultArea {
	overflow: hidden;
	overflow-y: scroll;
} /* ie7 */

#listLayer #resultArea.opLoading {
	background: #fff url(/common/images/search/loading.gif) center center no-repeat;
}
#listLayer #resultArea .subt {
	line-height: 1.2;
	margin: 12px 7px 3px;
	color: #000;
	font-size: 10px;
}
#listLayer #resultArea h3 {
	line-height: 1.4;
	margin: 3px 7px 8px;
	padding: 4px 2px 3px 7px;
	border: none;
	background-color: #fa0046;
	color: #fff;
	font-size: 12px;	
}
#listLayer #resultArea .opETochikatsu {
	margin-top: 3px;	
}
#listLayer #resultArea .opETochikatsu { background-color: #39bfed; }

#listLayer #resultArea .emptyTxt {
	margin: 7px 7px 12px;
	font-size: 14px;
}
#listLayer #resultArea ul {
	margin: 0 4px 12px;
	border-top: 1px solid #c4c4c4;	
}
* html #listLayer #resultArea ul {
	zoom: 1;
} /* ie6 */
*:first-child+html #listLayer #resultArea ul {
	zoom: 1;
} /* ie7 */
#listLayer #resultArea li {
	border-bottom: 1px dotted #999;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}
#listLayer #resultArea li.lastChild {
	border-bottom: none;	
}
#listLayer #resultArea li div {
	min-height: 46px;
	padding: 9px 5px 6px 40px;
	background-position: 1px 8px;
	background-repeat: no-repeat;
}
#listLayer #resultArea li .uiActive {
	background-color: #dedede;
}
#listLayer #resultArea li p.subTit {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
}
#listLayer #resultArea li p.subTxt {
	font-size: 12px;
}
#listLayer #resultArea li .opIsMarker {
	cursor: pointer;
}


/* ==

　04. 検索項目エリア

=============================================================================== */
#selectLayer {
	display: none;
	position: absolute;
	top: 20px;
	left: 265px;
	width: 630px;
	height: 338px;
	padding: 25px 20px 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #000;
	z-index: 900;
}
#selectLayer.uiOpen {
	display: block;
}
#selectLayer .layerBalloon {
	position: absolute;
	top: 16px;
	left: -7px;
	width: 8px;
	height: 15px;
	background: url(/tochikatsu/d-room/kengaku/map/images/layer_bg02.png) left top no-repeat;
}
#selectLayer .layerIn {
	height: 299px;
}
#selectLayer .layerIn .col1,
#selectLayer .layerIn .col2,
#selectLayer .layerIn .col3 {
	float: left;
}
#selectLayer .layerIn .col1 {
	width: 180px;
	margin-right: 15px;
}
#selectLayer .layerIn .col2 {
	width: 190px;
	margin-right: 15px;
}
#selectLayer .layerIn .col3 {
	width: 230px;
}
#selectLayer .layerIn h2 {
	line-height: 1;
	height: 31px;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 12px;
}
#selectLayer .layerIn #selectPref h2 {
	padding-left: 27px;
	background: url(/tochikatsu/d-room/kengaku/map/images/layer_ico03.gif) left top no-repeat;
}
#selectLayer #searchRun {
	width: 100%;
	height: 20px;
	padding: 10px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: url(/tochikatsu/d-room/kengaku/map/images/layer_bg01.jpg) left top repeat-x;
	text-align: center;
	cursor: pointer;
}
#selectLayer #searchRun.uiHover {
	background-position: left -40px;
}
#selectLayer #searchRun img {
	vertical-align: middle;
}
#selectLayer #layerClose {
	display: block;
	position: absolute;
	top: 4px;
	right: 6px;
	width: 21px;
	height: 21px;
	cursor: pointer;
}



/* ==

　05. マーカー説明エリア

=============================================================================== */


/* ==

　06. 検索ガイド表示エリア

=============================================================================== */
#guideArea {
	position: relative;
	height: 42px;
	padding: 0 30px;
	background: #333 url(/tochikatsu/d-room/kengaku/map/images/mapcontainer_bg01.jpg) left top repeat-x;
	-webkit-touch-callout: none;
}
#guideArea .areaIn {
	position: relative;
	height: 42px;
	overflow: hidden;
	white-space: nowrap;

}
#guideArea .areaIn .scrollBlock {
	position: absolute;
	top: 0;
	left: 0;
	height: 42px;
	letter-spacing: -0.5em;
}
#guideArea .areaIn .scrollBlock div {
	padding-left: 10px;
}
#guideArea p,
#guideArea ul,
#guideArea li {
	display: inline-block;
	line-height: 42px;
	color: #fff;
	letter-spacing: normal;
	vertical-align: top;
}
* html #guideArea p,
* html #guideArea ul,
* html #guideArea li {
	display: inline;
	zoom: 1;
} /* ie6 */
*:first-child+html #guideArea p,
*:first-child+html #guideArea ul,
*:first-child+html #guideArea li {
	display: inline;
	zoom: 1;
} /* ie7 */
#guideArea p {
	margin-right: 15px;
	line-height: 1;
	padding-top: 11px;
	font-size: 0;
}
#guideArea li {
	padding: 0 15px 0 28px;
	background-position: left center;
	background-repeat: no-repeat;	
}
#guideArea .opETochikatsu { background-image: url(/tochikatsu/d-room/kengaku/map/images/layer_ico_etochikatsu.png);  }
#guideArea #guideBtnL,
#guideArea #guideBtnR {
	position: absolute;
	top: 0;
	margin: 0;
	width: 30px;
	height: 25px;
	padding-top: 17px;
	background-color: #404040;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}
#guideArea .uiActive {
	cursor: pointer;
}
#guideArea #guideBtnL {
	left: 0;
	background-image: url(/tochikatsu/d-room/kengaku/map/images/guide_btn01.png);	
}
#guideArea #guideBtnR {
	right: 0;
	background-image: url(/tochikatsu/d-room/kengaku/map/images/guide_btn02.png);	
}
#guideArea #guideBtnL.uiActive,
#guideArea #guideBtnR.uiActive {
	background-color: #000;
	background-position: center -50px;
}

/* ==

　07. マップ選択エリア

=============================================================================== */
#mapSelectArea {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 200px;
	height: 135px;
	padding: 10px 12px;
	border-bottom: 1px solid #1d1d1d;
	background-color: #333;
}
#mapSelectArea .map{
	display: none;
	position:relative;
	width:200px;
}
#mapSelectArea .map .btn_areaAll{
	position:absolute;
	bottom:3px;
	right:5px;
}
#mapSelectArea .map .btn{
	width:auto;
	margin:0;
	padding:0;
}
#mapSelectArea .map .btn li{
	position:absolute;
	height:16px;
	line-height: 1;
	font-size: 0;
	cursor: pointer;
}
#mapSelectArea .map .btn_areaAll {
	cursor: pointer;
}
/* 全国エリア */
#mapSelectArea .map .btn #area_hokkaido{ top:16px; left:144px; }
#mapSelectArea .map .btn #area_tohoku{ top:52px; left:146px; }
#mapSelectArea .map .btn #area_kanto{ top:94px; left:124px; }
#mapSelectArea .map .btn #area_chubu2{ top:59px; left:65px; }
#mapSelectArea .map .btn #area_chubu{ top:112px; left:94px; }
#mapSelectArea .map .btn #area_kinki{ top:112px; left:60px; }
#mapSelectArea .map .btn #area_chugoku{ top:74px; left:26px; }
#mapSelectArea .map .btn #area_shikoku{ top:112px; left:26px; }
#mapSelectArea .map .btn #area_kyushu{ top:93px; left:8px; }

/* 北海道エリア */
#mapSelectArea .map .btn .pref1{ top:60px; left:102px;}

/* 東北エリア */
#mapSelectArea .map .btn .pref2{ top:16px; left:136px; }
#mapSelectArea .map .btn .pref3{ top:59px; left:120px; }
#mapSelectArea .map .btn .pref4{ top:92px; left:78px; }
#mapSelectArea .map .btn .pref5{ top:30px; left:81px; }
#mapSelectArea .map .btn .pref6{ top:70px; left:47px; }
#mapSelectArea .map .btn .pref7{ top:108px; left:30px; }

/* 関東エリア */
#mapSelectArea .map .btn .pref8{ top:58px; left:121px; }
#mapSelectArea .map .btn .pref9{ top:30px; left:91px; }
#mapSelectArea .map .btn .pref10{ top:36px; left:44px; }
#mapSelectArea .map .btn .pref11{ top:61px; left:69px; }
#mapSelectArea .map .btn .pref12{ top:94px; left:120px; }
#mapSelectArea .map .btn .pref13{ top:84px; left:78px; }
#mapSelectArea .map .btn .pref14{ top:106px; left:62px; }
#mapSelectArea .map .btn .pref19{ top:88px; left:27px; }

/* 北陸・北信越エリア */
#mapSelectArea .map .btn .pref15{ top:32px; left:128px; }
#mapSelectArea .map .btn .pref16{ top:54px; left:66px; }
#mapSelectArea .map .btn .pref17{ top:54px; left:28px; }
#mapSelectArea .map .btn .pref18{ top:83px; left:15px; }
#mapSelectArea .map .btn .pref20{ top:85px; left:89px; }

/* 中部エリア */
#mapSelectArea .map .btn .pref21{ top:32px; left:88px; }
#mapSelectArea .map .btn .pref22{ top:67px; left:138px; }
#mapSelectArea .map .btn .pref23{ top:68px; left:92px; }
#mapSelectArea .map .btn .pref24{ top:89px; left:63px; }

/* 近畿エリア */
#mapSelectArea .map .btn .pref25{ top:26px; left:122px; }
#mapSelectArea .map .btn .pref26{ top:23px; left:81px; }
#mapSelectArea .map .btn .pref27{ top:63px; left:80px; }
#mapSelectArea .map .btn .pref28{ top:42px; left:52px; }
#mapSelectArea .map .btn .pref29{ top:76px; left:118px; }
#mapSelectArea .map .btn .pref30{ top:102px; left:72px; }

/* 中国エリア */
#mapSelectArea .map .btn .pref31{ top:23px; left:144px; }
#mapSelectArea .map .btn .pref32{ top:41px; left:65px; }
#mapSelectArea .map .btn .pref33{ top:58px; left:139px; }
#mapSelectArea .map .btn .pref34{ top:73px; left:87px; }
#mapSelectArea .map .btn .pref35{ top:86px; left:24px; }

/* 四国エリア */
#mapSelectArea .map .btn .pref36{ top:50px; left:132px; }
#mapSelectArea .map .btn .pref37{ top:24px; left:115px; }
#mapSelectArea .map .btn .pref38{ top:59px; left:38px; }
#mapSelectArea .map .btn .pref39{ top:76px; left:86px; }

/* 九州エリア */
#mapSelectArea .map .btn .pref40{ top:21px; left:103px; }
#mapSelectArea .map .btn .pref41{ top:29px; left:68px; }
#mapSelectArea .map .btn .pref42{ top:49px; left:44px; }
#mapSelectArea .map .btn .pref43{ top:63px; left:78px; }
#mapSelectArea .map .btn .pref44{ top:46px; left:119px; }
#mapSelectArea .map .btn .pref45{ top:82px; left:114px; }
#mapSelectArea .map .btn .pref46{ top:100px; left:58px; }
#mapSelectArea .map .btn .pref47{ top:97px; left:4px; }
#mapSelectArea .map .btn .uiHover {
	background-color: #fff;
}
#mapSelectArea .map .btn .uiCurrent {
	background-color: #000;
	cursor: default;
}
#mapSelectArea .map .btn li img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#mapSelectArea .map .btn .uiHover img {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);	
}
#mapSelectArea .map .btn .uiCurrent img {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/* ==

　99. スクロールバー装飾

=============================================================================== */
#listLayer .mCSB_scrollTools{
	width: 14px;
	background-color: #dcdcdc;
}
#listLayer .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}
#listLayer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #8c8c8c;
}
#selectLayer .mCSB_scrollTools {
	width: 14px;
	background-color: #595959;
}
#selectLayer .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}
#selectLayer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #000;
}
#listLayer .mCSB_scrollTools .mCSB_draggerContainer {
	margin: 2px 0;
}

#selectLayer .mCSB_scrollTools .mCSB_draggerContainer {
	margin: 2px 0;
}