/*** Common Display用CSS ***********************************************************/
html { overflow-y: scroll; }
body{
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
    display: block;
    height: 100%
}

div img { /*vertical-align: text-bottom; */}

/*** CONTAIN ***********************************************************/
#menu{
    clear: both;
    display: block;
    overflow: hidden;
    width: 646px;
    height: 36px;
    margin-left: auto;
    margin-right:auto;
    font-size: 90%;
}
 
#map_search{
    clear: both;
    display: block;
    overflow: hidden;
    width: 750px;
    height: 530px;
    margin-left: auto;
    margin-right:auto;
    border-width: 1px;
    border: solid 1px #C9C0B2;
    z-index:0;
}

#dataList{
    clear: both;
    display: block;
    overflow: hidden;
    width: 646px;
    height: 330px;
    margin-left: auto;
    margin-right:auto;
}

.title{
    font-weight:bold;
}

.data {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}
.date{
    color:#3C3C71;
    font-weight:bold;
    font-size: smaller;
    }

/*** IN_INFO ***********************************************************/
.Infowindow {
    font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 11px;
    width: 210px;
    text-align: left;
    padding: 0px 0px 10px 0px;}

.infoTitle {
        font-size: 13px;}
.infoComment {
        font-size: 11px;}
.infoHide {
        font-size: 11px;}

a:focus {
  outline: none;
}


/*--------地図検索部検索結果***************************************/
#panel {
  padding-top:15px;
  background: #ffffff;
  text-align:left;
  display: none;
  position: absolute;
  right: 8px;
  top:20px;
  _top:20px;
  /*top: 230px;
  /*
  left: 790px;*/
  z-index:9999;
  height: 300px;
  width: 208px;
  _width: 208px;
  overflow: auto;
  border: solid 1px #422410;
  border-top: solid 0px #ffffff;
  z-index:1000;
}

/* IE8 */
head~/* */body #panel{
 background: #ffffff;
  text-align:left;
  display: none;
  position: absolute;
  right: 8px;
  top:36px;
  z-index:9999;
  height: 300px;
  width: 208px;
  overflow: auto;
  border: solid 1px #422410;
  border-top: solid 0px #ffffff;
  z-index:1000;
}

/* IE7 */
*:first-child+html #panel{
 background: #ffffff;
  text-align:left;
  display: none;
  position: absolute;
  right: 8px;
  top:20px;
  z-index:9999;
  height: 300px;
  width: 208px;
  overflow: auto;
  border: solid 1px #422410;
  border-top: solid 0px #ffffff;
  z-index:1000;
}


#result{
	clear:both;
	line-height:20px;
    margin:5px;
    margin-top:5px;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 70%;
    list-style-type: disc;
    z-indx:99;
    margin: 0 5px 10px 20px;
    z-index:999;
}

#result li{
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 70%;
    list-style-type: disc;
    z-indx:9999;
    padding-top: 5px;
    text-align:left;
    z-index:1000;
}

.slide {
  z-index:999;
  position: absolute;
  /*top: 190px;*/
  right:8px;
  top:12px;
  /*left: 785px;*/
  /*
  right:0px;
  width: 200px;
  margin: 0;
  padding: 0;
  /*
  border-top: solid 4px #422410;
  background: #ffffff;
  */
}
/*
.btn-slide {
  background: #ffffe0;
  text-align: center;
  width: 155px;
  height: 18px;
  padding: 10px 10px 0 0;
  margin: 0 auto;
  display: block;
  font: bold 100%/100% Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
}

*/

.btn-slide{
    z-index:0;
}

.slide{
    z-index:0;
}

.btn-slide img{
    z-index:0;
}


#content{
	overflow: auto;
	width:100%;
	height:100%;
}

.active {
  background-position: right 12px;	     
}

#menuS{
    clear: both;
    display: block;
    overflow: hidden;
    height: 36px;
    margin:10px auto 20px;
    font-size: 90%;
}

@media screen and (min-width:980px){
#menuS{
    width: 646px;
}

}

@media screen and (max-width:979px){
	
#map_search{
    clear: both;
    display: block;
    overflow: hidden;
    width: 90%;
    height: 400px;
    margin-left: auto;
    margin-right:auto;
    border-width: 1px;
    border: solid 1px #C9C0B2;
    z-index:0;
}
.slide img{
  width:208px;
}

#menuS{
    width: 646px;
	overflow:visible;
}
#dataList{
    width: 90%;
}

}

@media screen and (max-width:640px){

.btn-slide img{
	width:90%;
}
.slide img{
  width:208px;
}


}