h1{float:left; width: 96%; margin:10px 2% 0 2%;  padding: 10px 2% 8px 2%; font-size: 2.2rem; line-height: 1.2; border:#63af1c solid; border-width: 2px 0px; }
h1 span{ margin:0 0 0 5px; font-size: 1.4rem; }


h2{float:left; width: 98%; margin:30px 1% 0 1%; padding: 7px 3%; font-size: 1.8rem; font-weight: normal; line-height: 1.2; color:#FFF; background-color: #87cf47;background-image: url("/image/design/45-degree-fabric-dark.png");border-radius: 3px;
}


.pic{ float: left; width: 50%; margin:10px 0 0 0; padding: 0 3%; }
.pic img{ display: block;}


/*コート数*/
.c-face{ float: left; width: 60%; padding: 0 3%; }
.c-face-tbl{ float: left; width: 100%; margin:10px 0 0 0; border-collapse: collapse; font-size: 1.4rem; }
.c-face-tbl th{ }
.c-face-th-t{ background-color: #8A8A8A; color: #FFF; }
.c-face-th-h{ background-color: #609DE7; color: #FFF; }
.c-face-th-o{ background-color: #7DCB65; color: #FFF; }
.c-face-th-c{ background-color: #BF6E60; color: #FFF; }
.c-face-col{ width: 25%; }
.c-face-tbl td{ text-align: center; }
.c-face-tbl th,
.c-face-tbl td{ border:#999 solid 1px; padding: 5px; }
.c-face-tbl td img{ display: block; }
.c-face-day{ background-color: #FFF9EE;}
.c-face-night{ background-color: #F7F8FF;}
.c-face-val{ font-size: 2.2rem; }
.c-face-val-on{ font-weight: bold; color: #FF4141; }
.c-face-val-off{ font-weight: bold; color: #999; }


/*地図*/
#map{ float: left; width: 100%; padding: 0 2%; }
#map_canvas1{ float: left; width: 49%; height: 350px; margin:10px 1% 0 0; border:none;}
#map_canvas2{ float: left; width: 49%; height: 350px;margin:10px 0 0 0; border:none;}



/*データ*/
.data{ float: left; width: 100%; padding: 0 2%; margin:10px 0 0 0; }
.data-tbl{ float: left; width: 80%; border-collapse: collapse; font-size: 1.6rem;}
.data-tbl th,
.data-tbl td{ padding: 5px 10px; border:#999 solid 1px; line-height: 1.4; }
.data-tbl th{ width:20%; font-weight: normal; text-align: left; background-color: #DCEED4 }
.data-tbl td p{ margin:2px 0 2px 0; }