﻿/* 以下のスタイルシートは Google Maps API 及び KsGMap に関連しないスタイルです。（サンプルの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%;
}
.code {
	margin-top: 5px;  margin-left: 5px;  border: 1px solid #e0e0e0;  padding: 8px;  background-color: #f0f0f0;
	font-size: 80%;  font-family: monospace;
}
.code .indent {
	margin-left: 40px;
}
.fontColorGray {
	color: #888888;
}
.noticeBlue {
	color: #000088;
}
.noticeRed {
	color: #880000;
}
.noticeYellow {
	color: #808000;
}
.noticeGreen {
	color: #008000;
}

		/* ▼ここからGoogle Maps API 及び KsGMap に関連するCSS▼ */
		/* (！) position: relative; もしくは position: absolute; は必ず指定して下さい。*/
		#map {
			position: absolute;
			top: 110px;
			left: 190px;
			width: 560px;
			height: 520px;
			margin: 0;
		}
		#mapNavi_title {
			position: absolute;
			top: 111px;
			left: 10px;
			text-indent:-9999px;
			width:65px;
			height:10px;
			font-size:0;
			background:url(../img/mapNavi_title.gif) no-repeat;
		}
		#mapNavi {
			position: absolute;
			top: 125px;
			left: 10px;
		}
		#ksgmsp--mapNavi-select {
			width: 170px;
		}
		#categoryNavi_title {
			position: absolute;
			top: 149px;
			left: 10px;
			text-indent:-9999px;
			width:65px;
			height:10px;
			font-size:0;
			background:url(../img/categoryNavi_title.gif) no-repeat;
		}
		#categoryNavi {
			position: absolute;
			top: 162px;
			left: 10px;
			width: 150px;
			_width: 170px;
		}
		#categoryNavi select {
			width: 170px;
		}
		#itemNavi_title {
			position: absolute;
			top: 186px;
			left: 10px;
			text-indent:-9999px;
			width:65px;
			height:10px;
			font-size:0;
			background:url(../img/itemNavi_title.gif) no-repeat;
		}
		#itemNavi {
			position: absolute;
			background: #ffffff;
			top: 200px;
			left: 10px;
			width: 150px;
			_width: 170px;
			height: 410px;
			_height: 432px;
			border: 1px solid #888888;
			padding: 5px 3px;
			line-height: 1.4em;
		}
		#itemNavi table {
			width: 100%;
			border-collapse: collapse;
		}
		#itemNavi table td {
			_font-size: x-small;
			_line-height: 1.2em;
			}

		/* 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▲ */
#gmap {
	background: #F5EACC;
	}
#ksgmsp--categoryNavi-select,#ksgmsp--mapNavi-select {
	border: 1px solid #888888;
	}
.shop_name {
	}
.shop_wrap {
	width: 350px;
	}
.shop_wrap:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.shop_l {
	float: left;
	width: 160px;
	}
.shop_zip,.shop_address,.shop_phone,.shop_comment,.shop_employee,.shop_url {
	margin: 2px 0;
	}
.shop_zip {
	font-size: x-small;
	_font-size: xx-small;
	}
.shop_phone {
	margin: 5px 0;
	}
.shop_url {
	margin:10px 0 0 0;
	}
.shop_photo {
	float: right;
	width: 180px;
	height: 140px;
	}