@charset "UTF-8";
/* 要素の横サイズをpx定義 */

.w640{ width:640px;}
.w480{ width:480px;}
.w400{ width:400px;}
.w320{ width:320px;}
.w240{ width:240px;}
.w190{ width:190px;}
.w180{ width:180px;}
.w160{ width:160px;}
.w144{ width:144px;}
.w128{ width:128px;}
.w112{ width:112px;}
.w108{ width:108px;}
.w104{ width:104px;}
.w96 { width: 96px;}
.w88 { width: 88px;}
.w80 { width: 80px;}
.w72 { width: 72px;}
.w64 { width: 64px;}
.w60 { width: 60px;}
.w56 { width: 56px;}
.w48 { width: 48px;}
.w40 { width: 40px;}
.w32 { width: 32px;}
.w28 { width: 28px;}
.w24 { width: 24px;}

/* 要素の横サイズを％定義 */
.w120p{ width: 120%; }
.w110p{ width: 110%; }
.w105p{ width: 105%; }
.w100p{ width: 100%; }
.w99p { width: 99%; }
.w98p { width: 98%; }
.w97p { width: 97%; }
.w95p { width: 95%; }
.w90p { width: 90%; }
.w85p { width: 85%; }
.w80p { width: 80%; }
.w75p { width: 75%; }
.w70p { width: 70%; }
.w65p { width: 65%; }
.w60p { width: 60%; }
.w55p { width: 55%; }

.w50p { width: 50%; }
.w49p { width: 49%; }
.w48p { width: 48%; }
.w47p { width: 47%; }
.w45p { width: 45%; }
.w40p { width: 40%; }

.w35p { width: 35%; }
.w33p { width: 33%; }
.w30p { width: 30%; }
.w25p { width: 25%; }
.w20p { width: 20%; }
.w15p { width: 15%; }
.w10p { width: 10%; }

/* labelタグなどで幅指定かつ単独で左寄せにする場合など */
/* １行で１つのみ指定可能 (１行に２つ以上を並べて指定すると表示が崩れる) */
.w100p-aL{ width: 99%; position: relative; left:   0%;}
.w90p-aL { width: 89%; position: relative; left:  -5%;}
.w80p-aL { width: 79%; position: relative; left: -10%;}
.w70p-aL { width: 69%; position: relative; left: -15%;}
.w60p-aL { width: 59%; position: relative; left: -20%;}
.w50p-aL { width: 49%; position: relative; left: -25%;}
.w40p-aL { width: 39%; position: relative; left: -30%;}
.w30p-aL { width: 29%; position: relative; left: -35%;}
.w20p-aL { width: 19%; position: relative; left: -40%;}
.w10p-aL { width:  9%; position: relative; left: -45%;}

/* hight & line-hight */
.h200 { height: 200px; }
.h192 { height: 192px; }
.h144 { height: 144px; }
.h140 { height: 140px; }
.h136 { height: 136px; }
.h132 { height: 132px; }
.h130 { height: 130px; }
.h128 { height: 128px; }
.h120 { height: 120px; }
.h116 { height: 116px; }
.h108 { height: 108px; }
.h104 { height: 104px; }
.h100 { height: 100px; }
.h96 { height: 96px; }
.h88 { height: 88px; }
.h80 { height: 80px; }
.h72 { height: 72px; }
.h64 { height: 64px; }
.h56 { height: 56px; }
.h48 { height: 48px; }
.h40 { height: 40px; }
.h36 { height: 36px; }
.h32 { height: 32px; }
.h28 { height: 28px; }
.h24 { height: 24px; }
.h22 { height: 22px; }
.h20 { height: 20px; }
.h16 { height: 16px; }
.h12 { height: 12px; }
.h8  { height:  8px; }
.h1  { height:  1px; }
.h0  { height:  0px; }

.h100p { height: 100%; }
.h95p  { height: 95%; }
.h90p  { height: 90%; }
.h80p  { height: 80%; }
.h70p  { height: 70%; }
.h60p  { height: 60%; }
.h50p  { height: 50%; }
.h40p  { height: 40%; }
.h30p  { height: 30%; }
.h25p  { height: 25%; }
.h20p  { height: 20%; }

