/* container Headings
------------------------------------------------------------------------------------ */

h1 {
	font-weight: bold;
}

h2 {
	font-weight: bold;
}

h3 {
	font-weight: bold;
}

h4 {
	font-weight: bold;
}

h5 {
	color: #000;
	font-weight: bold;
	margin: 0 0 0.5em 10px;
	padding: 0;
}

h6 {
	color: #000;
	font-weight: bold;
	margin: 0 0 10px 3px;
	padding: 0;
}



/* container Text, Pix, ando so on
------------------------------------------------------------------------------------ */

.imgover {
	
}

.smaller {
	font-size: 0.8em;
}

.larger {
	font-size: 1.2em;
}

.Imp00T {
	color: #F00;
}

.Imp01T {
	color: #F36;
}

.Imp02T {
	color: #99F;
}

.expTxt {
	color: #444;
}

.Txtdef {
	font-weight: normal;
}

.bolder {
	font-weight: bold;
}

div.linkpagetop {
	width: 100%;
	text-align: right;
	padding: 0 30px 30px 0;
}

.sprice {
	color: #f00;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}


.imgleft {
	float: left;
	margin: 0 20px 20px 0;
}

.imgright {
	float: right;
	margin: 0 0 20px 20px;
}



/* container List Style
------------------------------------------------------------------------------------ */

ul.cautiontxt {
	list-style-type: none;
	margin: 5px 0;
}

ul.cautiontxt li {
	background:url(../images/common/mark-aster.gif) 0px 5px no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}

ul.morecautiontxt li {
	background:url(../images/common/mark-aster-red.gif) 0px 5px no-repeat;
	margin: 0;
	padding: 0 0 0 15px;
}

ul.listdisc {
	list-style-type: disc;
}

ul.listsquare {
	list-style-type: square;
}

ul.listlowalpha	{
	list-style-type: lower-alpha;
}

.ERROR_style {
	color:#F00;
	font-weight: bold;
}



/* container Headings Cover Pix
------------------------------------------------------------------------------------ */


/* toppage */

div.topPage						{}
div.topPage h2					{ width: 920px;	height: 285px;	position: relative; }
div.topPage h2 span				{ width: 100%;	height: 100%;	display: block;	background: url(../images/toppage/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.topPage h3					{ width: 380px;	height: 26px;	margin: 7px 0 0 0;	position: relative; }
div.topPage h3.ttl01 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/toppage/ttl-whatsnew.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.topPage h4					{ width: 240px;	height: 30px;	margin: 0;	position: relative; }
div.topPage h4.ttlPickup span	{ width: 100%;	height: 100%;	display: block;	background: url(../images/common/ttl-pickup.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.topPage h4.ttlContact span	{ width: 100%;	height: 100%;	display: block;	background: url(../images/common/ttl-contact.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.topPage p		 			{ margin: 0; }

dl.newslist						{ width: 380px; font-size: 0.75em;	margin: 5px auto 0px auto;	border-bottom: 1px dotted #93806D;	border-collapse: collapse; }
dl.newslist dt					{ width: 60px;	text-align: left;	padding: 10px;	border-bottom: 0px; }
dl.newslist dd					{ width: 280px;	text-align: left;	margin-top: -3.65em;	margin-left: 80px;	padding: 10px;	border-bottom: 0px; }


/* aboutUs */

div.aboutUs						{}
div.aboutUs h2					{ width: 920px;	height: 180px;	position: relative; }
div.aboutUs h2 span				{ width: 100%;	height: 100%;	display: block;	background: url(../images/aboutus/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.aboutUs h3					{ width: 635px;	height: 30px;	margin: 0 0 10px 0;	position: relative; }
div.aboutUs h3.ttl01			{ margin: 0 0 30px 0; }
div.aboutUs h3.ttl01 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/aboutus/ttl-greeting.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.aboutUs h3.ttl02 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/aboutus/ttl-delegate.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.aboutUs h4					{ font-size: 0.8em; margin: 0; }
div.aboutUs p		 			{ margin: 0; line-height: 2.0 }

div.aboutUs div.txtcolumn		{ width: 603px; padding: 15px; background: url(../images/common/cbg-tiltline.gif) top left;	border: 1px solid #593817; }
div.aboutUs div.txtcolumn p		{ font-size: 0.8em; line-height: 1.6; }
div.aboutUs div.profbackground	{ margin: 15px 25px 30px 25px; }
div.aboutUs div.profdetail		{ width: 560px; background-color: #FFF;	padding: 10px;	margin: 0 auto 15px auto; }



/* PresseD */

div.PresseD						{}
div.PresseD h2					{ width: 920px;	height: 180px;	position: relative; }
div.PresseD h2 span				{ width: 100%;	height: 100%;	display: block;	background: url(../images/pressed/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.PresseD h3					{ width: 340px;	height: 30px;	margin: 0 0 14px 0;	position: relative; }
div.PresseD h3.ttl01 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/pressed/ttl-gold.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.PresseD h3.ttl02 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/pressed/ttl-silver.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.PresseD h3.ttl03 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/pressed/ttl-natural.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.PresseD h3.ttl04 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/pressed/ttl-mattegold.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.PresseD h3.ttl05 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/pressed/ttl-chocobrown.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.PresseD h3.ttl06			{ width: 635px;	height: 30px;	margin: 0 0 10px 0;	position: relative; }
div.PresseD h3.ttl06 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/pressed/ttl-aboutpressed.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.PresseD h4					{ font-size: 1em;	font-weight: bold; margin: 0; }
div.PresseD p		 			{ margin: 0; line-height: 2.0 }

div.PresseD div.pressedimg		{ margin: 0; float: left; position: relative; }
div.PresseD div.pressedexp		{ margin: 0; float: right; position: relative;	display: table; }
div.PresseD div.pressedexptxt	{ display: table-cell;	vertical-align: middle; }


div.PresseD div.txtcolumn		{ width: 308px; font-size: 0.8em; padding: 15px; background: url(../images/common/cbg-tiltline.gif) top left;	border: 1px solid #593817; }
div.PresseD div.txtcolumn p		{ line-height: 1.6; }

table.pressededetail			{ width: 340px;	background-color:#593817;	margin: 0 0 14px 0;	border-spacing: 14px; }
table.pressededetail td			{ color: #FFF; }
table.pressededetail td.size	{ width: 196px; padding: 5px 0px 5px 17px; border-right: 14px solid; }
table.pressededetail td.price	{ width: 106px; padding: 5px 0px 5px 0px;	text-align: center; }

div.PresseD div.aboutcolumn		{ width: 583px; font-size: 0.8em;  padding: 25px; background: url(../images/common/cbg-tiltline.gif) top left;	border: 1px solid #593817; }
div.PresseD div.aboutcolumn p	{ line-height: 2.0;	margin: 0 0 1.6em 0; }

table.discolored				{ width:;	font-size: 0.8em;	margin: 0.8em 0 0 -5px;	border-collapse: separate;	border-spacing: 5px;}
table.discolored th				{ width:;	color: #FFF;	text-align: center;	background-color: #593817;	padding: 3px 20px; }
table.discolored td				{ width:;	color: #000;	text-align: center;	background-color: #fff;	padding: 3px 20px; }




/* colormenu */

div.colorMenu					{}
div.colorMenu h2				{ width: 920px;	height: 180px;	position: relative; }
div.colorMenu h2 span			{ width: 100%;	height: 100%;	display: block;	background: url(../images/colormenu/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.colorMenu h3				{ width: 635px;	height: 30px;	margin: 0 0 10px 0;	position: relative; }
div.colorMenu h3.ttl01 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/colormenu/ttl-personal-ladys.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.colorMenu h3.ttl02 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/colormenu/ttl-personal-mens.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.colorMenu h3.ttl03 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/colormenu/ttl-bridal.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.colorMenu h3.ttl04 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/colormenu/ttl-total.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.colorMenu p		 			{ margin: 0; }

table.colordetail				{ width: 325px;	margin: 10px 0 0 0; }
table.colordetail td			{ font-size: 0.8em; font-weight: bold;	color: #FFF;	background-color:#593817;	margin: 0px;	padding: 2px 5px 2px 13px;	border-bottom: 2px solid #FFF; }
table.colordetail td.cellA		{ width: 80px;	border-right: 2px solid #FFF; }
table.colordetail td.cellB		{ width: 82px;	border-right: 2px solid #FFF; }
table.colordetail td.cellD		{ width: 209px; }
table.colordetail td.supplement	{ font-weight: normal;	line-height: 1.2;	margin: 0px;	padding: 12px 5px 12px 13px; }

div.colorexplain				{ width: 268px; font-size: 0.8em; line-height: 1.6; padding: 15px; background: url(../images/common/cbg-tiltline.gif) top left;	border: 1px solid #593817; }
div.colorexplain p				{ margin: 0 0 1.6em 0; }
div.colorexplain ol				{ margin: 0 0 0 20px;	padding: 0; }
div.colorexplain ol li			{ margin: 0;	padding: 0; }

div.colorMenu h4.diagnosisstep
								{ margin: 0;	padding: 0 0 0 15px;	background:url(../images/common/mark-arrow.gif) no-repeat 0px 5px; }



/* school */

div.SchooL						{}
div.SchooL h2					{ width: 920px;	height: 180px;	position: relative; }
div.SchooL h2 span				{ width: 100%;	height: 100%;	display: block;	background: url(../images/school/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.SchooL h3					{ width: 635px;	height: 30px;	margin: 0 0 10px 0;	position: relative; }
div.SchooL h3.ttl01 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/school/ttl-pressedschool.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.SchooL h3.ttl02 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/school/ttl-colorschool.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.SchooL p		 			{ margin: 0; }

table.colordetail				{ width: 325px;	margin: 10px 0 0 0; }
table.colordetail td			{ font-size: 0.8em; font-weight: bold;	color: #FFF;	background-color:#593817;	margin: 0px;	padding: 2px 5px 2px 13px;	border-bottom: 2px solid #FFF; }
table.colordetail td.cellA		{ width: 80px;	border-right: 2px solid #FFF; }
table.colordetail td.cellB		{ width: 82px;	border-right: 2px solid #FFF; }
table.colordetail td.cellD		{ width: 209px; }
table.colordetail td.supplement	{ font-weight: normal;	line-height: 1.2;	margin: 0px;	padding: 12px 5px 12px 13px; }

div.schoolexplain				{ width: 393px; font-size: 0.8em; line-height: 1.8; padding: 20px; background: url(../images/common/cbg-tiltline.gif) top left;	border: 1px solid #593817; }
div.schoolexplain p				{ margin: 0 0 1.6em 0; }

div.schoolexplain ul.listsquare { list-style-type: square;	margin: 0 0 0 20px;}
div.schoolexplain ul.listsquare li
								{ margin: 0 0 1.6em 0; }




/* order */

div.OrDer						{}
div.OrDer h2					{ width: 920px;	height: 180px;	position: relative; }
div.OrDer h2 span				{ width: 100%;	height: 100%;	display: block;	background: url(../images/order/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.OrDer h3					{ width: 880px;	height: 30px;	margin: 0 0 10px 0;	position: relative; }
div.OrDer h3.ttl01 span			{ width: 100%;	height: 100%;	display: block;	background: url(../images/order/ttl-order-pressed.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.OrDer h3.ttl02 span			{ width: 100%;	height: 100%;	display: block;	background: url(../images/order/ttl-order-color.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.OrDer p		 				{ margin: 0; }

div.orderexplain				{ width: 818px; font-size: 0.8em; line-height: 1.8; padding: 30px; background: url(../images/common/cbg-tiltline-pale.gif) top left;	border: 1px solid #593817; }
div.orderexplain p				{ margin: 0 0 1.6em 0; }

div.orderexplain ul				{ list-style-type: disc;	margin: 0 0 0 20px;}
div.orderexplain ul li			{ margin: 0 0 1.6em 0; }



/* in preparation */

div.InPreparation				{}
div.InPreparation h2			{ width: 920px;	height: 180px;	position: relative; }
div.InPreparation h2 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/inpreparation/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }

div.InPreparexplain				{ width: 818px; font-size: 0.8em; line-height: 1.8; padding: 30px; background: url(../images/common/cbg-tiltline-pale.gif) top left;	border: 1px solid #593817; }
div.InPreparexplain p			{ margin: 0 0 1.6em 0; }



/* forCorp */

div.forCorp						{}
div.forCorp h2					{ width: 920px;	height: 180px;	position: relative; }
div.forCorp h2 span				{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3					{ width: 635px;	height: 30px;	margin: 0 0 14px 0;	position: relative; }
div.forCorp h3.ttl01 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-forcorporation.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3.ttl02 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-colorconsult.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3.ttl03 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-lecture.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3.ttl04 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-event.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3.ttl05 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-bridalcoord.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3.ttl06 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-dispatch.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3.ttl07 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-writing.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h3.ttl08 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/forcorporation/ttl-item.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.forCorp h4					{ font-size: 1em;	font-weight: bold; margin: 0; }
div.forCorp p		 			{ margin: 0; line-height: 2.0 }

div.forCorptoptxt				{ width: 593px; font-size: 1em; padding: 0px 20px; }

div.forCorpexplain				{ width: 593px; font-size: 0.8em; padding: 20px; background: url(../images/common/cbg-tiltline.gif) top left;	border: 1px solid #593817; }
div.forCorpexplain p			{ line-height: 2; }

div.forCorpexplain ul			{ margin: 0 0 0 15px; }
div.forCorpexplain ul li		{ margin: 0.5em 0; }

div.forCorpexplain ul.cautiontxt
								{ margin: 0; }
div.forCorpexplain ul.cautiontxt li
								{ margin: 0; 	padding: 0 0 0 15px; background:url(../images/common/mark-aster.gif) 0px 5px no-repeat;}

div.forCorpexplain .fright		{ margin: 0 0 20px 20px; }
div.forCorpexplain .fleft		{ margin: 0 20px 20px 0; }



/* access */

div.AccesS						{}
div.AccesS h2					{ width: 920px;	height: 180px;	position: relative; }
div.AccesS h2 span				{ width: 100%;	height: 100%;	display: block;	background: url(../images/access/mainvisual.jpg) no-repeat; position: absolute;	top: 0px;	left: 0px; }
div.AccesS h3					{ width: 635px;	height: 30px;	margin: 0 0 10px 0;	position: relative; }
div.AccesS h3.ttl01 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/access/ttl-access.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.AccesS h3.ttl02 span		{ width: 100%;	height: 100%;	display: block;	background: url(../images/access/ttl-contactform.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }
div.AccesS h4					{ margin-bottom: 0.5em; }
div.AccesS p		 			{ margin: 0; }


div.accessexplain				{ width: 593px; font-size: 0.8em; padding: 20px; background: url(../images/common/cbg-tiltline.gif) top left;	border: 1px solid #593817; }
div.accessexplain p				{ margin: 0; line-height: 1.4; }
div.accessexplain p.acstation	{ margin: 0 0 1.6em 4.2em;	text-indent: -4.15em; }

div.pptxt						{ width: 593px;	height: 8em;	font-size: 0.8em;	line-height: 1.4;	border: 1px solid #000;	padding: 20px;	overflow-y: scroll; }
div.pptxt p						{ margin-bottom: 1.4em; }
div.pptxt ul.listlowalpha		{ margin: 1.6em 0 1.6em 20px; }
div.pptxt ul.listlowalpha li	{ margin: 0.3em 0; }


table.contactFormA				{ width: 635px; font-size: 0.8em;	margin: 0 0 1.6em 0;	padding: 0;	border: 1px solid #593817;	border-collapse: collapse;	}
table.contactFormA td.item		{ width: 200px;	padding: 8px 20px;	background-color: #FBE7D5;	border-bottom: 1px solid #593817;	border-right: 1px solid #593817; }
table.contactFormA td.detail	{ width: 335px;	padding: 8px 20px;	background-color: #FFF;		border-bottom: 1px solid #593817; }
/*
table.contactFormA input,
table.contactFormA textarea
								{ border: 1px solid #BE7832; background-color: #FFF; }
*/
table.contactFormA span.itemblock
								{ width: 7em;	display: inline-block; }
.MailInputSize,
.ZipCodeInputSize,
.PhoneInputSize
								{ ime-mode: disabled; }

div.formbtnarea					{ text-align: center;	margin-bottom: 50px; }
div.formbtnarea form			{ width: 200px;	display: inline; }

input.form-btn-confirm			{ margin: 0 0 0 20px; }
input.form-btn-back				{ margin: 0 20px 0 0px; }




/* container Sitemap
------------------------------------------------------------------------------------ */

ul.Sitemaplist {
	list-style-type: none;
	margin: 0 0 0.8em 10px;
}

ul.Sitemaplist li {
	list-style-type: none;
	text-align: left;
	margin: 1px 0;
	padding: 0 0 0 14px;
}

ul.Sitemaplist a:link,
ul.Sitemaplist a:visited {
	color: #000;
	text-decoration: none;
}

ul.Sitemaplist a:hover,
ul.Sitemaplist a:active {
	color: #000;
	text-decoration: underline;
}


/* sidebar banner spaces
------------------------------------------------------------------------------------ */


div.cbgPickup				{ width: 240px;	height: 297px;	margin: 0;	background: url(../images/common/cbg-pickup.jpg) no-repeat;}
div.cbgContact				{ width: 240px;	height: 140px;	margin: 0;	background: url(../images/common/cbg-contact.jpg) no-repeat;}


ul.BlogBanner				{ margin: 0 auto 8px auto;	padding: 0px 0px 0px 0px; }
ul.BlogBanner li			{ margin: 0;	padding: 0px 0px 10px 0px; }

ul.PickupBanner				{ margin: 0 auto;	padding: 7px 0 0 0; }
ul.PickupBanner li			{ margin: 0;	padding: 0px 10px 8px 10px; }

ul.ContactBanner			{ margin: 0 auto;	padding: 7px 0 0 0; }
ul.ContactBanner li			{ margin: 0;	padding: 0px 10px 8px 10px; }



/* container margin and padding plus
------------------------------------------------------------------------------------ */

.mb00em { margin-bottom: 0em; }
.mb08em { margin-bottom: 0.8em; }
.mb10em { margin-bottom: 1.0em; }
.mb12em { margin-bottom: 1.2em; }
.mb16em { margin-bottom: 1.6em; }
.mb18em { margin-bottom: 1.8em; }
.mb20em { margin-bottom: 2.0em; }
.mb30em { margin-bottom: 3.0em; }
.mb40em { margin-bottom: 4.0em; }
.mb50em { margin-bottom: 5.0em; }

.mb04px { margin-bottom: 4px; }
.mb05px { margin-bottom: 5px; }
.mb08px { margin-bottom: 8px; }
.mb10px { margin-bottom: 10px; }
.mb15px { margin-bottom: 15px; }
.mb20px { margin-bottom: 20px; }
.mb30px { margin-bottom: 30px; }
.mb40px { margin-bottom: 40px; }
.mb50px { margin-bottom: 50px; }
.mb60px { margin-bottom: 60px; }
.mb70px { margin-bottom: 70px; }
.mb80px { margin-bottom: 80px; }


.ml05px { margin-left: 5px; }
.ml08px { margin-left: 8px; }
.ml10px { margin-left: 10px; }
.ml15px { margin-left: 15px; }
.ml20px { margin-left: 20px; }
.ml30px { margin-left: 30px; }
.ml40px { margin-left: 40px; }
.ml50px { margin-left: 50px; }


.mr05px { margin-right: 5px; }
.mr08px { margin-right: 8px; }
.mr10px { margin-right: 10px; }
.mr15px { margin-right: 15px; }
.mr20px { margin-right: 20px; }
.mr30px { margin-right: 30px; }
.mr40px { margin-right: 40px; }
.mr50px { margin-right: 50px; }


.pd10px { padding: 10px;}
.pd15px { padding: 15px;}
.pd20px { padding: 20px;}

.mg10px { margin: 10px;}
.mg15px { margin: 15px;}
.mg20px { margin: 20px;}