/* CSS Document */

/* ����CSS */

/**{ margin: 0px; padding: 0px; }*/

p{ margin: 0px; padding: 0px; }
form{ margin: 0px; padding: 0px; }
img{ border: none; margin: 0px; padding: 0px; }
table{ word-break:break-all;}
td{ text-align: left; vertical-align: top; }
ul{ margin: 0px; padding: 0px; }
dt{ padding:0px; margin:0px; }
li{ list-style: none; padding:0px; margin:0px; }

h1,h2,h3,h4,h5 { margin: 0;	padding: 0;	}

.f_left{ float: left; }
.f_right{ float: right; }
.clear{	clear: both; }

/* �ƥ����ȡ���CSS */

.left{ text-align: left; }
.center{ text-align:center; }
.right{ text-align:right; }
.top{ vertical-align: top; }
.middle{ vertical-align:middle; }
.bottom{ vertical-align:bottom; }


/* �ե��?�CSS */

.b{ font-weight:bold; }
.light{ font-weight: lighter; }
.gray_ee{ color: #eeeeee; }
.gray_cc{ color: #cccccc; }
.gray_dd{ color: #dddddd; }
.gray_99{ color: #999999; }
.gray_66{ color: #666666; }
.gray_33{ color: #333333; }

.f_blue{}
.f_blue{}

.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f20{ font-size:20px;}

.lh16{ line-height: 16px;}
.lh20{ line-height: 20px;}
.lh24{ line-height: 24px;}

/* ���ڡ���CSS */
.p5{ padding:5px;}
.p10{ padding:10px;}

.t3{ padding-top: 3px; }
.t5{ padding-top: 5px; }
.t7{ padding-top: 7px; }
.t10{ padding-top: 10px; }
.t15{ padding-top: 15px; }
.t20{ padding-top: 20px; }
.t25{ padding-top: 25px; }
.t30{ padding-top: 30px; }
.t35{ padding-top: 35px; }
.t40{ padding-top: 40px; }
.t45{ padding-top: 45px; }
.t50{ padding-top: 50px; }

.b3{ padding-bottom: 3px; }
.b5{ padding-bottom: 5px; }
.b7{ padding-bottom: 7px; }
.b10{ padding-bottom: 10px; }
.b15{ padding-bottom: 15px; }
.b20{ padding-bottom: 20px; }
.b25{ padding-bottom: 25px; }
.b30{ padding-bottom: 30px; }

.l3{ padding-left: 3px; }
.l5{ padding-left: 5px; }
.l7{ padding-left: 7px; }
.l10{ padding-left: 10px; }
.l15{ padding-left: 15px; }
.l20{ padding-left: 20px; }
.l25{ padding-left: 25px; }
.l30{ padding-left: 30px; }

.r3{ padding-right: 3px; }
.r5{ padding-right: 5px; }
.r7{ padding-right: 7px; }
.r10{ padding-right: 10px; }
.r15{ padding-right: 15px; }
.r20{ padding-right: 20px; }
.r25{ padding-right: 25px; }
.r30{ padding-right: 30px; }

.tb3{ padding-top: 3px; padding-bottom: 3px; }
.tb5{ padding-top: 5px; padding-bottom: 5px; }
.tb7{ padding-top: 7px; padding-bottom: 7px; }
.tb10{ padding-top: 10px; padding-bottom: 10px; }
.tb15{ padding-top: 15px; padding-bottom: 15px; }
.tb20{ padding-top: 20px; padding-bottom: 20px; }
.tb25{ padding-top: 25px; padding-bottom: 25px; }
.tb30{ padding-top: 30px; padding-bottom: 30px; }

.lr3{ padding-left: 3px; padding-right: 3px; }
.lr5{ padding-left: 5px; padding-right: 5px; }
.lr7{ padding-left: 7px; padding-right: 7px; }
.lr10{ padding-left: 10px; padding-right: 10px; }
.lr15{ padding-left: 15px; padding-right: 15px; }
.lr20{ padding-left: 20px; padding-right: 20px; }
.lr25{ padding-left: 25px; padding-right: 25px; }
.lr30{ padding-left: 30px; padding-right: 30px; }

.mt3{ margin-top: 3px; }
.mt5{ margin-top: 5px; }
.mt7{ margin-top: 7px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }

.mb3{ margin-bottom: 3px; }
.mb5{ margin-bottom: 5px; }
.mb7{ margin-bottom: 7px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }

.ml5{ margin-left: 10px; }
.ml10{ margin-left: 10px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.ml40{ margin-left: 40px; }
.ml50{ margin-left: 50px; }
.ml60{ margin-left: 60px; }
.ml70{ margin-left: 70px; }
.ml80{ margin-left: 80px; }

.mr20{ margin-right: 20px; }

.mrl10{ margin-left: 10px; margin-right: 10px; }

.bdb50{ margin-left: 50px; }
.ml60{ margin-left: 60px; }
.ml70{ margin-left: 70px; }
.ml80{ margin-left: 80px; }

.mrl-center{ margin: 0 auto;}
.mrl-center{ margin: auto 0;}

/* �ơ��֥�E�E��āE*/
.w10p{ width: 10%; }
.w15p{ width: 15%; }
.w20p{ width: 20%; }
.w25p{ width: 25%; }
.w30p{ width: 30%; }
.w40p{ width: 40%; }
.w50p{ width: 50%; }
.w60p{ width: 60%; }
.w70p{ width: 70%; }
.w75p{ width: 75%; }
.w80p{ width: 80%; }
.w90p{ width: 90%; }

/* height */
.h30{ height:30px; }
.h50{ height:50px; }
.h116{ height:116px; }

/* clearfix */
.clearfix {width:100%;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}

/* 表示関連 */
.none {
  display: none;
}
