body{
 background-color: #FFFFFF;
 margin: 0px;
}
#canvas_container {
 height: 0px;
 overflow: auto;
 background: #FFF;
 text-align: center;
 border: solid 0px;
 visibility:hidden;
}
#h1h{
 height: 140px;
 margin: 0px;
 padding: 0px;
}
#h1{
 width: 700px;
 height: 140px;
 background: url("happymapheader3.png");
 margin: 0px;
 padding: 0px;
 float: left;
}
#h1 canvas{

 width: 700px;
 height: 140px;
}
h1{
 visibility: hidden;
 width: 0px;
 height: 0px;
 margin: 0px;
 padding: 0px;
}
#h1text{
 position:absolute;
 left:  720px;
 top: 80px; 
 font-size:16px;
}
#h1text p{
white-space: nowrap;
 margin: 0px;
 padding: 0px;
}
#map{
 position:absolute;
 left:  0px;
 top: 140px; 
 width: 900px;
 height: 900px;
 float:left;
 z-index:10;
}
#popup{
text-align:center;
}
#sidead{
 position:absolute;
 left:  920px;
 top: 145px; 
}
#side{
 position:absolute;
 left:  905px;
 top: 145px; 
 width:190px;
 border:solid 2px #777;
 display: grid;
 grid-template-columns: 50% 50%;
}
#sideleft{
 grid-column: 1;
 text-align:center;
visibility: hidden;
}
#sideright{
 grid-column: 2;
 text-align:center;
visibility: hidden;
}
#sidebottom{
 grid-column: 1/ span 2;
 text-align:center;
}
#mapcan,#mapair,#mapmap{
visibility: hidden;
}
#sidebottom button{
 margin:5px;
}
h2{
font-size:20px;
 margin:2px;
}
#canvaswhere{
 position:absolute;
 left:  50px;
 top: 1040px; 
}
#bottom{
 position:absolute;
 left:  0px;
 top: 1080px; 
 width:900px;
 display: grid;
 grid-template-columns: 50% 50%;
}
#bottom button{
 margin:5px;
 font-size:16px;
}
#bottom p{
 margin:2px;
}
#bottom div{
 text-align:center;
}
#bottomsample{
 margin:5px;
 border:solid 2px #777;
 grid-column: 1 / span 2;
grid-row:1;

}
#bottomkouzuselect{
 margin:5px;
 border:solid 2px #777;
 grid-column: 1;
grid-row:2;
}
#bottomkouzudownload{
 margin:5px;
 border:solid 2px #777;
 grid-column: 1;
