@charset "utf-8";
@import "base/common.css";

#container_left h2 {
	overflow: hidden;
	width: 550px;
	height: 37px;
	font-size: 1em;
	text-indent: -9999px;
	background: url(http://files.hughug-web.com/www/spot/label.gif);
	margin-bottom: 10px;
}

#search{
	margin-top: 10px;
}

#search .label {
	overflow: hidden;
	height: 20px;
	padding-right: 10px;
	background-position: top right !important;
}

#search .body {
	overflow: hidden;
	height: 130px;
  padding-left: 10px;
  padding-right: 10px;
}

#search .body .inner{
	padding-top: 3px;
	padding-bottom: 5px;
}

#search h4 {
	clear: both;
	padding-left: 2px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #d29936;
	margin-top: 10px;
}

#search h4 p {
	color: #884400;
	font-size: 12px;
	border-left: solid 4px #d5bea6;
	padding-left: 4px;
	line-height: 1.1em;
}

#search .box {
	padding-top: 3px;
	padding-bottom: 3px;
}

#search label {
	float: left;
	display: block;
	width: 105px;
	font-size: 11px;
	line-height: 1.1em;
	cursor: pointer;
}

#search label.long { width: 290px; float: none; }
#search label.magazine { width: 185px; }
#search label.magazine_end { width: 160px; }
#search label.end { width: 110px; }
#search label.middle { width: 140px; }
#search label.middle_end { width: 110px; }

#search input.long {
	margin-top: 3px;
	margin-bottom: 5px;
}

#search .btn {
	text-align: center;
}


#google_map {
	margin-top: 10px;
	height: 550px;
}




#spot_list { padding-top: 0px; }
#spot_list h2 { background: url(http://files.hughug-web.com/www/spot/label1.png); }
#spot_list a {
	display: block;
	border-left: solid 4px #d5bea6;
	padding-left: 4px;
	line-height: 1.1em;
}
#spot_list .inner_box { margin-top: 7px; overflow: auto; }
#spot_list .inner_box ul { font-size: 11px; }
#spot_list .inner_box ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#spot_list .inner_box ul li strong{
	color: #884400;
	font-size: 10px;
}




#base-layer-1 h3.layers_label { background-image:url(http://files.hughug-web.com/www/common/layer10_chara.png); }
#base-layer-1 h3.layers_label p { width: 146px; background-image:url(http://files.hughug-web.com/www/spot/label2.png); }
#base-layer-2 h3.layers_label { background-image:url(http://files.hughug-web.com/www/common/layer1_chara.png); }
#base-layer-2 h3.layers_label p { width: 124px; background-image:url(http://files.hughug-web.com/www/spot/label3.png); }




#base-layer-1 .layer_body h2 {
	border-left: solid 5px #b3d580;
	padding-left: 5px;
	line-height: 1.1em;
	font-size: 14px;
	color: #448800;
}

#base-layer-1 table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	border: 0px;
}

#base-layer-1 table tr th{
	width: 80px;
	background: #ff9900;
	text-align: left;
	color: #fff;
	font-size: 11px;
	padding: 5px;
	vertical-align: top;
	border-bottom: dotted 1px #fff;
}

#base-layer-1 table tr th p{
	line-height: 1.1em;
	border-left: solid 5px #ffcc7f;
	padding-left: 3px;
}

#base-layer-1 table tr td{
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	border-bottom: dotted 1px #b48852;
	background: #fff;
	vertical-align: top;
}

#base-layer-1 table tr.first th{ border-top: dotted 1px #fff; }
#base-layer-1 table tr.first td{ border-top: dotted 1px #b48852; }

#base-layer-1 #description{
	margin-top: 10px;
}

#base-layer-1 #description .body{
	font-size: 12px;
}

#base-layer-1 #news_list{
	margin-top: 10px;
}

#base-layer-1 #news_list {
	margin-bottom: 0px !important;
	background: #f0f7e6;
}

#base-layer-1 #news_list .label {
	overflow: hidden;
	height: 20px;
	padding-right: 10px;
	background-position: top right !important;
	background-image: url(../files-sub/www/bbs/info_label_bg.gif) !important;
}

#base-layer-1 #news_list .label h3 {
	background-image: url(../files-sub/www/bbs/info_label_r.gif) !important;
}

#base-layer-1 #news_list .label h3 p {
	background-image: url(../files-sub/www/bbs/info_label_l.gif) !important;
}

#base-layer-1 #news_list .body {
	padding-left: 10px;
	padding-right: 10px;
}

#base-layer-1 #news_list .foot {
	background-image: url(../files-sub/www/bbs/info_foot_bg.gif) !important;
}

#base-layer-1 #news_list .foot p {
	background-image: url(../files-sub/www/bbs/info_foot_l.gif) !important;
}

#base-layer-1 #news_list ul li {
	clear: both;
	font-size: 11px;
	border-top: dotted 1px #66aa00;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
}

#base-layer-1 #news_list ul li.first {
	border-top: none;
}

#base-layer-1 #news_list ul li a {
	float: left;
	display: block;
	width: 400px;
}

#base-layer-1 #news_list ul li p {
	float: right;
	display: block;
	width: 120px;
	text-align: right;
}



#base-layer-2 .guide_box .label {
	overflow: hidden;
	height: 25px;
	padding-right: 10px;
	background-position: top right !important;
}

#base-layer-2 .guide_box .body {
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	height: 532px;
}

#base-layer-2 ul li{
	border-top: dotted 1px #996633;
	padding: 5px;
	background: transparent;
	font-size: 10px;
}
#base-layer-2 ul li.first{ border-top: none; }

#base-layer-2 ul li strong{
	display: block;
	color: #993300;
	font-size: 12px;
}