body { margin: 0; padding: 0; font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;}
 #demoarea{position: absolute; width:728px; height: 450px; z-index: 6; top: 40px; left:50%; margin-left:-364px; border: 1px solid #000000;/* padding:10px;*/}
 #demoareatitle{position: absolute; width: 160px; height: 21px; z-index: 1; top: -26px; left: 6px;}
 .btn{position: absolute; width: 25%; height: 23px; z-index: 4; bottom: 20px; text-align: center;}
 #btn01{ left: 6.25%;background-color:#ff7600;}
 #btn02{ left: 37.5%; background-color:#b3b3b3;}
 #btn03{ left: 68.75%; background-color:#b3b3b3;}
 .btn:hover{ cursor:pointer;}
 #mapbox{position: absolute; width: 96%; height: 80%; z-index: 2; top: 15px; left:50%; margin-left:-48%;}
 @media screen and (max-width: 728px){
    #demoarea{ width:96%; margin-left:-48%;}
}