table.alltableC{
position:absolute; top:0%; left:0%;
font-family: "ＭＳ ゴシック",sans-serif;text-align: left;
width: 100%;background-color: #FFFFFF;
}
.map-embed
{
	max-width: 100% ;
	height: 0 ;
	margin: 0 ;
	padding: 0 0 56.25% ;

	overflow: hidden ;

	position: relative ;
	top: 0 ;
	left: 0 ;
}

.map-embed > div
{
	position: absolute ;
	top: 0 ;
	left: 0 ;

	width: 100% ;
	height: 100% ;

	margin: 0 ;
	padding: 0 ;
}

.map-embed img
{
	max-width: none ;
}
#map-pano
{
width:1200px;
height:700px;

/* width: 100%;
 height: 100%;
↑これではストリートビュー表示されないようだ
*/
}


#serifutx
{
width:1200px;
font-family: "ＭＳ ゴシック",sans-serif;
text-align: left;
color:#FFFFFF;
background-color: #000000;
font-size:1.2em;
}

table.iptableC{
position:absolute; top:90%; left:0%;
font-family: "ＭＳ ゴシック",sans-serif;

text-align: left;
width: 100%;
background-color: #FFFFFF;
}
#Wbut
{
width:300px;
}
#outputtx
{
width:300px;
}
#Nextmokutx
{
width:300px;
}
#johotx
{
width:856px;
}
.canvas-wrapper {
            width: 1200px;
            max-width: 100%;
            height:700px;
            position: relative;
            padding: 0;
            box-sizing: content-box;
}
.canvas-wrapper:before{
            content:"";
            display: block;
            padding-top: 0%;
}
#canvas1{
            position: absolute;
            left:0;
            top:0;
            width:1200px;
            height:700px;
            border: 0;
            max-width:100%;
            box-sizing: content-box;
            padding: 0;
            margin: 0;
}
#canvas2{
            position: absolute;
            left:0;
            top:0;
            width:1200px;
            height:700px;
            border: 0;
            max-width:100%;
            box-sizing: content-box;
            padding: 0;
            margin: 0;
}