@charset "utf-8";

/* Header Title
----------------------------------------------------- */
h1 {
	height:100px;
	}

h1 span {
	background:url('image/titlelogo.jpg') no-repeat;
}


/* *****************************************
  配置
******************************************* */

/* コンテンツ部分全体囲み
----------------------------------------------------- */
div#container {
	margin-top:10px;
	margin-bottom:10px;
	padding:0 10px;
}

div#contents {
	background-color:#FFFFFF;
	padding:10px;
	height:1%;
}


/* footer
----------------------------------------------------- */
div#footer {
	clear:both;
	margin-top:10px;
}

div#contents:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* for IE */
div#contents {
	zoom:1;
}


/* *****************************************
  マップ詳細
******************************************* */

/* ローカルナビ
----------------------------------------------------- */
div#arealist {
	width:420px;
	clear: left;
	margin:0 auto 10px auto;
}

div#arealist li {
	float:left;
	text-align:center;
	height:1%;
	cursor:pointer;
}

div#arealist a {
	display:block;
	width:139px;
	padding:5px 0;
	background-color:#f9c;
	margin:0 1px 1px 0;
	color:#FFF;
}

div#arealist li a:hover {
	background-color:#fcc;
}

div#arealist:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* Google Map 設定
----------------------------------------------------- */
div#gmap {
	width: 400px;
	height: 400px;
	float:left;
}

/* Google Map ナビゲーション
----------------------------------------------------- */
div#map_navi {
	float:left;
	width:300px;
	margin-left:10px;
	height:400px;
	overflow:scroll;
}
div#map_navi h3 {
	font-weight:bold;
	margin-top:3px;
	background: #f9c;
	padding: 3px;
	;
	color: #fff;
}
div#map_navi h4 {
	font-weight:bold;
	margin-top:3px;
	margin-left:5px;
}
div#shoplist p,
div#landmarklist p
{
	margin-left:15px;
	margin-top:3px;
	cursor:pointer;
}
div#shoplist p:hover,
div#landmarklist p:hover
{
	color:#F00;
}

/* Google Map ナビゲーション
----------------------------------------------------- */
div#map_infomation {
	clear:both;
	padding:10px;
	background:#FFF;
}

/* *****************************************
  その他
******************************************* */