@charset "utf-8";

#main{
	padding-bottom: 3em;
	}
	@media screen and (max-width: 800px){
		#main{
			padding-bottom: 1em;
		}
	}
.hover{
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.hover:hover{
	opacity: 0.6;
}

.under main article{
	width: 980px;
	margin: 0 auto;
	line-height: 1.4;
	}
	@media screen and (max-width: 800px){
		.under main article{
			width: 100%;
			padding-top: 56px;
		}
	}
.under main article h1{
	text-align: center;
	font-size: 1.8em;
	margin-bottom: 2em;
}
	@media screen and (max-width: 800px){
		.under main article h1{
			text-align: center;
			font-size: 1.4em;
			margin-top: 0.5em;
			margin-bottom: 1em;
		}
	}
.under main article h1.mainv{
	width: 980px;
	margin: 0 auto 1em;
	}
	@media screen and (max-width: 800px){
		.under main article h1.mainv{
			width: 100%;
		}
		.under main article h1.mainv img{
			width: 100%;
		}
	}
.mainv img{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	}
	@media screen and (max-width: 800px){
		.mainv img{
			width: 100%;
			border-radius: 0px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
		}
	}


.sec{ padding-bottom: 4em;}
	@media screen and (max-width: 800px){
		.sec{
			padding-bottom: 2em;
			width: 90%;
			margin: 0 auto;
		}
	}

.sec p{
	margin-bottom: 1em;
}
.mainv{
	width: 980px;
	margin: 0 auto;
}


.tit{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
a.tel,
a.tel:link{text-decoration: none; color: #333; cursor: default;}


/* .newsArea
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.newsArea{
	padding-top: 3em;
	text-align: center;
}
.newsArea .topics{
	width: 800px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 3em;
	}
	.newsArea .topics img{
		max-width: 100%;
	}

	@media screen and (max-width: 800px){
		.newsArea .topics{
			width: 90%;
			margin: 0 auto 2em;
		}
		.index .newsArea{
			margin-top: 0;
			padding-top: 0;
		}
	}



.newsArea h1{
	margin-bottom: 2.5em;
}
.newsArea h1 span{
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.newsArea,
.newsArea li a{
	color: #350D05;
	font-size: 14px;
}
.newsArea .btnBox{
	padding-bottom: 3em;
	}
	.newsArea .btn a{
		padding: 0.6em 3em;
	}
	.newsArea ul{
		max-width: 980px;
		display: inline-block;
		margin: 0 auto;
	}
	.newsArea li{
		display: table;
		margin-bottom: 1.6em;
		}
		.newsArea li time{
			display: table-cell;
			width: 110px;
			vertical-align: middle;
			padding-top: 0.25em;
			padding-right: 10px;
			font-size: 1.2em;
			font-family: "Roboto Slab" , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
			text-align: right;
			vertical-align: top;
		}
		.newsArea li .cat{
			display: table-cell;
			width: 110px;
			padding-right: 10px;
			vertical-align: middle;
			font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
			vertical-align: top;
			}
			.newsArea li .cat span{
				display: inline-block;
				width: 110px;
				padding: 6px;
				background: #D6BB96;
				-webkit-border-radius: 6px;
				        border-radius: 6px;
				text-align: center;
			}
			.newsArea li .cat2 span{ background: #EC7C19; color: #FFF;}
			.newsArea li .cat3 span{ background: #61132C; color: #FFF;}
		.newsArea li a{
			text-decoration: underline;
		}
		.newsArea li .text{
			display: table-cell;
			padding-top: 0.5em;
			font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
			text-align: left;
		}


@media screen and (max-width: 800px){
	.newsArea{
		margin-top: 2em;
	}
	.newsArea ul{
		display: block;
	}
	.newsArea li{
		display: block;
		text-align: left;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px dotted #CCC;
	}
	.newsArea li time{
		display: inline-block;
		text-align: left;
		width: auto;
	}
	.newsArea li .cat{
		display: inline-block;
	}
	.newsArea li .text{
		display: block;
	}

} /*@media*/



/* hn
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.h1,
.h2,
.hg{ text-align: center;}
.h1 > span,
.h2 > span,
.hg > span{
	display: inline-block;
	font-size: 2em;
	padding: 12px 24px;
	margin: 0 auto 1.5em;
	border-bottom: 1px solid #BBB;
	letter-spacing: 2px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	}
	@media screen and (max-width: 800px){
		.h1 > span, .h2 > span, .hg > span{
			padding: 6px 12px;
			margin: 0 auto 1em;
			font-size: 1.3em;
		}
	}

.h1{
	margin-bottom: 0 !important;
	}
	.h1 > span{ font-size: 1.3em; }
		@media screen and (max-width: 800px){
			.h1 span{ font-size: 0.8em;}
		}
.hg{
	display: table;
	margin: 0 auto;
	}
	.hg > span{
		display: table-cell;
		padding: 0px 16px 20px 16px;
		background: url(../img/hg_c.png) center bottom no-repeat;
		border: none;
	}
	.hg:before{
		content:"";
		display: table-cell;
		background: url(../img/hg_l.png) right 1em no-repeat;
		-webkit-background-size: 100%;
		background-size: 100%;
		min-width: 216px;
		height: 2px;
	}
	.hg:after{
		content:"";
		display: table-cell;
		background: url(../img/hg_r.png) left 1em no-repeat;
		-webkit-background-size: 100%;
		background-size: 100%;
		min-width: 216px;
		height: 2px;
	}
	@media screen and (max-width: 800px){
		.hg:before,
		.hg:after{
			display: none;
		}
	}

.h3 {
	position: relative;
	text-align: center;
	font-size: 1.5em;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	margin-bottom: 1em;
	}
	.h3 > span {
		position: relative;
		z-index: 2;
		display: inline-block;
		margin: 0 4em;
		padding: 0 1em;
		background-color: #fff;
		text-align: left;
	}
	.h3::before {
		position: absolute;
		top: 50%;
		z-index: 1;
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: #ccc;
		background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
		background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	}
@media screen and (max-width: 800px){
	.h3 > span {
		margin: 0 1em;
		padding: 0 0.3em;
		font-size: 0.8em;
		text-align: center;
	}
} /*@media*/






/* btn
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.btnBox{
	text-align: center;
	padding-bottom: 4em;
}
.btnBox .btn{
	display: inline-block;
}
.btn a {
	display: inline-block;
	padding: 0.6em 1em;
	margin: 0 0.3em;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
	outline: none;
	position: relative;
	z-index: 2;
	border: 2px solid #611a30;
	color: #611a30;
	-webkit-perspective: 300px;
	perspective: 300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.btn a::before,
.btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn a,
.btn a::before,
.btn a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn a:hover {
	color: #fff;
}
.btn a::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #611a30;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0;
}
.btn a:hover::after {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 1;
}
@media screen and (max-width: 800px){
	.btnBox{
		padding-bottom: 1em;
	}
} /*@media*/


/* list
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.ul,
.ol{
	padding-left: 1.5em;
}
.ul li{
	list-style-position: outside;
	list-style-type: circle;
}
.ol li{
	list-style-position: outside;
	list-style-type: decimal;
}


/*
img
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.imgFrame {
	display: inline-block;
	position: relative;
}
.imgFrame:after {
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0,0,0, .3); /* シャドウ */
	transform: rotate(3deg); /* 回転させる */
	right: 10px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}
.imgFrame2,
.imgFrame3 {
	display: inline-block;
	position: relative;
	overflow: hidden; /* 不要部分を消す */
	padding: 4px; /* 6px だけは写真からはみ出す */
}
.imgFrame2 img,
.imgFrame3 img {
	/*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	}
	.imgFrame2:before,
	.imgFrame2:after,
	.imgFrame3:before,
	.imgFrame3:after {
		content: "";
		position: absolute;
		z-index: 1;
		width: 97px;
		height: 50px;
		background: #fff; /* 背景色 */
		transform: rotate(-45deg);
	}
	.imgFrame3:before,
	.imgFrame3:after {
		transform: rotate(45deg);
	}
	/* 左上 */
	.imgFrame2:before {
		box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);
		top: -25px;
		bottom: auto;
		right: auto;
		left: -45px;
	}
	/* 右下 */
	.imgFrame2:after {
		box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
		top: auto;
		bottom: -25px;
		right: -45px;
		left: auto;
	}
	/* 右上 */
	.imgFrame3:before {
		box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);
		top: -25px;
		bottom: auto;
		right: -45px;
		left: auto;
	}
	/* 左下 */
	.imgFrame3:after {
		box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
		top: auto;
		bottom: -25px;
		right: auto;
		left: -45px;
	}