.lh108 { height: 108px ; line-height: 108px; }
.lh96 { height: 96px ; line-height: 96px; }
.lh80 { height: 80px ; line-height: 80px; }
.lh72 { height: 72px ; line-height: 72px; }
.lh64 { height: 64px ; line-height: 64px; }
.lh56 { height: 56px ; line-height: 56px; }
.lh48 { height: 48px ; line-height: 48px; }
.lh42 { height: 42px ; line-height: 42px; }
.lh40 { height: 40px ; line-height: 40px; }
.lh38 { height: 38px ; line-height: 38px; }
.lh36 { height: 36px ; line-height: 36px; }
.lh32 { height: 32px ; line-height: 32px; }
.lh30 { height: 30px ; line-height: 30px; }
.lh28 { height: 28px ; line-height: 28px; }
.lh26 { height: 26px ; line-height: 26px; }
.lh24 { height: 24px ; line-height: 24px; }
.lh22 { height: 22px ; line-height: 22px; }
.lh20 { height: 20px ; line-height: 20px; }
.lh16 { height: 16px ; line-height: 16px; }

/* margin-top */
.mt80 { margin-top: 80px ; }
.mt72 { margin-top: 72px ; }
.mt64 { margin-top: 64px ; }
.mt56 { margin-top: 56px ; }
.mt48 { margin-top: 48px ; }
.mt40 { margin-top: 40px ; }
.mt32 { margin-top: 28px ; }
.mt24 { margin-top: 24px ; }
.mt20 { margin-top: 20px ; }
.mt16 { margin-top: 16px ; }
.mt12 { margin-top: 12px ; }
.mt10 { margin-top: 10px ; }
.mt8  { margin-top:  8px ; }
.mt4  { margin-top:  4px ; }
.mt2  { margin-top:  2px ; }
.mt0  { margin-top:  0 ; }
/* negative-matgin-top */
.mt-16 { margin-top:  -16px ; }
.mt-8  { margin-top:  -8px ; }
.mt-6  { margin-top:  -6px ; }
.mt-5  { margin-top:  -5px ; }
.mt-4  { margin-top:  -4px ; }
.mt-2  { margin-top:  -2px ; }
.mt-2p { margin-top:  -2% ; }

/* margin-bottom */
.mb0  { margin-bottom:  0px ; }
.mb4  { margin-bottom:  4px ; }
.mb8  { margin-bottom:  8px ; }
.mb12 { margin-bottom: 12px ; }
.mb16 { margin-bottom: 16px ; }
.mb24 { margin-bottom: 24px ; }
.mb32 { margin-bottom: 32px ; }
.mb40 { margin-bottom: 40px ; }

/* margin-top & margin-bottom */
.mtb16  { margin-top: 16px ; margin-bottom: 16px ; }
.mtb12  { margin-top: 12px ; margin-bottom: 12px ; }
.mtb8  { margin-top: 8px ; margin-bottom: 8px ; }
.mtb4  { margin-top: 4px ; margin-bottom: 4px ; }

.ml0 { margin-left: 0px  ;}
.ml4 { margin-left: 4px  ;}
.ml8 { margin-left: 8px  ;}
.ml12 { margin-left: 12px  ;}
.ml16 { margin-left: 16px  ;}
.ml24 { margin-left: 24px  ;}
.ml32 { margin-left: 32px  ;}
.ml36 { margin-left: 36px  ;}
.ml40 { margin-left: 40px  ;}
.ml48 { margin-left: 48px  ;}
.ml56 { margin-left: 56px  ;}
.ml64 { margin-left: 64px  ;}
.ml72 { margin-left: 72px  ;}
.ml80 { margin-left: 80px  ;}
.ml88 { margin-left: 88px  ;}
.ml128 { margin-left: 128px  ;}

/* negative-margin */
.ml-8  { margin-left:  -8px ; }
.ml-6  { margin-left:  -6px ; }
.ml-4  { margin-left:  -4px ; }
.ml-2  { margin-left:  -2px ; }

.ml2p { margin-left:  2%; }
.ml5p { margin-left:  5%; }
.ml-2p { margin-left:  -2%; }
.ml-5p { margin-left:  -5%; }

.mr0 { margin-right: 0px  ;}
.mr4 { margin-right: 4px  ;}
.mr8 { margin-right: 8px  ;}
.mr12 { margin-right: 12px  ;}
.mr16 { margin-right: 16px  ;}
.mr24 { margin-right: 24px  ;}
.mr32 { margin-right: 32px  ;}
.mr36 { margin-right: 36px  ;}
.mr40 { margin-right: 40px  ;}
.mr48 { margin-right: 48px  ;}
.mr56 { margin-right: 56px  ;}
.mr64 { margin-right: 64px  ;}
.mr72 { margin-right: 72px  ;}
.mr80 { margin-right: 80px  ;}
.mr128 { margin-right: 128px  ;}

