/* 余白などを操作するための汎用的なCSS */

/*character*/
*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p,span,ul,ol,li,a,table{
	font-size:15px;
	color:#000;
}

/*clearfix*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*layout*/
.liquid{
	max-width:100%!important;
	height:auto;
}
a:hover {
	opacity: 0.8;
}
p {
	line-height: 1.3;
}


/* width */
.w-200{
	width:200px!important;
}
.w-300{
	width:300px!important;
}
.w-400{
	width:400px!important;
}
.w-500{
	width:500px!important;
}
.w-600{
	width:600px!important;
}
.w-700{
	width:700px!important;
}
.w-800{
	width:800px!important;
}
.w-900{
	width:900px!important;
}

.w-100per{
	width:100%!important;
}
.w-90per{
	width:90%!important;
}
.w-80per{
	width:80%!important;
}
.w-70per{
	width:70%!important;
}
.w-60per{
	width:60%!important;
}
.w-50per{
	width:50%!important;
}
.w-40per{
	width:40%!important;
}
.w-30per{
	width:30%!important;
}
.w-20per{
	width:20%!important;
}
.w-10per{
	width:10%!important;
}



/* height */
.h-200{
	height:200px!important;
}
.h-300{
	height:300px!important;
}
.h-400{
	height:400px!important;
}
.h-500{
	height:500px!important;
}
.h-600{
	height:600px!important;
}
.h-700{
	height:700px!important;
}



/* width+height */
.w100per-hauto{
	width:100%!important;
	height:auto;
}



/* margin */
.m-0px-a{
	margin:0 auto!important;
}

.m-0{
	margin:0!important;
}
.m-10{
	margin:10px!important;
}
.m-20{
	margin:20px!important;
}
.m-30{
	margin:30px!important;
}
.m-40{
	margin:40px!important;
}
.m-50{
	margin:50px!important;
}
.m-60{
	margin:60px!important;
}
.m-70{
	margin:70px!important;
}
.m-80{
	margin:80px!important;
}
.m-90{
	margin:90px!important;
}
.m-100{
	margin:100px!important;
}

.mt-0{
	margin-top:0px!important;
}
.mt-10{
	margin-top:10px!important;
}
.mt-20{
	margin-top:20px!important;
}
.mt-30{
	margin-top:30px!important;
}
.mt-40{
	margin-top:40px!important;
}
.mt-50{
	margin-top:50px!important;
}
.mt-60{
	margin-top:60px!important;
}
.mt-70{
	margin-top:70px!important;
}
.mt-80{
	margin-top:80px!important;
}
.mt-90{
	margin-top:90px!important;
}
.mt-100{
	margin-top:100px!important;
}

.mr-0{
	margin-right:0px!important;
}
.mr-10{
	margin-right:10px!important;
}
.mr-20{
	margin-right:20px!important;
}
.mr-30{
	margin-right:30px!important;
}
.mr-40{
	margin-right:40px!important;
}
.mr-50{
	margin-right:50px!important;
}
.mr-60{
	margin-right:60px!important;
}
.mr-70{
	margin-right:70px!important;
}
.mr-80{
	margin-right:80px!important;
}
.mr-90{
	margin-right:90px!important;
}
.mr-100{
	margin-right:100px!important;
}

.mb-0{
	margin-bottom:0px!important;
}
.mb-10{
	margin-bottom:10px!important;
}
.mb-20{
	margin-bottom:20px!important;
}
.mb-30{
	margin-bottom:30px!important;
}
.mb-40{
	margin-bottom:40px!important;
}
.mb-50{
	margin-bottom:50px!important;
}
.mb-60{
	margin-bottom:60px!important;
}
.mb-70{
	margin-bottom:70px!important;
}
.mb-80{
	margin-bottom:80px!important;
}
.mb-90{
	margin-bottom:90px!important;
}
.mb-100{
	margin-bottom:100px!important;
}

.ml-0{
	margin-left:0px!important;
}
.ml-10{
	margin-left:10px!important;
}
.ml-20{
	margin-left:20px!important;
}
.ml-30{
	margin-left:30px!important;
}
.ml-40{
	margin-left:40px!important;
}
.ml-50{
	margin-left:50px!important;
}
.ml-60{
	margin-left:60px!important;
}
.ml-70{
	margin-left:70px!important;
}
.ml-80{
	margin-left:80px!important;
}
.ml-90{
	margin-left:90px!important;
}
.ml-100{
	margin-left:100px!important;
}



