/* ----------------------------------------------
名所　紃P介/ゃIッVチ/圁[囃E
------------------------------------------------ */

#sight-box{
	width:100%;
	height:auto;
	background:red;
}

#sight-search{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:200px;
	height:100%;
//	max-height:700px;
//	overflow:scroll;
	z-index:1;

}
#sight-search input{
	background:#ffffff url(../img/search.png) no-repeat right;
	border:1px solid #555555;
	height:22px;
}

#sight-map{
	position:relative;
	float:right;
	top:0px;
	right:0px;
	max-width:800px;
	z-index:2;
	text-align:center;
}

#sight-map .imgmap{
	width:100%;
	max-width:800px;
	height:auto;
	border:none;
	border:1px solid #CCC;
	padding:1px;
}

#tabmenu{
    padding:0px;
    margin:0px;
    color:#333;
    font-size: 11px;
    width:100%;
	max-width:800px;
    position:relative;
}

.table_example{
}
.hide{
	display:none
}

.mark-a{
	background:#ffcc99;
	height:15px;width:15px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	color:#555555;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.mark-g{
	background:#99cc33;
	height:15px;width:15px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	color:#555555;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.mark-p{
	background:#0099ff;
	height:15px;width:15px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	color:#555555;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
#sight-search p{
	position:relative;
	top:50%;
	transform:translateY(-50%);
	}

@media screen and (min-width:768px){
	.maplink{display:none}
}
@media screen and (max-width:767px){
	.maplink{
		margin:5px;
	}
}

#tab1 {
	margin:0 0 0px 0;
}
#tab2 {
	margin:30px 0 0px 0;
}
#tab3 {
	margin:30px 0 0px 0;
}
#tab4 {
	margin:30px 0 0px 0;
}
#tab5 {
	margin:30px 0 0px 0;
}
/* #tabmenu div#tab{
    position: absolute;
    top:0px;
    left:0px;
}
#tabmenu div#tab a{
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100px;
    display: block;
    text-decoration:none;
    color:#333;
    background:#eee;
}
#tabmenu div#tab a:hover{
    background:#000;
    color:#fff;
}
div#tab_contents{
	width:100%;
	max-width:800px;
//    width:500px;
    overflow:
    hidden;clear:both;
}
div#tab_contents ul{
	width:100%;
	max-width:800px;
//    width:2500px;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li{
    float: left;
	width:100%;
	max-width:800px;
//    width:460px;
    list-style-type:none;
    padding:60px  20px  20px 20px;
    background:#e2e2e2;
}
*/