@charset "utf-8";
/* CSS Document */

.title {
	color:#339;
	font-weight:bold;
	font-size:medium;
}
.title_2 {
	color:#333;
	font-weight:bold;
	font-size:medium;
}

/* ローカルナビ設定 */
ul#as {
	padding: 0;	margin: 0; font-size:small; }
li#as {
	float: left;
	width: 30px;
	list-style-type: none;
	background-color: #D9D9FF;
	border: 1px solid #999;
	margin-right: 1px;
	text-align: center;
}
li#as a {
	float: left;
	width: 30px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;

}

li#as a:hover {
	background-color:#FCF;

}

li#as2 {
	float: left;
	width: 82px;
	list-style-type: none;
	background-color: #D9D9FF;
	border: 1px solid #999;
	margin-right: 1px;
	text-align: center;
}
li#as2 a {
	float:left;
	width:82px;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
}
li#as2 a:hover {
	background-color:#FCF;

}


li#as3 {
	float: left;
	width: 73px;
	list-style-type: none;
	background-color: #D9D9FF;
	border: 1px solid #999;
	margin-right: 1px;
	text-align: center;
}
li#as3 a {
	float:left;
	width:73px;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
}
li#as3 a:hover {
	background-color:#FCF;

}

li#as4 {
	float: left;
	width: 105px;
	list-style-type: none;
	background-color: #D9D9FF;
	border: 1px solid #999;
	margin-right: 1px;
	text-align: center;
}
li#as4 a {
	float:left;
	width:105px;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
}
li#as4 a:hover {
	background-color:#FCF;

}

li#as5 {
	float: left;
	width: 60px;
	list-style-type: none;
	background-color: #D9D9FF;
	border: 1px solid #999;
	margin-right: 1px;
	text-align: center;
}
li#as5 a {
	float:left;
	width:60px;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
}
li#as5 a:hover {
	background-color:#FCF;

}

li#as6 {
	float: left;
	width: 54px;
	list-style-type: none;
	background-color: #D9D9FF;
	border: 1px solid #999;
	margin-right: 1px;
	text-align: center;
}
li#as6 a {
	float:left;
	width:54px;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
}
li#as6 a:hover {
	background-color:#FCF;

}

/* index.html イメージ設定*/
.block1 { float:none; width:550px; }
.block2 { float:left; width:151px; margin:0; }
.block3 { float:left; width:109px; margin:0; }
.block4 { float:left; width:290px; margin:0; }
.block4_1 { float:none; width:290px; margin:0; }
.block4_2 { float:none; width:290px; margin:0; }
.block5 {float:none; width:550px; clear:both; }

/* コンテンツ枠組み */

.box_1 {
	border:solid;
	border-width:1px;
	border-color:#24459C;
	padding: 5px;
	width: 530px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}

/* 導入事例-枠組み内-要素 */

div#contents #tit { color:#24459C; font-weight:bold; text-decoration:none; 
	margin-bottom: 5px; height:18px; }
div#contents #tit h4 {
		margin-top: 1px; font-size:small;
}
* html div#contents #tit h4 { /* IE6 hacks */
	padding-top: 1px;
	margin-bottom:-5px;
}


div#contents #tit h4#title {
	margin-top: -3px;
}
* html div#contents #tit h1#title { /* IE6 hacks */
	margin-top: -3px;
}

.line_m { margin-top:5px; margin-bottom:5px; }

/* 導入事例-枠組み外-要素 */

.up { font-size:80%; font-weight:bold; margin-right:10px; margin-top:10px; margin-bottom:10px; }

/* CTI-枠組み */

.cti_block1 { float:left; width:145px; padding:2px; }
.cti_block1_sub { margin-left:145px; padding:2px; }
.cti_block2 { float:left; width:235px; padding:2px; }
.cti_block2_sub { margin-left:239px; padding:2px; }
.cti_block3 { float:none; width:535px; font-size:x-small; color:#666666; font-weight:bold; }
.cti_block4 { float:left; width:50%; font-size:small; }
.cti_block4_sub { margin-left:50%; font-size:small; }
.cti_block5 { float:none; width:530px; padding:4px; margin-left:6px; margin-right:6px; margin-bottom:3px; margin-top:3px; background-color:#0033CC; font-weight:bold; color:#FFF; font-size:large; }

/* CTI-枠組み-要素 */
.cti_line {
	float:left;
	border-bottom:1px solid #24459C;
	width:235px;
	font-size:x-small;
	color:#24459C;
}
.cti_2-1 { float:left; width:10px; font-size:x-small; color:#24459C; }
.cti_2-1_sub { margin-left:10px; font-size:x-small; }
.cti_2-2 { clear:both; font-size:small; margin-top:10px; padding:5px; }

ul#cti_3 {
	padding: 0;	margin: 0; font-size:small; }
li#cti_3 {
	float: left;
	width: 266px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:133px;
}
li#cti_3_2 {
	float: left;
	width: 266px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
}

