body { margin: 0; padding: 0;word-break:break-all; font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;}
.container { position:relative; width: 100%; height:auto; min-width:320px;padding-bottom:50px;
    display: -ms-flexbox; display: -webkit-flex;display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
h1{ font-size:1.25em;}
#title{text-align: center; margin-bottom:0;
    -webkit-order: 0;-ms-flex-order: 0;order: 0;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
h2{text-align: center;font-size:0.875em; font-weight:200; margin-top:5px; margin-bottom:20px;
}


#box_fst{ position:relative; width: auto; /*min-width:300px;*/ max-width:800px; border: 1px solid #b5cbaa;text-align: left; padding:20px 10px 20px 10px;
         border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ; /*background-color:#ffffff;*/ 
         
        -moz-box-shadow: 2px 2px 4px 2px rgba(71, 94, 79, 0.79);
        -webkit-box-shadow: 2px 2px 4px 2px rgba(71, 94, 79, 0.79);
        -ms-box-shadow: 2px 2px 4px 2px rgba(71, 94, 79, 0.79);
        box-shadow: 2px 2px 4px 2px rgba(71, 94, 79, 0.79);

    -webkit-order: 1; -ms-flex-order: 1; order: 1;
	-webkit-flex: 0 0 auto;	-ms-flex: 0 0 auto;	flex: 0 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

  .floor{ /*border: 1px solid #b5cbaa;*/ margin:20px 0 0 0 ;
    -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
}

  #large001{ -webkit-order: 0; -ms-flex-order: 0; order: 0;}
  #large002{ -webkit-order: 1; -ms-flex-order: 1; order: 1;}
  #large003{ -webkit-order: 2; -ms-flex-order: 2; order: 3;}
  #large004{ -webkit-order: 3; -ms-flex-order: 3; order: 4;}
  #large005{ -webkit-order: 4; -ms-flex-order: 4; order: 5;}
  #large006{ -webkit-order: 5; -ms-flex-order: 5; order: 6;}
  #large007{ -webkit-order: 6; -ms-flex-order: 6; order: 7;}
  #large008{ -webkit-order: 7; -ms-flex-order: 7; order: 8;}

#footer{ width:100%; height: 50px; left:0px; z-index: 5; bottom:0px; background-color:#999999; color:#ffffff;
  border-radius:467px 467px 0px 0px / 50px 50px 0px 0px;/*←→↑↓半径の値を、左上・右上・右下・左下*/ 
 }
  #footertitle{ position:relative; width: 220px; height: 23px; z-index: 1; top: 10px; left:50%; margin-left:-110px;padding: 3px 0 3px 0; text-align: center;}
  #footertitle a{ font-size: 14px; text-decoration:none; color:#ffffff;}
  #footertitle:hover{cursor:pointer;border-radius:3px 3px 3px 3px / 3px 3px 3px 3px;box-shadow:-1px -1px 1px #f2f2f2, 1px 1px 1px #4e4e4e;}