@charset "utf-8";

  /* 基本の　文字の太さ　サイズ　色　と　ボックスの大きさ指定 */

 .fwlr{font-weight:lighter}   .fw1 {font-weight:100}   .fw2 {font-weight:200}   .fw3 {font-weight:300}   .fw4 {font-weight:400}  
 
 .fwn{font-weight:normal}  
                                                 
 .fw5 {font-weight:500}   .fw6 {font-weight:600}   .fw7 {font-weight:700}    .fwb {font-weight:bold}  
                                                  
 .fw8 {font-weight:800}   .fw9 {font-weight:900}   .fwbr{font-weight:bolder}  

 .fssr {font-size:smaller}   .fsxxs{font-size:xx-small}   .fsxs {font-size:x-small}   .fss  {font-size:small}   .fsm  {font-size:medium}   
                                                                                  
 .fsl  {font-size:large}   .fsxl {font-size:x-large}   .fsxxl{font-size:xx-large}   .fslr {font-size:larger}   
  
 .fmly-serif{ font-family:serif}     .fmly-sansS{ font-family:sans-serif}       .fmly-cursive{ font-family:cursive}              
 .fmly-fantasy{ font-family:fantasy}       .fmly-monospace{ font-family:monospace}          
 
 .fsty-itc{font-style:italic}                                 .fsty-obl{font-style:oblique}                      .fsty-nor{font-style:normal}               
 
 .scap{font-variant:small-caps}         
 
  
 .cbk {color:black}    .cbk-a2 {color:rgba(0,0,0,0.2)}       .cbk-a3 {color:rgba(0,0,0,0.3)}       
 .csv {color:silver}   .csv-a2 {color:rgba(192,192,192,0.2)} .csv-a3 {color:rgba(192,192,192,0.3)} 
 .cgy {color:gray}     .cgy-a2 {color:rgba(128,128,128,0.2)} .cgy-a3 {color:rgba(128,128,128,0.3)} 
 .cmn {color:maroon}   .cmn-a2 {color:rgba(128,0,0,0.2)}     .cmn-a3 {color:rgba(128,0,0,0.3)}     
 .crd {color:red}      .crd-a2 {color:rgba(255,0,0,0.2)}     .crd-a3 {color:rgba(255,0,0,0.3)}     
 .cpl {color:purple}   .cpl-a2 {color:rgba(128,0,128,0.2)}   .cpl-a3 {color:rgba(128,0,128,0.3)}   
 .cfs {color:fuchsia}  .cfs-a2 {color:rgba(255,0,255,0.2)}   .cfs-a3 {color:rgba(255,0,255,0.3)}   
 .cgn {color:green}    .cgn-a2 {color:rgb(0,128,0,0.2)}      .cgn-a3 {color:rgb(0,128,0,0.3)}      
 .clm {color:lime}     .clm-a2 {color:rgba(0,255,0,0.2)}     .clm-a3 {color:rgba(0,255,0,0.3)}     
 .cov {color:olive}    .cov-a2 {color:rgba2(128,128,0,0.2)}  .cov-a3 {color:rgba2(128,128,0,0.3)}  
 .cyw {color:yellow}   .cyw-a2 {color:rgba(255,255,0,0.2)}   .cyw-a3 {color:rgba(255,255,0,0.3)}   
 .cny {color:navy}     .cny-a2 {color:rgba(0,0,128,0.2)}     .cny-a3 {color:rgba(0,0,128,0.3)}     
 .cbu {color:blue}     .cbu-a2 {color:rgba(0,0,255,0.2)}     .cbu-a3 {color:rgba(0,0,255,0.3)}     
 .ctl {color:teal}     .ctl-a2 {color:rgba(0,128,128,0.2)}   .ctl-a3 {color:rgba(0,128,128,0.3)}   
 .caq {color:aqua}     .caq-a2 {color:rgba(0,255,255,0.2)}   .caq-a3 {color:rgba(0,255,255,0.3)}   
 .cwt {color:white}    .cwt-a2 {color:rgb(255,255,255,0.2)}  .cwt-a3 {color:rgb(255,255,255,0.3)}  
 .cog {color:orange}   .cog-a2 {color:rgba(255,165,0,0.2)}   .cog-a3 {color:rgba(255,165,0,0.3)}   

 .half{width:50%;} .wp30{width:30%;}
 .wp70{width:70%;} .wp75{width:75%;} .wp80{width:80%;} .wp85%{width:85%;} .wp90{width:90%;} .wp95{width:95%;} .wp100{width:100%;}  

