@charset "utf-8";

/* ▼ここからGoogle Maps API 及び KsGMap に関連するCSS▼ */

*{
font-family:"ＭＳ Ｐゴシック", Osaka;
font-size:12px;
}

#main {
/*position: relative;*/
/*oveflow: hidden;*/
margin:10px;
}

h1{
margin:10px;
}

/* (！) position: relative; もしくは position: absolute; は必ず指定して下さい。*/
#map {
z-index: 2;  background-color: #eeeeee;
/*width: 500px;  height: 500px;*/
width: 500px;  height: 380px;
float:left;
}

#categoryNavi {
/*position: absolute;
top: 0px;
left: 520px;*/
width: 250px;
border: 1px solid #888888;  padding: 10px;
}

#categoryNavi select {
width: 230px;
}

#itemNavi {
/*position: absolute;*/
/*top: 50px;
left: 520px;*/
width:194px;
height:380px;
overflow:auto;
border:1px dotted #888888;
line-height:1.4em;
}


/* KsGMap の ID */
#ksgmap--map-message {						/* マップ内に表示するメッセージ */
margin: 10px;
}

#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 {
color: #333333;  text-decoration: none;
}

#breadCrumbsNavi a:hover {
color: #000000;  text-decoration: underline;
}

#foot {
border-top:4px solid #85A3C2;
margin:10px 0px 0px 10px;
width:700px;
padding:4px 0px 10px 0px;
text-align:right;
}

/* ▲ここまでGoogle Maps API 及び KsGMap に関連しないCSS▲ */

div#list{
}

h2{
border-top:1px solid #666666; 
border-bottom:1px solid #666666;
width:700px;
padding-top:10px;
padding-bottom:10px;
margin-left:10px;
text-align:center;
background-color:#EDF1FE;
}

table{
margin-left:10px;
}
td.top{
padding:4px;
font-weight:bold;
border-bottom:1px solid #666666;
}

td.line{
padding:4px;
border-bottom:1px dotted #666666;
}