/* Not Around　Layout */
.imgArea:before, .imgArea:after { content: ""; display: table;}
.imgArea:after { clear:both; }
.imgArea { zoom: 1;}
.imgArea { width: 100%;}
.imgArea .imgR { float: right; margin: 0 0 0 15px;}
.imgArea .imgL { float: left; margin: 0 15px 0 0;}
.imgArea .textArea { overflow: hidden; _zoom: 1; }
.imgArea img { max-width: 600px;}
/* img layout Around & 2c & 3c */
.imgLayout:before, .imgLayout:after,
.imgLayout2c:before, .imgLayout2c:after,
.imgLayout3c:before, .imgLayout3c:after,
.imgLayout4c:before, .imgLayout4c:after { content: ""; display: table;}
.imgLayout:after,
.imgLayout2c:after,
.imgLayout3c:after,
.imgLayout4c:after { clear:both; }
.imgLayout,
.imgLayout2c,
.imgLayout3c,
.imgLayout4c { zoom: 1;}
/* Around */
.imgLayout .imgR { float: right; margin-left: 15px; margin-bottom: 1em;}
.imgLayout .imgL { float: left; margin-right: 15px; margin-bottom: 1em;}
/* c2 & c3 */
.imgLayout2c .imgBox,
.imgLayout3c .imgBox,
.imgLayout4c .imgBox {
float: left;
width: 50%;
text-align: center;
}
.imgLayout3c .imgBox {
width: 33%;
}
.imgLayout4c .imgBox {
width: 25%;
}
.imgLayout2c .imgBox img,
.imgLayout3c .imgBox img,
.imgLayout4c .imgBox img {
margin-bottom: 0.5em;
}
.imgLayout2c .imgBox p,
.imgLayout3c .imgBox p,
.imgLayout4c .imgBox p,
.imgLayout2c .imgBox figcaption,
.imgLayout3c .imgBox figcaption,
.imgLayout4c .imgBox figcaption {
font-size: 0.9em;
padding: 0 !important; margin: 0 !important;
}

