@charset "utf-8";

@import url("default.css"); /* initial setting */

body{
  font-family:arial,helvetica,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

div#leftColumn{
	float:left;
	width:270px;
  padding-left:6px;
}
	div#leftColumn h1{
		background: url(../img/title.jpg) no-repeat center center;
		height: 92px;
		width: 274px;
    margin:6px 0px 7px;
    position:relative;
	}
  div#leftColumn h1 span{
    display:block;
    position:absolute;
    width:130px;
    height:24px;
  }
  div#leftColumn h1 a{
    display:block;
    position:absolute;
    width:130px;
    height:24px;
		text-indent: -9999px;
  }
  div#leftColumn h1 a:hover{
    filter:alpha(opacity=50);
    opacity:0.5;
  }
  span#outlink_kanamaga{
    left:0;
    bottom:0;
  }
  span#outlink_shokuninsancom{
    right:0;
    bottom:0;
    width:135px !important;
  }
  span#outlink_shokuninsancom a{
    width:135px !important;
  }
	div#leftColumn  div.func{
		border: 1px solid #FFCC66;
		background-color: #FFEDC8;
    height:57px;
    margin-bottom:5px;
	}
	div#leftColumn h2{
		color: #FFFFFF;
		background-color: #FF9966;
		font-size: 12px;
    margin-bottom:6px;
    padding:3px;
	}
	div#leftColumn div p,div#leftColumn div form{
		display:block;
    margin-left:6px;
	}
	div#leftColumn div#areaDisplay{
		overflow:scroll;
		background-color: #fff;
	}
  div#areaDisplay h3{
    padding:6px;
    border-bottom:1px dotted #333;
  }
	div#leftColumn div#shoplist select{
		width:100%;
	}
  ul#shopList li.shopname{
    padding:6px 6px 3px 6px;
  }
  ul#shopList li.address{
    border-bottom:1px dotted #333;
    padding:0px 6px 6px 6px;
  }
div#rightColumn{
	float:right;
	width:auto;
}
	div#rightColumn div#map{
		width:100%;
		height:100%;
	}

  
/* style of balloon */


div#balloon{
	display:none;
}
div#main_balloon{
  width:500px;
}
div#main_balloon div.wrapper{
  width:500px;
}
div#main_balloon div.info{
  width:300px;
  float:left;
}
div#main_balloon div.figure{
  width:165px;
  float:right;
  text-align:center;
}
div#main_balloon div.figure p{
  text-align:center;
  margin:12px auto;
}
div#main_balloon div.figure p img{
  display:block;
}
div#main_balloon ul.base_info{
  border-bottom:1px dotted #999;
  margin-bottom:6px;
  padding-bottom:3px;
}
div#main_balloon span.cols{
  font-weight:bold;
} 


/* footer */
div#footer{
  position:absolute;
  left:6px;
  right:6px;
  bottom:6px;
  height:18px;
}
div#footer p{
  color:#333;
  font-size:12px;
}
div#footer p a{
  font-size:13px;
}
div#footer p#copyright{
  float:right;
}
div#footer p#attention{
  float:left;
  margin-left:300px;
  _margin-left:150px;
  font-size:13px;
}