.w200p{width:200px;}  .w300p{width:300px;} .w400p{width:400px;} .w450p{width:450px;}
.w500p{width:500px;} .w550p{width:550px;} .w600p{width:600px;} .w650p{width:650px;} .w700p{width:700px;} .w750p{width:750px;} .w800p{width:800px;} .w850p{width:850px;}
.w900p{width:900px;} .w950p{width:950px;} .w1000p{width:1000px;} .w1050p{width:1050px;} .w1100p{width:1100px;} .w1150p{width:1150px;} .w1200p{width:1200px;}
.w1250p{width:1250px;} .w1300p{width:1300px;} .w1350p{width:1350px;} .w1400p{width:1400px;} .w1450p{width:1450px;} .w1500p{width:1500px;} .w1550p{width:1550px;} 
.w1600p{width:1600px;} .w1650p{width:1650px;} .w1700p{width:1700px;} .w1750p{width:1750px;} .w1800p{width:1800px;} .w1850p{width:1850px;} .w1900p{width:1900px;} .w1950p{width:1950px;}

.hp50{height:50%;} .hp55{height:55%;} .hp60{height:60%;} .hp65{height:65%;} .hp70{height:70%;} .hp75{height:75%;} .hp80{height:80%;} .hp85{height:85%;} .hp90{height:90%;} 
.hp95{height:95%;} .hp100{height:100%;}

.h50p{height:50px;} .h55p{height:55px;} .h60p{height:60px;} .h65p{height:65px;} .h70p{height:70px;} .h75p{height:75px;} .h80p{height:80px;} .h85p{height:85px;} 
.h90p{height:90px;} .h95p{height:95px;} .h100p{height:100px;} .h120p{height:120px;}  
.h300p{height:300px;} .h350p{height:350px;}  .h360p{height:360px;}  .h370p{height:370px;} .h380p{height:380px;}  .h390p{height:390px;} .h400p{height:400px;}
.h430p{height:430px;}  .h440p{height:440px;} .h450p{height:450px;}  .h460p{height:460px;} .h470p{height:470px;}  .h480p{height:480px;} .h490p{height:490px;}  .h500p{height:500px;} 
.h510p{height:510px;}  .h520p{height:520px;} .h530p{height:530px;}  .h540p{height:540px;} .h550p{height:550px;}  .h560p{height:560px;} .h570p{height:570px;}  .h580p{height:580px;} 
.h590p{height:590px;}  .h600p{height:600px;} .h610p{height:610px;}  .h620p{height:620px;} .h630p{height:630px;}  .h640p{height:640px;} .h650p{height:650px;}  .h660p{height:660px;} 
.h670p{height:670px;}  .h680p{height:680px;} .h690p{height:690px;}  .h700p{height:700px;} .h710p{height:710px;}  .h720p{height:720px;} .h730p{height:730px;}  .h740p{height:740px;} 

/* ##############################################################　以下、アプリ毎の　個別指定　########################################################################### */
 .margp-l01{margin-left:0.1%;} .marg-l1e{margin-left:1em} .marg-l2e{margin-left:2em} .marg-t1p{margin-top:10px;} .marg-r1e{margin-right:1em;}
 .margp-l05{margin-left:0.5%;}  .margp-l1{margin-left:1%;}    .margp-l2{margin-left:2%;}   .margp-l3{margin-left:3%;}    .margp-l4{margin-left:4%;} 
 .margp-l10{margin-left:10%;}   .margp-l20{margin-left:20%;}  .margp-l30{margin-left:30%;} .margp-l40{margin-left:40%;}  .margp-l45{margin-left:45%;} .margp-l50{margin-left:50%;}
 
 .margp-r3{margin-right:3%;} .margp-r20{margin-right:20%;} .marg-r20p{margin-right:20px;} .marg-r25p{margin-right:25px;} .marg-r15p{margin-right:15px;} .marg-r2e{margin-right:2em;}
 .marg-t1e{margin-top:1em;}  .marg-t2e{margin-top:2em;} .marg-t4e{margin-top:4em;} .marg-t5e{margin-top:5em;}
 
 .marg-b10p{margin-bottom:10px;} 
 
 .margTB{margin-top:10px; margin-bottom:5px;} .marg-tb10p{margin-top:10px; margin-bottom:10px;} .marg-tb150p{margin-top:15px; margin-bottom:10px;}  
 
 .marg-auto{margin:auto;}  .marg-ST{margin-left:auto;margin-right:auto;}  .margdan{margin:5px auto;}  
 
 .padp-l0{padding-left:0px;} .padp-l05{padding-left:0.5%;} .padp-l1{padding-left:1%;} .padp-l2{padding-left:2%;} .padp-l3{padding-left:3%;} .padp-l4{padding-left:4%;} 
 .padp-l10{padding-left:10%;}                              .pad-r5p{padding-right:5px;}                          .pad-bp3p{padding-bottom:3%;}
 .pad-all-32p{padding:3px 2%;}  .padp-all-72p{padding:7px 2%;}  
 
 .pad-all3{padding:3px;} .pad-all6{padding:6px;}  .pad-all8{padding:8px;} .pad-all-310{padding:3px 10px;} .pad-all45{padding:4px 5px;}
  
 .pad-top5p{padding-top:5px;} .pad-top2e{padding-top:2em;}                .pad-tb5p{padding-top:5px; padding-bottom:5px;}
 .pad-b5p{padding-bottom:5px;} .pad-b8p{padding-bottom:8px;}   
 
 .bdr-all-sd4gn{border:solid 4px green}   
 .bdr-all-dl4rd{border:double 4px red}  
 .bdr-all-sd2bu{border:solid 2px blue} 
 .bgc-rd {background-color:red}    .bgc-rd-a1 {background-color:rgba(255,0,0,0.1)}     .bgc-rd-a2 {background-color:rgba(255,0,0,0.2)}
                                   .bgc-rd-a3 {background-color:rgba(255,0,0,0.3)}     .bgc-rd-a4 {background-color:rgba(255,0,0,0.4)}
                                   
 .bgc-bu {background-color:blue}   .bgc-buy-a1 {background-color:rgba(0,0,255,0.1)}     .bgc-bu-a2 {background-color:rgba(0,0,255,0.2)}                                  
 .bgc-buy-a1{background-color:rgba(0,0,255,0.1)} 
 .bgc-bk {background-color:black}
 .bgc-buy-a2 {background-color:rgba(0,0,255,0.2)}
 .bgc-pl-a1 {background-color:rgba(128,0,128,0.1)}
 .bgc-do {background-color:darkorange}   .bgc-do-a1 {background-color:rgba(255,140,0,0.1)}    .bgc-do-a2 {background-color:rgba(255,140,0,0.2)}
 
  /* テーブル（table）に関してのスタイル */
