/* CSS Document */
#main {
	position: relative;  height: 500px;  oveflow: hidden;
	margin: 10px 0px 10px 0px;
}
/* (！) position: relative; もしくは position: absolute; は必ず指定して下さい。*/
#map {
	z-index: 2;  background-color: #eeeeee;
	width: 390px;  height: 290px;
}

#categoryNavi {
	position: absolute;  top: 0px;  left: 520px;  width: 250px;
	border: 1px solid #888888;  padding: 10px;
	display: none;
}
#categoryNavi select {
	width: 230px;
}
#itemNavi {
	position: absolute;  top: 50px;  left: 520px;  width: 250px;  height: 430px;
	border: 1px solid #888888;  padding: 10px;
	font-size: 90%;  line-height: 115%;
	display: none;
}

/* KsGMap の ID */
#ksgmap--map-message {						/* マップ内に表示するメッセージ */
	margin: 10px;
	font-size: 90%;
}
#ksgmsp--mapNavi-listItem--mySelf {			/* マップナビの自分自身 */
	background-color: #eeeeee;
}
#ksgmsp--categoryNavi-listItem--all {		/* カテゴリナビのすべて表示 */
	background-color: #eeeeee;
}
#ksgmsp--categoryNavi-listItem--undefined {	/* カテゴリナビの未定義の場合 */
	background-color: #eeeeee;
}
/* ▲ここまでGoogle Maps API 及び KsGMap に関連するCSS▲ */


/* ▼ここからGoogle Maps API 及び KsGMap に関連しないCSS（サンプルのHTMLで使用）▼ */
#head {
	width: 770px;
	margin-bottom: 10px;  border: 1px solid #aaa68a;  padding: 5px 10px 5px 10px;
}
#breadCrumbsNavi {
	margin-bottom: 10px;
}
#breadCrumbsNavi a , #breadCrumbsNavi span {
	font-size: 80%;  color: #333333;  text-decoration: none;
}
#breadCrumbsNavi a:hover {
	color: #000000;  text-decoration: underline;
}
#foot {
	width: 770px;
	margin: 10px 0 10px 0;  border: 1px solid #aaa68a;  padding: 10px;
	font-size: 90%;  line-height: 125%;
}