@import url('commsset.css');
@import url('burger_menu3.css');
 #ads01{/*flex-item:01-3*/order: 3; }
 #ads02{/*flex-item:01-6*/order: 6; }

.msg{ font-size:1em;}
#msg001{ border: 1px solid #b5cbaa; width:90%;max-width:800px; margin:15px 5% 20px 5%;text-align: left; 
    padding:20px 10px 20px 10px;border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
        -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: 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;
}

#ctgy_box{ /*border: 2px solid #db5959;*/ width:100%; margin-top:60px; padding:3px 3px 3px 3px;
    -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;
   /* 
   border-radius:5px 5px 5px / 5px 5px 5px 5px; 
   box-shadow:-2px -2px 1px #bbd5d6, 2px 2px 2px #ddfeff;
   */
}
#ctgy_box2{ position:relative; /*border: 2px solid #db5959;*/ width:100%; height:auto; margin-top:30px; padding:3px 3px 3px 3px;
    -webkit-order: 5;-ms-flex-order: 5;order: 5;
    -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;
    /*
   border-radius:5px 5px 5px / 5px 5px 5px 5px; 
   box-shadow:-2px -2px 1px #bbd5d6, 2px 2px 2px #ddfeff;
   */
    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: center; -ms-flex-pack: center; justify-content: center;
    -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;
}
#ctgy_box3{ position:relative; border: 2px solid #db5959; width:100%; height:auto; margin-top:30px; padding:3px 3px 3px 3px;
    -webkit-order: 6;-ms-flex-order: 6;order: 6;
    -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;
    /*
   border-radius:5px 5px 5px / 5px 5px 5px 5px; 
   box-shadow:-2px -2px 1px #bbd5d6, 2px 2px 2px #ddfeff;
   */
    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: center; -ms-flex-pack: center; justify-content: center;
    -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;
}





	.contcase{ position:relative; overflow:hidden;
	   border: 1px solid #9b9b9b; width:280px/*98.778 mm*/;top:15px;height:315px/*111.125 mm*/;left:10px;
	   -webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
       -o-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
       -ms-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
       border-radius:3px 3px 3px 3px / 3px 3px 3px 3px;

       box-shadow:-2px -2px 2px #909090, 1px 1px 2px #d0d0d0;
       background-repeat:no-repeat;background-size:contain; background-color:#ffffff;
}

   .caption{ position: absolute; z-index:700; left:0; top:315px;background-color: rgba(0, 0, 0, 0.7); opacity:0; /* opacity:は文字も含めて・・　これは背景だけ0.6*/
           color:#0aff00; width:260px;height:315px; word-break:break-all; padding: 0 10px 10px 10px;
}
.fstmsg{color: #FFFF00;}


.contcase_ads{ position: relative; border: 1px solid #9b9b9b; width:300px;top:15px; height:315px; left:0;/* margin: 50px 0px 10px 0px;*/
        background-color:#ffffff
        /*-webkit-border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px;
        box-shadow:-2px -2px 2px #e4fffe, 3px 3px 3px #5c5c5c;
       /* background-color:#dadde6/*#e6f6f0;*/
}
      #contcase_01{ background-image: url('../images/01_001.jpg');}
      #contcase_02{ background-image: url('../images/01_002.jpg');}
      
      #contcase_04{ background-image: url('../images/01/01_03.jpg');}
      #contcase_05{ background-image: url('../images/01/01_04.jpg');}
      
      #contcase_07{ background-image: url('../images/01/01_05.jpg');}
      #contcase_08{ background-image: url('../images/01/01_06.jpg');}
      
      #contcase_10{ background-image: url('../images/01/01_07.jpg');}
      
    #ctg01{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -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;
}
    #ctg02{
	-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;
}
    #ctg03{
	-webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -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;
}
    #ctg04{
	-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: auto; -ms-flex-item-align: auto; align-self: auto;
}
    #ctg05{
	-webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -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;
}
    #ctg06{
	-webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    -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;
}
    #ctg07{
	-webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    -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;
}
    #ctg08{
	-webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
    -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;
}
    #ctg09{
	-webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    -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;
}
    #ctg10{
	-webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    -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;
}



 #ctgy_title{ border: 1px solid #bcbed3; position: relative; top:0; width:150px; left:50%; margin-left:-75px;  height:25px; text-align:center; font-size:20px; }