@import url('footor.css');
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; top:0px; 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;
    -webkit-order: 1; -ms-flex-order: 1; order: 1;
    -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;
}

#sub{/* position: relative; */ border: 1px solid #b5cbaa;  width:90%; max-width:800px; margin: 15px 0 20px 0; word-break:break-all;
    padding:20px 10px 20px 10px;border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    -webkit-order: 2; -ms-flex-order: 2; order: 2;
    -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;
 }
 
.ads_Horizon{border: 1px solid #b5cbaa; position:relative;width:90%; min-height:90px; height:auto; text-align:center; margin: 60px 5% 30px 5%;
    -webkit-order: 3; -ms-flex-order: 3; order: 3;
	-webkit-flex: 0 0 auto;	-ms-flex: 0 0 auto;	flex: 0 0 auto;
	-webkit-align-self: flex-start;	-ms-flex-item-align: flex-start; align-self: flex-start;
}
.adstitle{position: absolute; width: 150px; text-align:center; height:20px; z-index: 1; top: -20px; left:50%; margin-left:-75px; font-size:0.75em;color:#c1c1c1; }

#contentsbox{ position:relative; border: 1px solid #2d750a; width:96%; height: auto; min-height:600px; margin-top:40px;

	-webkit-order: 4;-ms-flex-order: 4;order: 4;
    -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;
    
 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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;    
    }
.cotents_title{ position:absolute;border: 1px solid #2d750a; width:auto; top:-30px;left:20px;
    -webkit-border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px;
    background-color:#cdffc2; padding: 3px 10px 3px 10px;
    }


.cont{  border: 1px solid #2d750a; width: auto; height:auto; margin:10px;
	    -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;
}
   .contsub{ position:absolute; z-index:5; border: 1px solid #bdc7d1; background-repeat:no-repeat; background-size:contain;	}
   .cont p{ position: relative; border: 1px solid #0083ff ; /*z-index:999;*/ width:280px;padding:5px 10px 5px 10px;  }

   #cont01{	-webkit-order: 1; -ms-flex-order: 1; order: 1;
            height:680px;
   }
      #contsub01001{ top:80px; width:254px;height:127px; background-image: url('../../images/01/01_02_003.jpg');
}
	  #p002{ top:130px; }
	  #contsub01002{top:480px; width:283px;height:191px; background-image: url('../../images/01/01_02_001.jpg');
}
	  
   #cont02{	-webkit-order: 2; -ms-flex-order: 2; order: 2; 
    width:307px;height:718px; background-image: url('../../images/01/01_02_002.jpg');  }
   #cont03{	-webkit-order: 3; -ms-flex-order: 3; order: 3;}
   #cont04{	-webkit-order: 4; -ms-flex-order: 4; order: 4;}