@media screen and (max-width: 800px){
.imgArea{
    display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.imgR,
.imgL { float: none !important; margin: 0 auto !important; text-align: center;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}
.textArea {
	-webkit-box-ordinal-group:0;
	-ms-flex-order:0;
	-webkit-order:0;
	order:0;
}
.imgR img { max-width: 100%;}
.imgL img { max-width: 100%;}
} /*@media*/



/* extLink */
img.pdfLink ,
img.extLink {
margin: 0 0.3em;
vertical-align: middle;
}


/*
table
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
table.table{
	width: 100%;
}
table.table th,
table.table td{
	border-bottom: 1px dotted #282828;
}

table.table th{
	width: 25%;
	text-align: right;
	vertical-align: top;
	padding: 20px 30px 20px 0;
}
table.table td{
	text-align: left;
	width: 75%;
	padding: 20px 0 20px 30px;
}
@media screen and (max-width: 800px){
	table.table th,
	table.table td{
		display: block;
		width: 100%;
		text-align: left;
		padding: 10px;
	}
	table.table td{
		border-bottom: none;
		margin-bottom: 10px;
	}

} /*@media*/




/* float Box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.lBox { float: left;}
.rBox { float: right;}

/* display
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.dt { display: table !important;}
.dtc { display: table-cell !important;}
.db { display: block !important;}
.di { display: inline !important;}
.dib { display: inline-block !important;}
.dn { display: none !important;}

/* width
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.w050{width:50px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}
.w650{width:650px !important;}
.w700{width:700px !important;}
.w750{width:750px !important;}
.w800{width:800px !important;}
.w850{width:850px !important;}

@media screen and (max-width: 800px){
	.w350{width:100% !important;}
	.w400{width:100% !important;}
	.w450{width:100% !important;}
	.w500{width:100% !important;}
	.w550{width:100% !important;}
	.w600{width:100% !important;}
	.w650{width:100% !important;}
	.w700{width:100% !important;}
	.w750{width:100% !important;}
	.w800{width:100% !important;}
	.w850{width:100% !important;}
} /*@media*/



/*
vertical-align
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.vat { vertical-align: top !important;}
.vam { vertical-align: middle !important;}
.vab { vertical-align: bottom !important;}

/*
text
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* text-align
----- ----- ----- ----- ----- */
.tal { text-align: left !important;}
.tar { text-align: right !important;}
.tac { text-align: center !important;}

/* font
----- ----- ----- ----- ----- */
.fss { font-size: 0.9em !important;}
.fsl { font-size: 1.2em !important;}
.fwn { font-weight: normal !important;}
.fwb { font-weight: bold !important;}
.tdu { text-decoration: underline !important;}
.tdlt { text-decoration: line-through !important;}
.tti { text-indent: 1em !important;}

/* font color */
.fWhite { color: #FFF !important;}
.fRed { color: #b22222 !important;}
.fOrange { color: #E36B37 !important;}
.fGreen { color: #00A496 !important;}
.fBlue { color: #004EA2 !important;}
.fPink { color: #FF6699 !important;}
.fYellow{ color: #A0522D !important;}

/* font-size */
.fs08 { font-size: 0.8em !important;}
.fs09 { font-size: 0.9em !important;} /* = .fss */
.fs10 { font-size: 1.0em !important;}
.fs11 { font-size: 1.1em !important;}
.fs12 { font-size: 1.2em !important;} /* = .fsl */
.fs13 { font-size: 1.3em !important;}
.fs14 { font-size: 1.4em !important;}
.fs15 { font-size: 1.5em !important;}
.fs16 { font-size: 1.6em !important;}
.fs17 { font-size: 1.7em !important;}
.fs18 { font-size: 1.8em !important;}
.fs19 { font-size: 1.9em !important;}
.fs20 { font-size: 2.0em !important;}

/*
border
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bdt01 { border-top: 1px solid #D5D5D5 !important;}
.bdt02 { border-top: 2px solid #D5D5D5 !important;}
.bdt03 { border-top: 3px solid #D5D5D5 !important;}
.bdb01 { border-bottom: 1px solid #D5D5D5 !important;}
.bdb02 { border-bottom: 2px solid #D5D5D5 !important;}
.bdb03 { border-bottom: 3px solid #D5D5D5 !important;}
.bdb01dot { border-bottom: 1px dotted #D5D5D5 !important;}
.bdb02dot { border-bottom: 2px dotted #D5D5D5 !important;}
.bdb03dot { border-bottom: 3px dotted #D5D5D5 !important;}
.bdRed { border-color: #E9194B !important;}
.bdOrange { border-color: #E36B37 !important;}
.bdGreen { border-color: #00A496 !important;}
.bdBlue { border-color: #004EA2 !important;}

/*
background
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bgGray { background: #DDD !important;}
.bgYellow { background: #FBFBF0 !important;}
.bgOrange { background: #FFF5EE !important;}
/*
box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* border & bg */
.boxRed { padding: 15px;; background: #FDE1E9; border: 2px solid #E9194B;}
.boxOrange { padding: 15px;; background: #FFF5EE; border: 2px solid #E36B37;}
.boxGreen { padding: 15px;; background: #E1FFFE; border: 2px solid #00A496;}
.boxBlue { padding: 15px;; background: #DFEEFF; border: 2px solid #004EA2;}
.boxGray { padding: 15px;; background: #EEE; border: 2px solid #CCC;}
/* bg */
.bgBoxRed { padding: 15px;; background: #FDE1E9;}
.bgBoxOrange{ padding: 15px;; background: #FFF5EE;}
.bgBoxGreen { padding: 15px;; background: #E1FFFE;}
.bgBoxBlue { padding: 15px;; background: #DFEEFF;}
.bgBoxGray { padding: 15px;; background: #EEE;}
.bgBoxPink { padding: 15px;; background: #FF6699;}
/* border */
.bdBoxRed { padding: 15px;; border: 2px solid #E9194B;}
.bdBoxOrange { padding: 15px;; border: 2px solid #E36B37;}
.bdBoxGreen { padding: 15px;; border: 2px solid #00A496;}
.bdBoxBlue { padding: 15px;; border: 2px solid #004EA2;}
.bdBoxGray { padding: 15px;; border: 2px solid #CCC;}
.bdBoxPink { padding: 15px;; border: 2px solid #FF6699;}
/*
padding & margin
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* guidline common */
.pds20mb00 { padding: 0 20px; margin-bottom: 0em;}
.pds20mb05 { padding: 0 20px; margin-bottom: 0.5em;}
.pds20mb10 { padding: 0 20px; margin-bottom: 1em;}
.pds20mb15 { padding: 0 20px; margin-bottom: 1.5em;}
.pds20mb20 { padding: 0 20px; margin-bottom: 2em;}
.pds20mb25 { padding: 0 20px; margin-bottom: 2.5em;}
.pds20mb30 { padding: 0 20px; margin-bottom: 3em;}
.pds20mb35 { padding: 0 20px; margin-bottom: 3.5em;}
.pds20mb40 { padding: 0 20px; margin-bottom: 4em;}
.pds20mb45 { padding: 0 20px; margin-bottom: 4.5em;}
.pds20mb50 { padding: 0 20px; margin-bottom: 5em;}
.pds30mb00 { padding: 0 30px; margin-bottom: 0em;}
.pds30mb05 { padding: 0 30px; margin-bottom: 0.5em;}
.pds30mb10 { padding: 0 30px; margin-bottom: 1em;}
.pds30mb15 { padding: 0 30px; margin-bottom: 1.5em;}
.pds30mb20 { padding: 0 30px; margin-bottom: 2em;}
.pds30mb25 { padding: 0 30px; margin-bottom: 2.5em;}
.pds30mb30 { padding: 0 30px; margin-bottom: 3em;}
.pds30mb35 { padding: 0 30px; margin-bottom: 3.5em;}
.pds30mb40 { padding: 0 30px; margin-bottom: 4em;}
.pds30mb45 { padding: 0 30px; margin-bottom: 4.5em;}
.pds30mb50 { padding: 0 30px; margin-bottom: 5em;}
.ms20mb00 { margin: 0 20px; margin-bottom: 0em;}
.ms20mb05 { margin: 0 20px; margin-bottom: 0.5em;}
.ms20mb10 { margin: 0 20px; margin-bottom: 1em;}
.ms20mb15 { margin: 0 20px; margin-bottom: 1.5em;}
.ms20mb20 { margin: 0 20px; margin-bottom: 2em;}
.ms20mb25 { margin: 0 20px; margin-bottom: 2.5em;}
.ms20mb30 { margin: 0 20px; margin-bottom: 3em;}
.ms20mb35 { margin: 0 20px; margin-bottom: 3.5em;}
.ms20mb40 { margin: 0 20px; margin-bottom: 4em;}
.ms20mb45 { margin: 0 20px; margin-bottom: 4.5em;}
.ms20mb50 { margin: 0 20px; margin-bottom: 5em;}
.ms30mb00 { margin: 0 30px; margin-bottom: 0em;}
.ms30mb05 { margin: 0 30px; margin-bottom: 0.5em;}
.ms30mb10 { margin: 0 30px; margin-bottom: 1em;}
.ms30mb15 { margin: 0 30px; margin-bottom: 1.5em;}
.ms30mb20 { margin: 0 30px; margin-bottom: 2em;}
.ms30mb25 { margin: 0 30px; margin-bottom: 2.5em;}
.ms30mb30 { margin: 0 30px; margin-bottom: 3em;}
.ms30mb35 { margin: 0 30px; margin-bottom: 3.5em;}
.ms30mb40 { margin: 0 30px; margin-bottom: 4em;}
.ms30mb45 { margin: 0 30px; margin-bottom: 4.5em;}
.ms30mb50 { margin: 0 30px; margin-bottom: 5em;}
/* padding side */
.pds00 { padding: 0 0px;}
.pds05 { padding: 0 5px;}
.pds10 { padding: 0 10px;}
.pds12 { padding: 0 12px;}
.pds15 { padding: 0 15px;}
.pds16 { padding: 0 16px;}
.pds20 { padding: 0 20px;}
.pds25 { padding: 0 25px;}
.pds30 { padding: 0 30px;}
.pds35 { padding: 0 35px;}
.pds40 { padding: 0 40px;}
.pds45 { padding: 0 45px;}
.pds50 { padding: 0 50px;}
.pds55 { padding: 0 55px;}
/* margin side */
.ms00 { margin: 0 0px;}
.ms05 { margin: 0 5px;}
.ms10 { margin: 0 10px;}
.ms15 { margin: 0 15px;}
.ms20 { margin: 0 20px;}
.ms25 { margin: 0 25px;}
.ms30 { margin: 0 30px;}
.ms35 { margin: 0 35px;}
.ms40 { margin: 0 40px;}
.ms45 { margin: 0 45px;}
.ms50 { margin: 0 50px;}
/* padding full */
.pdf00 { padding: 0px;}
.pdf05 { padding: 5px;}
.pdf10 { padding: 10px;}
.pdf12 { padding: 12px;}
.pdf15 { padding: 15px;}
.pdf20 { padding: 20px;}
.pdf25 { padding: 25px;}
.pdf30 { padding: 30px;}
.pdf35 { padding: 35px;}
.pdf40 { padding: 40px;}
.pdf45 { padding: 45px;}
.pdf50 { padding: 50px;}
/* margin 0 auto */
.m0a { margin: 0 auto;}
.m0a05mb { margin: 0 auto 0.5em;}
.m0a10mb { margin: 0 auto 1.0em;}
.m0a15mb { margin: 0 auto 1.5em;}
.m0a20mb { margin: 0 auto 2.0em;}
.m0a25mb { margin: 0 auto 2.5em;}
.m0a30mb { margin: 0 auto 3.0em;}
.m0a35mb { margin: 0 auto 3.5em;}
.m0a40mb { margin: 0 auto 4.0em;}
.m0a45mb { margin: 0 auto 4.5em;}
.m0a50mb { margin: 0 auto 5.0em;}
.m0r { margin: 0 0 0 auto;}
.m0l { margin: 0 auto 0 0!important;}
/* padding */
.pt00 { padding-top: 0em !important;}
.pt05 { padding-top: 0.5em !important;}
.pt10 { padding-top: 1.0em !important;}
.pt15 { padding-top: 1.5em !important;}
.pt20 { padding-top: 2.0em !important;}
.pt25 { padding-top: 2.5em !important;}
.pt30 { padding-top: 3.0em !important;}
.pt35 { padding-top: 3.5em !important;}
.pt40 { padding-top: 4.0em !important;}
.pt45 { padding-top: 4.5em !important;}
.pt50 { padding-top: 5.0em !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pb00 { padding-bottom: 0em !important;}
.pb05 { padding-bottom: 0.5em !important;}
.pb10 { padding-bottom: 1.0em !important;}
.pb15 { padding-bottom: 1.5em !important;}
.pb20 { padding-bottom: 2.0em !important;}
.pb25 { padding-bottom: 2.5em !important;}
.pb30 { padding-bottom: 3.0em !important;}
.pb35 { padding-bottom: 3.5em !important;}
.pb40 { padding-bottom: 4.0em !important;}
.pb45 { padding-bottom: 4.5em !important;}
.pb50 { padding-bottom: 5.0em !important;}
.pl00 { padding-left: 0px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl55 { padding-left: 55px !important;}
.pl60 { padding-left: 60px !important;}
.pl65 { padding-left: 65px !important;}
.pl70 { padding-left: 70px !important;}
/* margin */
.mt00 { margin-top: 0em !important;}
.mt05 { margin-top: 0.5em !important;}
.mt10 { margin-top: 1em !important;}
.mt15 { margin-top: 1.5em !important;}
.mt20 { margin-top: 2em !important;}
.mt25 { margin-top: 2.5em !important;}
.mt30 { margin-top: 3em !important;}
.mt35 { margin-top: 3.5em !important;}
.mt40 { margin-top: 4em !important;}
.mt45 { margin-top: 4.5em !important;}
.mt50 { margin-top: 5em !important;}
.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mb00 { margin-bottom: 0em !important;}
.mb05 { margin-bottom: 0.5em !important;}
.mb10 { margin-bottom: 1em !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 1.5em !important;}
.mb20 { margin-bottom: 2em !important;}
.mb25 { margin-bottom: 2.5em !important;}
.mb30 { margin-bottom: 3em !important;}
.mb35 { margin-bottom: 3.5em !important;}
.mb40 { margin-bottom: 4em !important;}
.mb45 { margin-bottom: 4.5em !important;}
.mb50 { margin-bottom: 5em !important;}
.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml150 { margin-left: 150px !important;}