html{height:100%;}
  
  .btn{color:#000}


body{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	background-color:#000;
	height:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	bottom: 0;

}


#date{
	padding-top:5px;

	bottom: 0;
	text-align:right;
	float:right;
	/*background-color:rgba(255,255,255,0.5);*/
}


#sponsor{
	height:77%;
}


#sponsor img{
	height:100%;
}

#map {

	bottom: 0;
	width:100%;
	height:100%;
	position:absolute;
	border:1px solid #CCC;
	float:left;
	z-index:999;
}


#shousai {

	position:absolute;
	width:28%;
	height:99.5%;
	top:0;
	right:0.5%;
	text-align:right;
	float:right;
	font-size:14px;
	line-height:20px;
	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}

#shousai-header{
	position:absolute;
	width:28%;
	top:0;
	right:0.5%;
	text-align:right;
	float:right;

	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}


#tab-header{
	position:absolute;
	width:28%;
	top:0;
	left:63.5%;
	text-align:right;
	float:right;

	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}


#shousai-footer{
position:absolute;
	top:95%;
	bottom: 5%;
	width:25%;
	height:10%;
	float:right;
	right:0.5%;
	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}

#shousai-footer2{
position:absolute;
	top:75%;
	bottom: 5%;
	width:25%;
	height:20%;
	float:right;
	right:0.5%;
	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}

#tab-footer{
position:absolute;
	top:90%;
	bottom: 5%;
	width:100%;
	height:30%;
	float:right;
	right:0.5%;
	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}

#left_area_tab #date img{
	height:30%;
}

#left_area {

	position:absolute;
	top:90%;
	bottom: 0;
	width:25%;
	height:10%;
	float:left;
	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}

#left_area_tab {

	position:absolute;
	top:89%;
	bottom: 0;
	width:100%;
	height:10%;
	float:left;
	z-index:1000;
	background-color:rgba(255,0,0,0.0);
}



#shousai::-webkit-scrollbar {
  display: none;
}



#list-button{
	position: fixed !important;
	position: absolute;
	height:140px;
	padding-top:5px;
	width:383px;
	background-color:#000;
	border-bottom:2px dotted #fff;
}


#list-button_tab{
	position: fixed !important;
	position: absolute;
	padding-top:5px;
	width:40%;
	background-color:#000;

}

.sidebar{
    position: fixed;
    color: #000;
	overflow-x:hidden;
}
 
.sidebar.left {
      top: 0;
      left: 0;
      bottom: 0;
      width: 400px; 
      background: #000; 
	  /*border-right:1px solid #000;*/
	  border-bottom:2px dotted #fff;
	  overflow:scroll;
	  z-index:9999999;

	  overflow-x:hidden;
}


#dashi-list{
	margin-top:145px;
}

#dashi-list_tab{
	margin-top:35%;
}

.dashi{
	vertical-align:middle;
	color:#FFFFFF;
	border-bottom:2px dotted #fff;
	margin:0;
}

.dashi-txt{
	font-size:20px;
	color:white;
	float:right;
	width:62%;
	margin-top:7%;
}


.dashi-txt_tab{
	font-size:30px;
	color:white;
	float:right;
	width:62%;
	margin-top:7%;
}

.dashi-pic{
	font-size:22px;
	float:right;
	width:62%;
	margin-top:5%;
}

.dashi img{
	float:left;
	margin:10px;
	width:32%;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
		width:50%;
}

.button-center{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
		width:100%;
}

.button-head{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0 0 5px 0;
		margin:0;
        appearance: none;
		width:191px;
		float:left;

}

 
/*地理院地図の著作権表示のスタイル*/
div.olControlAttribution {
	padding: 3px;
	color:#000000;
	background-color:#ffffff;
	background-color:rgba(230,255,255,0.7);
	font-size:12px;
	line-height:14px;
	bottom:5px;
	vertical-align: middle;
}


#end{
	position:fixed;
	z-index:99999999;
	top:30%;
	left:30%;
}