/* negative-margin */
.mr-8  { margin-right:  -8px ; }
.mr-6  { margin-right:  -6px ; }
.mr-4  { margin-right:  -4px ; }
.mr-2  { margin-right:  -2px ; }

.mr2p { margin-right:  2%; }
.mr5p { margin-right:  5%; }
.mr-2p { margin-right:  -2%; }
.mr-5p { margin-right:  -5%; }

.mlauto {
	margin-left: auto;
}
.mrauto {
	margin-right: auto;
}
.mlrauto, .mrlauto {
	margin-left: auto;
	margin-right: auto;
}

.mlr4,.mrl4 { margin-left: 4px ; margin-right: 4px  ;}
.mlr8,.mrl8 { margin-left: 8px ; margin-right: 8px  ;}
.mlr12,.mrl12 { margin-left: 12px ; margin-right: 12px  ;}
.mlr16,.mrl16 { margin-left: 16px ; margin-right: 16px  ;}

.mlr-5p { margin-right:-5% !important; margin-right:-5% !important; }

.mgn0 {margin: 0px ;}
.mgn2 {margin: 2px ;}
.mgn4 {margin: 4px ;}
.mgn8 {margin: 8px ;}

/* padding-top & padding-bottom */
.pdg0 {padding: 0 !important}
.pdg2 {padding: 2px;}
.pdg4 {padding: 4px;}
.pdg8 {padding: 8px;}

.pt2 {padding-top: 2px}
.pt4 {padding-top: 4px}
.pt5 {padding-top: 5px}
.pt8 {padding-top: 8px}
.pt12 {padding-top: 12px}
.pt16 {padding-top: 16px}
.pb4 {padding-bottom: 4px}
.pb8 {padding-bottom: 8px}
.pb12 {padding-bottom: 12px}
.pb16 {padding-bottom: 16px}
.ptb16  { padding-top: 16px ; padding-bottom: 16px ; }
.ptb8  { padding-top: 8px ; padding-bottom: 8px ; }
.ptb4  { padding-top: 4px ; padding-bottom: 4px ; }
.ptb2  { padding-top: 2px ; padding-bottom: 2px ; }

.pl2   {padding-left: 2px;}
.pl4   {padding-left: 4px;}
.pl8   {padding-left: 8px;}
.pl16   {padding-left: 16px;}
.pl24   {padding-left: 24px;}
.pl32   {padding-left: 32px;}
.pl40   {padding-left: 40px;}

.pr2   {padding-right: 2px;}
.pr4   {padding-right: 4px;}
.pr8   {padding-right: 8px;}
.pr16   {padding-right: 16px;}
.pr24   {padding-right: 24px;}
.pr32   {padding-right: 32px;}
.pr40   {padding-right: 40px;}

.plr0, .prl0{ padding-left: 0 ;padding-right: 0}
.plr4,.prl4 { padding-left: 4px ; padding-right: 4px  ;}
.plr8,.prl8 { padding-left: 8px ; padding-right: 8px  ;}
.plr12,.prl12 { padding-left: 12px ; padding-right: 12px  ;}
.plr16,.prl16 { padding-left: 16px ; padding-right: 16px  ;}


.pt0 {padding-top: 0}
.pt2p {padding-top: 2%}
.pt3p {padding-top: 3%}

.pb0 {padding-bottom: 0}
.pb2p {padding-bottom: 2%}
.pb3p {padding-bottom: 3%}

/* ------------------------------------------------------ */

.bdr-sld1 {border: solid 1px;}
.bdr-sld2 {border: solid 2px;}

.bdr-rad3 {border-radius: 3px;}
.bdr-rad4 {border-radius: 4px;}
.bdr-rad6 {border-radius: 6px;}
.bdr-rad8 {border-radius: 8px;}

.bdr-frm-A {
	border: solid 1px #222;
	border-radius: 3px;
	padding: 4px;
	margin: 2px 0 2px 0;
}
.bdr-frm-B {
	border: solid 1px #555;
	border-radius: 3px;
	padding: 4px;
	margin: 2px 0 2px 0;
}
.bdr-frm-C {
	border: solid 1px #888;
	border-radius: 3px;
	padding: 4px;
	margin: 2px 0 2px 0;
}
.bdr-frm-D {
	border: solid 1px #BBB;
	border-radius: 3px;
	padding: 4px;
	margin: 2px 0 2px 0;
}

.fxhide {
	display:none !important;
}
.fxshow {
	display:block !important;
}
.fxshowib {
	display:inline-block !important;
}