table,th,td{border:solid 4px navy;border-collapse:collapse;}
table{margin:auto;}
caption{font-weight:bold; font-size:larger; color:maroon;}
col{ background-color:rgba(0,128,128,0.1);}
.Hcont{font-weight:bold; background-color:rgba(255,165,0,0.2);font-size:x-large;}
th,td{padding:2px 4px;}
td{font-weight:bold;}

   /* 指定したブロックレベル要素の中での行揃えを設定するプロパティ */
 
 .txt-let{text-align:left}                  /* 左寄せ */
 .txt-rit{text-align:right}                 /* 右寄せ */
 .txt-cet{text-align:center}                /* 中央揃え */
 .txt-jut{text-align:justify}               /* 両端揃え */
 
 .tdec-ul{text-decoration:underline}  .tdec-th{text-decoration:line-through}

 .lin-hi{line-height:1.5}   .lin-hi17{line-height:1.7}  .lin-him07{line-height:0.7}
 .nakasetu{background-color:rgba(0,0,255,0.2); line-height:1.5; width:700px; margin:auto; padding:4px 5px; margin-top:10px; margin-bottom:5px; }
 .nakasetu2{background-color:rgba(0,0,255,0.2); line-height:1.5; width:900px; margin:auto; padding:4px 5px; margin-top:10px; margin-bottom:5px; }

 .nakasetu3{background-color:rgba(0,0,255,0.2); line-height:1.5; width:300px; margin:auto; padding:4px 5px; margin-top:10px; margin-bottom:5px; }

 /* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
  header,footer{text-align:center;color:blue;background-color:#bbb;width:95%;margin-left:10px; margin-right:10px;}
  .wakuuchi{overflow:hidden;}
  
   h1{ margin-left:30%; color:red}
   h2{margin-left:1%; color:blue;}
   h3{margin-left:2%; color:green;}
  
   div, p{font-weight:bold; font-size:x-large; color:navy; padding-left:3%;} 
   .pad-lzero{padding-left:0px;}
   span{color:red;}
   .itc{cursor:pointer}
   .jyunban{border:solid 2px blue ; background-color:black; color:white; font-size:large; margin-left:10%;} 
   .jyunaka{border:solid 2px blue ; background-color:red; color:white; font-size:large; margin-left:10%;}
   .jyunaka2{border:solid 2px blue ; background-color:red; color:white; font-size:large; margin-left:2%;}
   .runscript{border:double 4px blue; margin-left:4%; padding-left:4%; padding-bottom:4px; color:navy; background-color:rgba(128,0,128,0.1)}
   .yousosetu{width:900px; margin:auto; background-color:rgba(0,0,255,0.2); border:solid 4px green ; padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px;"}
   .ich{margin:auto;}
   .clrb{clear:both;}
   .clrl{clear:left;}
   .clrr{clear:right;}
   .fll{float:left;}
   .flr{float:right;}
   .active{display:block;}
   .passive{display:none;}