ul#cti_5 {
	padding: 0;	margin: 0; font-size:small; line-height:1.2em; }
li#cti_5 {
	float: left;
	width: 218px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF;padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	height:90px;
}
li#cti_5_2 {
	float: left;
	width: 305px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:90px;
}
li#cti_5_3 {
	float: left;
	width: 218px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF;padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	height:130px;
}
li#cti_5_3_2 {
	float: left;
	width: 305px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:130px;
}
li#cti_5_4 {
	float: left;
	width: 218px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF;padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	height:120px;
}
li#cti_5_4_2 {
	float: left;
	width: 305px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:120px;
}
li#cti_5_5 {
	float: left;
	width: 524px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF;padding:6px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:right;
	font-size:x-small;
	font-weight:bold;
}
li#cti_5_8 {
	float: left;
	width: 218px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF;padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	height:100px;
}
li#cti_5_8_2 {
	float: left;
	width: 305px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #3333FF; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:100px;
}


li#cti_5_6 {
	float: left;
	width: 218px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #FFCCFF;padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	height:100px;
}
li#cti_5_6_2 {
	float: left;
	width: 305px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #FFCCFF; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:100px;
}

li#cti_5_7 {
	float: left;
	width: 218px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #FFCCFF;padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	height:110px;
}
li#cti_5_7_2 {
	float: left;
	width: 305px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #FFCCFF; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:110px;
}
li#cti_5_9 {
	float: left;
	width: 218px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #FFCCFF;padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	height:130px;
}
li#cti_5_9_2 {
	float: left;
	width: 305px;
	list-style-type: none;
	background-color: #FFFFFF;
	border: 1px solid #FFCCFF; padding:2px;
	margin-left:3px;
	margin-bottom:3px;
	height:130px;
}

/* IPテレフォニー - 枠組み */