grid-row:3;
}
#bottomkakoudownload{
 margin:5px;
 border:solid 2px #777;
 grid-column: 2;
 grid-row:2 / span 2;
}
#bottomwakudownload{
 margin:5px;
 padding-top:30px;
 border:solid 2px #777;
 grid-column: 1;
 grid-row:4 / span 2;
}
#bottomwakuairdownload{
 margin:5px;
 border:solid 2px #777;
 grid-column: 2;
 grid-row:4 / span 2;
}
#bottomad{
 width:1000px;
 grid-column: 1 / span 2;
 grid-row: 6;
}
#bottomad div{
 float:left;
}
#bottomnews{
 display: grid;
 grid-template-columns: 22% 78%;
 margin:5px;
 border:solid 2px #777;
 grid-column: 1 / span 2;
 grid-row: 7;
 text-align:left;
 font-size:14px;
}
#bottomnews #date{
 font-weight:bold;
 padding:5px;
 text-align:right;
 border-bottom:solid 1px #ddd;
}
#bottomnews #date:nth-last-child(2){
 border-bottom:none;
}
#bottomnews #cont{
 padding:5px;
 text-align:left;
 border-bottom:solid 1px #ddd;
}
#bottomnews #cont:last-child{
 border-bottom:none;
}
#bbs{
 display: grid;
 grid-template-columns: 22% 78%;
 margin:5px;
 border:solid 2px #777;
 grid-column: 1 / span 2;
 grid-row: 8;
 text-align:left;
 font-size:14px;
}
#bbs #bbstitle{
 font-weight:bold;
 padding:5px;
 grid-column: 1 / span 2;
 font-size:20px;
 text-align:center;
 border-bottom:solid 2px #ddd;
}
#bbs #bbssesnd{
 padding:5px;
 grid-column: 1 / span 2;
 text-align:center;
 border-bottom:solid 2px #ddd;
}
#bbs #bbscomment{
 display: grid;
 grid-template-columns: 50% 8% 22% 20%;
 margin:0px;
 padding:0px;
 grid-column: 1 / span 4;
 border-bottom:solid 2px #ddd;
}
#bbs #bbscomment #bbssl{
 font-weight:bold;
 padding:3px;
 text-align:center;
 border-top:solid 1px #ddd;
}
#bbs #bbscomment #bbssl:nth-child(1){
 border-top:none;
}
#bbs #bbscomment #bbssr{
 padding:3px;
 text-align:center;
 border-top:solid 1px #ddd;
 border-left:solid 1px #ddd;
}
#bbs #bbscomment #bbssr:nth-child(-n+4){
 border-top:none;
 font-weight:bold;
}
.bbsinner{
 grid-column: 1 / span 4;
 text-align:center;
}
#bbs input{
 width:240px;
 font-size:16px;
}
#bbs textarea{
 width:500px;
 height:120px;
 font-size:16px;
}
#bbssesnd button{
 margin:1px;
 font-size:14px;
}
#bbscomment button{
 margin:1px;
 font-size:14px;
}
#bbs #bbsname{
 font-weight:bold;
 padding:5px;
 text-align:right;
 border-bottom:solid 1px #ddd;
}
#bbs #bbsname:nth-last-child(2){
 border-bottom:none;
}
#bbs #bbscomment{
 padding:5px;
 text-align:left;
 border-bottom:solid 1px #ddd;
}
#bbs #bbscomment:last-child{
 border-bottom:none;
}
#tobe{
 margin:5px;
 border:solid 2px #777;
 grid-column: 1 / span 2;
 grid-row: 9;
 text-align:left;
 font-size:14px;
}
#tobe p{
 margin:0px;
 padding:5px;
 text-align:left;
 border-bottom:solid 1px #ddd;
}
#tobe p:last-child{
 border-bottom:none;
}
#footer{
 margin:5px;
 border:solid 2px #777;
 grid-column: 1 / span 2;
 grid-row: 10;
 text-align:left;
 font-size:12px;
}
#footer p{
 margin-left:160px;
 text-align:left;
}
#footer #corpname{
 margin:auto;
 text-align:center;
 padding-top:10px;
 font-size:20px;
 font-weight:bold;
}
#kouzuselect{
 width:340px;
}
#kouzureset{
 width:60px;
 font-size:10px;
}
#kouzudownloadpng,#kouzudownloadjpg,#kouzudownloadkmz,#kakoudownloadpng,#kakoudownloadjpg,#kakoudownloadkmz,#kakoudownloadpdf,#wakudownloaddxf,#wakudownloadjww,#wakudownloadsima{
 width:80px;
}
#kakouline0,#kakouline1,#kakouline2,#kakouline3,#kakouline4,#kakouline5,#kakouline6{
 display: inline;
}
#wakuairshape0,#wakuairshape1,#wakuairshape2,#wakuairshape3,#wakuairshape4,#wakuairshape5{
 display: inline;
}
#kouzusetsumei{
 font-size:14px;
 color:#F00;
}
#filepdfopen{
 visibility: hidden;
}
#kouzudownloadcolorcolor{
 visibility: hidden;
}
#kakoudownloadpdf{
 position:absolute;
 left:  0px;
 top: 0px; 
 visibility: hidden;
}
#nowloading{
 background-color:rgba(128,128,128,0.75);
 position:absolute;
 left:  0px;
 top: 0px;
 text-align:center;
 width:100%;
 height:1800px;
 display:table;
 z-index:102;
}
#nowloading p{
 vertical-align:middle;
 display:table-cell;
 font-size:32px;
 color:#FFF;
}
#pageselecter{
 background-color:rgba(128,128,128,0.75);
 position:absolute;
 left:  0px;
 top: 0px;
 text-align:center;
 width:100%;
 height:1800px;
 display:none;
 z-index:101;
}
#pageselecter p{
 vertical-align:middle;
 display:table-cell;
 font-size:32px;
 color:#FFF;
}
#numinput{
 background-color:rgba(128,128,128,0.75);
 position:absolute;
 left:  0px;
 top: 0px;
 text-align:center;
 vertical-align:middle;
 width:100%;
 height:1800px;
 display:none;
 z-index:100;
}
#numinputcld{
 position:absolute;
 left:  0px;
 top: 300px;
 width:100%;
 height:800px;
 display:table-cell;
}
#numinputcld p{
 font-size:32px;
 color:#FFF;
}
#numinputtable{
 display:table;
 font-size:20px;
 color:#000;
 margin: 0 auto;
}
#numinput input{
 margin:5px;
 width:150px;
 font-size:18px;
}
#numinput button{
 margin:5px;
 font-size:20px;
}
#numinputtable .row{
 display:table-row;
}
#numinputtable .cell{
 display:table-cell;
}
#kakoucolorselectparent{
 width:450px;
 display: grid;
}
#kakoucolorselect0{
 grid-column: 1;
 grid-row:1;
 visibility: hidden;
}
#kakoudownloadcolorcolor{
 position:relative;
 left:  -50px;
 top: 0px; 
}
#kakoucolorselect1{
 grid-column: 1;
 grid-row:1;
}
#kouzucolorselectparent{
 width:450px;
 display: grid;
}
#kouzucolorselect0{
 grid-column: 1;
 grid-row:1;
 visibility: hidden;
}
#kouzudownloadcolorcolor{
 position:relative;
 left:  -50px;
 top: 0px; 
}
#kouzucolorselect1{
 grid-column: 1;
 grid-row:1;
}
#wakucolorselectparent{
 width:450px;
 display: grid;
}
#wakucolorselect0{
 grid-column: 1;
 grid-row:1;
 visibility: hidden;
}
#wakudownloadcolorcolor{
position:relative;
 left:  -50px;
 top: 0px; 
}
#wakucolorselect1{
 grid-column: 1;
 grid-row:1;
}