@import url("common.css");

div#contents {
	width:500px;
}

div#contents h3.dir_pickup {
	clear:both;
}

div#contents h2#search_start{
	clear:both;
	background:url("/common/search_h2.gif") no-repeat center left;
	text-align:left;
	text-indent:2em;
	color:#333333;
	margin-top:0px;
	height:30px;
	font-size:16px;
}

/* search result(cities) */

ul#search_result {
	margin:5px auto;
	padding:0px;
	clear:both;
}

ul#search_result li {
	width:145px;
	float:left;
	text-indent:1.2em;
	background-position:center left;
	background-repeat:no-repeat;
	text-align:left;
	font-size:14px;
	margin-right:2px;
   margin-bottom:2px;
   height:18px;
}
ul#search_result li.result {
	background-image:url("/common/dir_result.gif");
}
ul#search_result li.noresult {
	background-image:url("/common/dir_noresult.gif");
}


/* search result (list)  */
div#contents div.dir_list {
	width:450px;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:2px solid #333333;
	border-bottom:2px solid #333333;
	margin:5px auto;
/*	background:#CCFF99 url("/common/dir_list.png") top repeat-x; */
}

div#contents div.dir_list h2 {
	font-size:14px;
	width:450px;
	height:16px;
	border-bottom:2px solid #333333;
	margin:0px;
}

div#contents div.dir_list p {
	margin:5px;
}

/* stone navi */
ul.stoneNavi {
	width:400px;
	margin:3px auto;
	list-style:none;
}

ul.stoneNavi li {
	float:left;
	width:80px;
	height:20px;
	border-top:1px solid #666666;
	border-right:2px solid #333333;
	border-bottom:2px solid #333333;
	border-left:1px solid #666666;
	margin:0px 5px;
}

ul.stoneNavi li a {
	display:block;
	width:80px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:#CCCCCC;
}


/* detailed information */
div#contents h2#detail {
	font-size:18px;
	color:#FFFFFF;
	background:#003300;
}

ul#basicinfo {
	width:240px;
	height:auto;
	background:#99CC66;
	padding:0px;
	margin:5px auto;
	list-style:none;
}

ul#basicinfo li {
	width:238px;
	margin:1px;
	background:#CCFF99;
	text-indent:0.2em;
	height:auto;
}

div.moreinfo
{
	margin:10px auto;
	clear:both;
	background:#FFFFCC;
	border-top:1px solid #CC9966;
	border-right:2px solid #CC9966;
	border-bottom:2px solid #CC9966;
	border-left:1px solid #CC9966;
}

div.moreinfo h3
{
  margin:0px;
  padding:2px;
  text-indent:1em;
  font-size:14px;
}

div.moreinfo p 
{
  margin:0px 10px;
  text-align:left;
}

div#detail {
	margin:10px auto;
	clear:both;
	background:#CCFF99;
	border-top:1px solid #99CC66;
	border-right:2px solid #99CC66;
	border-bottom:2px solid #99CC66;
	border-left:1px solid #99CC66;
}

div#detail p {
	margin:5px 15px;
}


/* for google map */
div#gmap {
	width:230px;
	height:230px;
	clear:left;
	float:left;
}