@import url('commsset.css');
@import url('burger_menu3.css');

.msg{ font-size:1em;}
#msg001{ border: 1px solid #b5cbaa; width:90%; max-width:800px; margin:15px 5% 20px 5%; font-size:1em;text-align: left;
    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;
}
#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;
}
	.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/02/02_01.jpg');}
      #contcase_02{ background-image: url('../images/02/02_02.jpg');}
      /*ads*/
      #contcase_04{ background-image: url('../images/02/02_03.jpg');}
      #contcase_05{ background-image: url('../images/02/02_04.jpg');}
      /*ads*/
      #contcase_07{ background-image: url('../images/02/02_05.jpg');}
      #contcase_08{ background-image: url('../images/02/02_06.jpg');}
      /*ads*/
            
      
    #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;
}