/* padding */
.p-0{
	padding:0!important;
}
.p-10{
	padding:10px!important;
}
.p-20{
	padding:20px!important;
}
.p-30{
	padding:30px!important;
}
.p-40{
	padding:40px!important;
}
.p-50{
	padding:50px!important;
}
.p-60{
	padding:60px!important;
}
.p-70{
	padding:70px!important;
}
.p-80{
	padding:80px!important;
}
.p-90{
	padding:90px!important;
}
.p-100{
	padding:100px!important;
}

.pt-10{
	padding-top:10px!important;
}
.pt-20{
	padding-top:20px!important;
}
.pt-30{
	padding-top:30px!important;
}
.pt-40{
	padding-top:40px!important;
}
.pt-50{
	padding-top:50px!important;
}
.pt-60{
	padding-top:60px!important;
}
.pt-70{
	padding-top:70px!important;
}
.pt-80{
	padding-top:80px!important;
}
.pt-90{
	padding-top:90px!important;
}
.pt-100{
	padding-top:100px!important;
}

.pr-10{
	padding-right:10px!important;
}
.pr-20{
	padding-right:20px!important;
}
.pr-30{
	padding-right:30px!important;
}
.pr-40{
	padding-right:40px!important;
}
.pr-50{
	padding-right:50px!important;
}
.pr-60{
	padding-right:60px!important;
}
.pr-70{
	padding-right:70px!important;
}
.pr-80{
	padding-right:80px!important;
}
.pr-90{
	padding-right:90px!important;
}
.pr-100{
	padding-right:100px!important;
}

.pb-10{
	padding-bottom:10px!important;
}
.pb-20{
	padding-bottom:20px!important;
}
.pb-30{
	padding-bottom:30px!important;
}
.pb-40{
	padding-bottom:40px!important;
}
.pb-50{
	padding-bottom:50px!important;
}
.pb-60{
	padding-bottom:60px!important;
}
.pb-70{
	padding-bottom:70px!important;
}
.pb-80{
	padding-bottom:80px!important;
}
.pb-90{
	padding-bottom:90px!important;
}
.pb-100{
	padding-bottom:100px!important;
}

.pl-10{
	padding-left:10px!important;
}
.pl-20{
	padding-left:20px!important;
}
.pl-30{
	padding-left:30px!important;
}
.pl-40{
	padding-left:40px!important;
}
.pl-50{
	padding-left:50px!important;
}
.pl-60{
	padding-left:60px!important;
}
.pl-70{
	padding-left:70px!important;
}
.pl-80{
	padding-left:80px!important;
}
.pl-90{
	padding-left:90px!important;
}
.pl-100{
	margin-left:100px!important;
}



/*font-size*/
.f-10{
	font-size:10px!important;
}
.f-11{
	font-size:11px!important;
}
.f-12{
	font-size:12px!important;
}
.f-13{
	font-size:13px!important;
}
.f-14{
	font-size:14px!important;
}
.f-15{
	font-size:15px!important;
}
.f-16{
	font-size:16px!important;
}
.f-17{
	font-size:17px!important;
}
.f-18{
	font-size:18px!important;
}
.f-19{
	font-size:19px!important;
}
.f-20{
	font-size:20px!important;
}



/*font-weght*/
.fw-bold{
	font-weight:bold;
}
.fw-lighter{
	font-weight:lighter;
}



/*text-align*/
.t-a-l{
	text-align:left!important;
}
.t-a-c{
	text-align:center!important;
}
.t-a-r{
	text-align:right!important;
}



/*float*/
.f-r{
	float:right!important;
}
.f-l{
	float:left!important;
}
.f-n{
	float:none!important;
}



/*clear*/
.c-both{
	clear:both;
}



/*position*/
.p-relative{
	position:relative;
}
.p-absolute{
	position:absolute;
}
.p-fixed{
	position:fixed;
}



/*overflow*/
.of-hidden{
	overflow:hidden;
}
.of-visible{
	overflow:visible;
}



/*display*/
.d-block{
	display:block;
}
.d-inline{
	display:inline;
}
.d-none{
	display:none;
}
.d-i-b{
	display:inline-block;
}
.d-t-c{
	display:table-cell;
}