.ip_block1 { float:none; border:1px solid #999;	padding:4px; font-size:small; margin:5px; height:500px;}
.ip_block2 { float:none; border:1px solid #999;	padding:4px; font-size:small; margin:5px; height:200px; }
.ip_block3 { float:none; border:1px solid #999;	padding:4px; font-size:small; margin:5px; height:210px; }
.ip_block4 { float:none; clear:both; font-size:x-small; font-weight:bold; color:#666; padding-right:10px; width:540px; }
.ip_block5 { float:none; padding:5px; font-size:small; }
.ip_block6 { float:none; border:1px solid #999;	padding:4px; font-size:small; margin:5px;}
.ip_block7 { float:none; padding:5px; font-size:small; height:145px; }
.ip_block72 { float:none; border:1px solid #999; padding:4px; font-size:small; margin:5px; height:250px; }
.ip_block8 { float:none; padding:5px; font-size:small; height:300px; }


/* IPテレフォニー - 枠組み-要素 */

.ip_block1_1 { float:left; width:33%; padding-top:10px; font-size:80%; line-height:1.2em; height:140px; }
.ip_block1_2 { float:left; width:33%; padding-top:10px; font-size:80%; line-height:1.2em; height:140px; }
.ip_block1_3 { float:left; width:33%; padding-top:10px; font-size:80%; line-height:1.2em; height:140px; }
.ip_block1_4 { float:left; width:33%; font-size:80%; line-height:1.2em; margin-bottom:5px; }
.ip_block1_5 { float:left; width:33%; font-size:80%; line-height:1.2em; margin-bottom:5px; }
.ip_block1_6 { float:left; width:33%; padding-top:10px; line-height:1.2em; height:140px; }
.ip_block1_7 { float:none; clear:both; margin-top:10px; font-size:x-small; }

.ip_block2_1 { float:left; width:240px; margin-right:5px; }
.ip_block2_2 { float:left; width:290px; }
.ip_block2_3 { float:none; clear:both; font-size:x-small; font-weight:bold; color:#666; }

.ip_block5_1 { float:left; width:345px; margin-top:5px; padding:5px; }
.ip_block5_2 { float:left; width:190px; margin-top:5px; padding:5px; }
.ip_block5_3 { float:none; clear:both; margin-top:10px; font-size:small; width:550px; text-align:right; }

.ip_block7_exp { float:none; clear:both; font-size:x-small; font-weight:bold; color:#666; width:290px; text-align:right; }

.ip_block8_1 { float:left; width:235px; padding-right:5px; font-size:small; line-height:1.2em; }
.ip_block8_2 { float:left; width:305px; font-size:small; }
.ip_block8_exp { float:none; clear:both; font-size:x-small; font-weight:bold; color:#666; width:305px; text-align:right; }

.ip_line { float:none; width:100%; border-bottom:solid 1px #999; clear:both; margin-bottom:5px;}

/* ラインナップ-枠組み */

.li_block { float:none; clear:both; }
.li_block3 { float:left; width:99%; font-size:small; padding:3px; line-height:1.2em; clear:both; border-bottom:1px solid #24459C; } 

/* ラインナップ-枠組み-要素 */

.li_block1_1 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:200px; }
.li_block1_2 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:200px; margin-left:2%; }
.li_block1_3 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:140px; }
.li_block1_4 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:140px; margin-left:2%; }
.li_block1_5 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:170px; }
.li_block1_6 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:170px; margin-left:2%; }
.li_block1_7 { float:none; width:99%; font-size:small; padding:3px; line-height:1.2em; height:260px; clear:both; }
.li_block1_8 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:180px; text-align:center; }
.li_block1_9 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:180px; text-align:center; margin-left:2%; }
.li_block1_10 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:15px; text-align:center; margin-top:5px; background-color:#EBEEF3; }
.li_block1_11 { float:left; width:47%; font-size:small; padding:3px; line-height:1.2em; height:15px; text-align:center; margin-top:5px; background-color:#F9EAEF; margin-left:2%; }

.li_block2_1 { float:left; width:310px; font-size:small; padding:3px; line-height:1.2em; height:160px; }
.li_block2_2 { float:left; width:210px; font-size:small; padding:3px; line-height:1.2em; height:160px; margin-left:2%; }
.li_block2_3 { float:left; width:427px; font-size:small; padding:3px; line-height:1.2em; height:300px; }
.li_block2_4 { float:left; width:94px; font-size:small; padding:3px; line-height:1.2em; height:300px; margin-left:2%; }

.li_block3_1 { float:left; color:#24459C; font-weight:bold; margin-top:15px; }
.li_block3_2 { float:right; text-align:right; font-size:x-small; }
.li_block3_3 { float:left; width:173px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#F2F2E5;
				border:#CCCC99 1px solid; margin-top:3px; height:190px; }
.li_block3_4 { float:left; width:173px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#F2F2E5;
				border:#CCCC99 1px solid; margin-top:3px; height:140px; }
.li_block3_5 { float:left; width:173px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#FFF; 			border:#36C solid 1px; margin-top:3px; height:140px; }
.li_block3_6 { float:left; color:#24459C; font-weight:bold; }
.li_block3_7 { float:right; text-align:right; font-size:x-small; }
.li_block3_8 { float:left; width:173px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#E6EDEF;
				border:#A7D7D9 1px solid; margin-top:3px; height:140px; }
.li_block3_9 { float:left; width:127px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#F2F2E5;
				border:#CCCC99 1px solid; margin-top:3px; height:130px; }
.li_block3_10 { float:left; width:264px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#E6EDEF;
				border:#A7D7D9 1px solid; margin-top:3px; height:230px; }
.li_block3_11 { float:left; width:264px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#E6EDEF;
				border:#A7D7D9 1px solid; margin-top:3px; height:150px; }
.li_block3_12 { float:left; width:173px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#F8F7EF;
				border:#CCCC99 1px solid; margin-top:3px; height:120px; }
.li_block3_13 { float:left; width:173px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#F2F2E5;
				border:#CCCC99 1px solid; margin-top:3px; height:120px; }
.li_block3_14 { float:left; width:127px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#E6EDE3;
				border:#BECCB8 1px solid; margin-top:3px; height:100px; }
.li_block3_15 { float:left; width:127px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#E6EDE3;
				border:#BECCB8 1px solid; margin-top:3px; height:70px; }
.li_block3_15_2 { float:left; width:265px; font-size:x-small; line-height:1.2em; padding:3px; margin-left:3px; background-color:#E6EDE3; border:#BECCB8 1px solid; margin-top:3px; height:70px; }


.li_block1_exp { float:none; clear:both; font-size:x-small; font-weight:bold; color:#666; width:550px; text-align:right; }
.li_line {	float:left;	border-bottom:1px solid #24459C; width:260px; color:#24459C; font-weight:bold;}
.li_line2 {	float:left;	border-bottom:1px solid #24459C; width:549px; color:#24459C; font-weight:bold;}


.li_tyu1 { float:left; width:20px; font-size:xx-small; line-height:1.2em; }
.li_tyuu1_sub { margin-left:20px; font-size:xx-small; line-height:1.2em; }

/* PHS-枠組み */

.phs_block1 { float:left; width:263px; padding:6px; line-height:1.2em; font-size:small; height:120px; }


/* PHS-枠組み-要素 */

.phs_block1_2 { border:solid 1px #999999; font-size:x-small; padding:3px; height:110px; }
.phs_block1_3 { float:right; width:200px; clear:both; font-size:x-small; }
.phs_block2_1 { float:left; width:156px; padding:6px; font-size:small; }
.phs_block2_2 { float:left; width:370px; padding:6px; font-size:small; }

ul#phs_art {
	padding: 0;
	margin: 0;
	list-style: none;
}
li#phs_art {
	list-style:url(none) none;
	background: #FFF url(images/ico_1.gif) no-repeat 0px 0px;
	margin:0px 0 10px 0px;
	font-size:small;
	padding: 0px 0px 0px 15px;
}
li#phs_art2 {
	list-style:url(none) none;
	background: #FFF url(images/ico_2.gif) no-repeat 0px 0px;
	margin:0px 0 10px 0px;
	font-size:x-small;
	padding: 0px 0px 0px 15px;
}

.phs_tyu1 { float:left; width:15px; font-size:small; line-height:1.2em; margin-bottom:20px; }
.phs_tyuu1_sub { margin-left:15px; font-size:small; line-height:1.2em; margin-bottom:20px; }
.phs_tyu2 { float:left; width:20px; font-size:small; line-height:1.2em; font-weight:bold; color:#24459C; }
.phs_tyuu2_sub { margin-left:20px; font-size:small; line-height:1.2em; font-weight:bold; color:#24459C; }

/*テレフォニー-枠組み */

.tele_block1 { float:left; width:126px; padding:3px; line-height:1.2em; font-size:small; }
.tele_block1_sub { margin-left:132px; padding-top: 3px;	padding-bottom: 40px; }
.tele_block2 { float:left; width:269px;	padding:1px; line-height:1.2em;	font-size:small; }
.tele_block2_sub { margin-left:271px; padding-top: 1px;	padding-bottom: 140px; padding-left:5px; }
.tele_block3 { float:none; padding:1px; line-height:1.2em;	font-size:small; margin-bottom:5px; }
.tele_block4 { float:none; padding:1px; line-height:1.2em;	font-size:small; margin-bottom:5px; height:189px; }
.tele_block5 { float:none; padding:1px; line-height:1.2em;	font-size:small; margin-bottom:5px; }
.tele_block6 { float:right; width:230px; line-height:1.2em;	font-size:x-small; margin-top:10px; }
.tele_block6_sub { margin-right:230px; margin-top:10px; }
.tele_block7 { float:left; width:270px; padding:3px; margin-right:2px; font-size:small; line-height:1.2em; }
.tele_block7_sub { margin-left:270px; padding:3px; margin-left:2px; font-size:small; line-height:1.2em; }
.tele_block8 { float:none; clear:both; height:10px; }
.tele_block9 { float:right; width:270px; padding:3px; font-size:small; line-height:1.2em; }
.tele_block10 { float:none; width:538px; padding:6px; }
.tale_block11 { float:none; clear:both; height:20px; }

/* テレフォニー-枠組み-要素 */
.tele_tyu1 { float:left; width:15px; font-size: 70%; line-height:1.2em; margin-bottom:5px; }
.tele_tyuu1_sub { margin-left:15px; font-size:70%; line-height:1.2em; margin-bottom:5px; }
.tele_block5_1 { border:solid 1px #5994D4; padding:3px; font-size:small; margin-bottom:10px; }
.tale_block5_1_1 {background-color:#5994D4;width:99%; padding:3px; color:#FFF; font-weight:bold; text-align: center; }
ul#tele_art { padding: 0; margin: 0; list-style: none;}
li#tele_art2 {
	list-style:url(none) none;
	background: #FFF url(images/ico_2.gif) no-repeat 0px 0px;
	margin:0px;
	font-size:x-small;
	padding: 0px 0px 0px 15px;
}

.tele_block7_1 { color:#24459C; font-weight:bold; }

.tele_block10_1 { background-color:#24459C; width:99%; padding:3px; color:#FFF; font-weight:bold; font-size:small; }
.tele_block10_2_1 { float:left; width:269px; font-size:x-small; color:#666; }
.tele_block10_2_2 { float:left; width:10px; font-size:x-small; color:#666; }
.tele_block10_2_3 { margin-left:279px; font-size:x-small; color:#666; }

.tele_block10_3_1 { float:left; width:177px; padding:3px; font-size:x-small; line-height:1.2em; }
.tele_block10_3_2 { margin-left:354px; padding:3px; font-size:x-small; line-height:1.2em; }

/* 機能・仕様-枠組み-要素 */

.spec_block1 { border:solid 1px #999; width:90%; margin-left:20px; margin-right:20px; padding:5px; }


div#contents #sub_cate2 
{
	color:#006;
	text-decoration:none;
	width:536px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

div#contents #sub_cate2 h4 { 
	margin-top: 1px;
}
* html div#contents #sub_cate2 h4 { /* IE6 hacks */
	padding-top: 1px;
	margin-bottom:-5px;
}


div#contents #sub_cate2 h4#title {
	margin-top: -3px;
}
* html div#contents #sub_cate2 h4#title { /* IE6 hacks */
	margin-top: -3px;
}


div#contents #sub_cate2 {
	height:26px;
	background: url(../css_images/title.gif) no-repeat;
	padding-top: 4px;
	padding-left: 15px;
	margin-bottom: 5px;
}



div#contents #sub_cate3 
{
	color:#666;
	text-decoration:none;
	width:536px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight:bold;
}

div#contents #sub_cate3 h4 { 
	margin-top: 1px;
}
* html div#contents #sub_cate3 h4 { /* IE6 hacks */
	padding-top: 1px;
	margin-bottom:-5px;
}


div#contents #sub_cate3 h4#title {
	margin-top: -3px;
}
* html div#contents #sub_cate3 h4#title { /* IE6 hacks */
	margin-top: -3px;
}


div#contents #sub_cate3 {
	height:26px;
	padding-top: 4px;
	padding-left: 5px;
	margin-bottom: 5px;
}



.font_n { font-weight:normal; }
.font_b { font-weight:bold; }
.font_col_b { color:#04045B; }
.font_col_b2 { color:#24459C; }
.font_col_b3 { color:#03C; }
.font_col_b4 { color:#3333FF; }
.font_col_r { color:#FF3300; }


.m_left_20px_bot_5px {
	margin-left:20px;
	margin-bottom: 5px;
}
.m_left_5px { margin-left:5px; }
.m_left_10px { margin-left:10px; }
.m_left_20px { margin-left:20px; }
.m_left_30px { margin-left:30px; }
.m_left_40px { margin-left:40px; }
.m_left_50px { margin-left:50px; }
.m_left_60px { margin-left:60px; }
.m_left_70px { margin-left:70px; }
.m_left_80px { margin-left:80px; }
.m_left_90px { margin-left:80px; }
.m_left_120px { margin-left:120px; }
.m_left_130px { margin-left:130px; }
.m_left_140px { margin-left:140px; }

.m_top_5px { margin-top:5px; }
.m_top_10px { margin-top:10px; }
.m_top_15px { margin-top:15px; }
.m_top_20px { margin-top:20px; }
.m_top_30px { margin-top:30px; }
.m_top_40px { margin-top:40px; }
.m_top_50px { margin-top:50px; }
.m_top_60px { margin-top:60px; }
.m_top_70px { margin-top:70px; }
.m_bottom_5px { margin-bottom:5px; }
.m_bottom_14px { margin-bottom:14px; }

.m_top_bottom_16px { margin-top:16px; margin-bottom:16px; }

.p_6px { padding:6px; }

.al_left { text-align:left; }
.al_center { text-align:center; }
.al_right { text-align:right; }