﻿@charset "utf-8";
 
 .mg-auto{margin:auto;}                         
 .ovr-hid{overflow:hidden;}
 .mg-bzero{margin-bottom:0;} 
 .mg-tb5p{margin-top:5px;margin-bottom:5px} 
 /* ## ボックスマージン --------------------------- ボックスマージン --------------------------- ## ボックスマージン */
 /* ## ボックスマージンの 全体(一括指定) 単位ピクセル  ##  */
 .mg3p{margin:3px;} .mg5p{margin:5px;} .mg7p{margin:7px;} .mg10p{margin:10px;} 

/* ## ボックスマージン（上 下 単位 % ）の 個別指定 と ボックスの位置(中心 center) ##  */
 .mg1pcet{margin:1% auto;} .mg2pcet{margin:2% auto;} .mg3pcet{margin:3% auto;} .mg4pcet{margin:4% auto;}  .mg5pcet{margin:5% auto;} 
 .mg6pcet{margin:6% auto;} .mg7pcet{margin:7% auto;} .mg8pcet{margin:8% auto;}

 .mg-t5p{margin-top:5px;} .mg-t20p{margin-top:20px;}        /* 指定位置(top-bottom)単位( px ) */
 .mg-b5p{margin-bottom:5px;} .mg-b20p{margin-bottom:20px;} 
 
 .mg-t1e{margin-top:1em;} .mg-t2e{margin-top:2em;} .mg-t3e{margin-top:3em;}     /* 指定位置(top-bottom)単位( em ) */
 .mg-b1e{margin-bottom:1em;} .mg-b2e{margin-bottom:2em;} .mg-b3e{margin-bottom:3em;}


 .mgp-t20{margin-top:20%;} .mgp-t50{margin-top:50%}        /* 指定位置(top-bottom)単位( % ) */
 .mgp-b8{margin-bottom:8%;}  .mgp-b10{margin-bottom:10%;} .mgp-b20{margin-bottom:20%;} .mgp-b50{margin-bottom:50%;}   

 .mg-l5p{margin-left:5px;} .mg-l10p{margin-left:10px;} .mg-l20p{margin-left:20px;}     /* 指定位置(left-right)単位( px ) */
 .mg-l23p{margin-left:23px;} .mg-l30p{margin-left:30px;} .mg-l40p{margin-left:40px;} 
 .mg-r10p{margin-right:10px;} .mg-r20p{margin-right:20px;} .mg-r30p{margin-right:30px;}         

 
 .mgp-l5{margin-left:5%;}   .mgp-l10{margin-left:10%;} .mgp-l15{margin-left:15%;} .mgp-l18{margin-left:18%;}  /* 指定位置(left-right)単位( % ) */
 .mgp-l20{margin-left:20%;} .mgp-l25{margin-left:25%;} .mgp-l30{margin-left:30%;} .mgp-l35{margin-left:35%;} .mgp-l40{margin-left:40%;} 
 .mgp-l45{margin-left:45%;} .mgp-l50{margin-left:50%;} .mgp-l55{margin-left:55%;} .mgp-l60{margin-left:60%;} .mgp-l65{margin-left:65%;} 
 .mgp-l70{margin-left:70%;} 
 .mgp-r10{margin-right:10%;}  .mgp-r20{margin-right:20%;}  .mgp-r30{margin-right:30%;} 

 .mg-l1e{margin-left:1em;}   .mg-l2e{margin-left:2em;}   .mg-l3e{margin-left:3em;} .mg-l4e{margin-left:4em;}  /* 指定位置(left-right)単位( em ) */
 .mg-r1e{margin-right:1em;}   .mg-r2e{margin-right:2em;}   .mg-r3e{margin-right:3em;}    

 /* パディング ----------------------------------------  パディング ------------------------------------------- パディング */

 .padA{padding:3px 0;}  .pad-u3w0{padding:3px 0;}     /* 指定位置(上下 のみ)単位( px ) */
 .pad-u3w3e{padding:3px 3em;}          /* 指定位置(上下 [ px ]  左右 [ em ])単位 */
 .padp05{padding:0.5%;}   /* 指定位置(全辺一括 [ ％ ])単位 */

 .pad3{padding:3px;} .pad4{padding:4px;} .pad5{padding:5px;} .pad6{padding:6px;}   /* 指定位置(全体一括)単位( px ) */
 .pad7{padding:7px;} .pad8{padding:8px;} .pad10{padding:10px;} 
 
 /* ## 指定位置 ( top-bottom ) 単位( px )  ## */
 .pad-t5p{padding-top:5px;} .pad-t7p{padding-top:7px;} .pad-t9p{padding-top:9px;}  /* 指定位置(top-bottom)単位( px ) */
 .pad-t11p{padding-top:11px;} .pad-t13p{padding-top:13px;} .pad-t15p{padding-top:15px;} 
 
 .pad-b5p{padding-bottom:5px;} .pad-b7p{padding-bottom:7px;} .pad-b9p{padding-bottom:9px;} .pad-b11p{padding-bottom:11px;} 
 .pad-b13p{padding-bottom:13px;} .pad-b15p{padding-bottom:15px;}
 
 /* ## 指定位置 (left) 単位( px )  ## */
 .pad-l5p{padding-left:5px;} .pad-lt7p{padding-left:7px;} .pad-l9p{padding-left:9px;} .pad-l11p{padding-left:11px;} 
 .pad-l13p{padding-left:13px;} .pad-l15p{padding-left:15px;} .pad-l110p{padding-left:110px;} .pad-l30p{padding-left:30px;} 
 .pad-l50p{padding-left:50px;} .pad-l70p{padding-left:70px;} .pad-l90p{padding-left:90px;} .pad-l110p{padding-left:110px;} 
 .pad-l150p{padding-left:150px;} .pad-l200p{padding-left:200px;} pad-l500p{padding-left:500px;}

 /* ## 指定位置 (right) 単位( px )  ## */
 .pad-r5p{padding-right:5px;} .pad-r7p{padding-right:7px;} .pad-r9p{padding-right:9px;} .pad-r11p{padding-right:11px;} .pad-r15p{padding-right:15px;} 

 /* ## 指定位置 (left - right) 単位( % )  ## */
 .padp-l2{padding-left:2%;}   .padp-l3{padding-left:3%;}  .padp-l5{padding-left:5%;} .padp-l7{padding-left:7%;} .padp-l9{padding-left:9%;} 
 .padp-l10{padding-left:10%;} .padp-l15{padding-left:15%;}  .padp-l20{padding-left:20%;}  .padp-l25{padding-left:25%;}  .padp-l30{padding-left:30%;} 
 .padp-l35{padding-left:35%;}
 .padp-r7{padding-right:7%;}

 /* ## 指定位置 ( bottom ) 単位( % )  ## */
 .padp-b15{padding-bottom:15%;} .padp-b5{padding-bottom:5%;}   .padp-b10{padding-bottom:10%;} .padp-b18{padding-bottom:18%;}  
 .padp-b20{padding-bottom:20%;} .padp-b25{padding-bottom:25%;} .padp-b30{padding-bottom:30%;} .padp-b35{padding-bottom:35%;} 
 .padp-b40{padding-bottom:40%;} .padp-b45{padding-bottom:45%;} .padp-b50{padding-bottom:50%;} .padp-b55{padding-bottom:55%;} 
 .padp-b60{padding-bottom:60%;}

 /* ## 指定位置 (left) 単位( em )  ## */
 .pad-l2e{padding-left:2em;} .pad-l5e{padding-left:5em;}

 /* ## 指定位置 ( bottom ) 単位( em )  ## */
 .pad-b1e{padding-bottom:1em;} .pad-b2e{padding-bottom:2em;} .pad-b3e{padding-bottom:3em;} .pad-b4e{padding-bottom:4em;} 
 .pad-b5e{padding-bottom:5em;} .pad-b6{padding-bottom:6em;}


 
   