/**********************************

 Utility

**********************************/

.floatr {float:right;}
.floatl {float:left;}

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }


/* padding
------------------------*/
.pad01 { padding: 5px;}
.pad02 { padding: 8px;}
.pad03 { padding: 10px;}
.pad04 { padding: 0px 5px;}
.pad05 { padding: 5px 0px;}
.pad06 { padding: 0px 8px;}
.pad07 { padding: 8px 0px;}
.pad08 { padding: 0px 10px;}
.pad09 { padding: 10px 0px 3px 0px}
.pad10 { padding: 4px;}
.pad11 { padding: 10px 0px 0px 10px; }
.pad12 { padding: 5px 0px 0px 25px;}
.pad13 { padding: 5px 30px 5px 30px;}
.pad14 { padding: 5px 20px 5px 20px;}
.pt3 { padding-top: 3px; }
.pb5 { padding-bottom: 5px; }

.pad15 { padding: 2px 0px 10px 0px; }
.pad16 { padding: 5px 7px 5px 7px; }
.pad17 { padding: 10px 0px 10px 10px; }

.pad18 { padding: 30px 0px;}
.pad19 { padding: 15px 0px;}
.pad20 { padding: 10px 0px 5px 0px; }

.pad21 { padding-right: 5px; }
.pad22 { padding-left: 10px; }
.pad23 { padding: 10px 0 40px 0; }
.pt20 { padding-top: 20px; }


/* margin
------------------------*/
.margin-center{margin: 0 auto;}
.margin-top0 {margin-top:0px;}
.margin-top5 {margin-top:5px;}
.margin-top10 {margin-top:10px;}
.margin-top20 {margin-top:20px;}
.margin-top50 {margin-top:50px;}
.margin-bottom5 {margin-bottom:5px;}
.margin-bottom10 {margin-bottom:10px;}
.margin-bottom20 {margin-bottom:20px;}
.margin-bottom30 {margin-bottom:30px;}

.margin-left5 {margin-left:5px;}
.margin-left10 {margin-left:10px;}
.margin-left20 {margin-left:20px;}
.margin-left40 {margin-left:40px;}
.margin-left100 {margin-left:100px;}
.margin-0 {margin: 0 !important;}

/* border
------------------------*/
.cts_b1l { border-left: 1px solid #cec3b7; }
.cts_b1r { border-right: 1px solid #cec3b7; }
.cts_b1b { border-bottom: 1px solid #cec3b7; }
.cts_b1b2 { border-bottom: 1px dotted #999999; }

.bts_b1b3 { border-bottom: 1px solid #b4b4b4; }

.cts_b0 { border: 0px; }


/* background-color
------------------------*/
.bg_gray{
	background-color:#f5f5f5;
	padding:0px 6px 6px 6px;
	margin-bottom:34px;
}

.bg_white{
	background-color: #fff;
}


/* width
------------------------*/
.w120 {	width: 120px; }
.w100 { width: 120px; padding-left:10px; paddin-right:10px; }
.w20p {width:20px;}
.w250p {width:250px;}
.w300p {width:300px;}
.w400p {width:400px;}
.w430p {width:430px;}
.w720p {width:720px;}
.w2em {width:2em;}
.w1pt2em {width:1.2em;}
.w4em {width:4em;}
.w5em {width:5em;}
.w6em {width:6em;}

.w20per{width:20%;}
.w50per{width:50%;}
.w70per{width:70%;}
.w100per{width:100%;}
.w45per{width: 45%;}

/* box
------------------------*/

.boxA00 {
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.boxA01 {
	margin-bottom: 1em;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}

.boxA02 {
	margin-bottom: 2em;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}

.boxA03 {
	margin-bottom: 3em;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}

/* ���E�]�� 10px */

.boxB00 {
	margin-bottom: 0;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0;
}

.boxB01 {
	margin-bottom: 1em;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0;
}

.boxB02 {
	margin-bottom: 2em;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0;
}

.boxB03 {
	margin-bottom: 3em;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0;
}

/* ���E�]�� 20px */

.boxC00 {
	margin-bottom: 0;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0;
}

.boxC01 {
	margin-bottom: 1em;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0;
}

.boxC02 {
	margin-bottom: 2em;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0;
}

.boxC03 {
	margin-bottom: 3em;
	margin-right: 20px;
	margin-left: 20px;
	padding: 0;
}

/* ���E�]�� 30px */

.boxD00 {
	margin-bottom: 0;
	margin-right: 30px;
	margin-left: 30px;
	padding: 0;
}

.boxD01 {
	margin-bottom: 1em;
	margin-right: 30px;
	margin-left: 30px;
	padding: 0;
}

.boxD02 {
	margin-bottom: 2em;
	margin-right: 30px;
	margin-left: 30px;
	padding: 0;
}

.boxD03 {
	margin-bottom: 3em;
	margin-right: 30px;
	margin-left: 30px;
	padding: 0;
}


/* etc
------------------------*/

label { cursor: pointer; }

.button {
	width: 194px;
	height: 43px;
	border: 0px;
	background: url(../images/form_btn.jpg) no-repeat 0 0;
	cursor: pointer;
	color:#ffffff;
	font-weight: bold;
	font-size:110%;
	margin:14px ;
}
.buttonb {
	width: 194px;
	height: 43px;
	border: 0px;
	background: url(../images/form_btn2.jpg) no-repeat 0 0;
	cursor: pointer;
	color:#ffffff;
	font-weight: bold;
	font-size:110%;
	margin:14px;
}


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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
  overflow: hidden;
  /**/
}

.clear{ clear:both;}

/* font-size
------------------------*/

.fs7 {
	font-size: 7px;
}

.fs10 {
	font-size: 10px;
}

/* transform
------------------------*/

.transform20 {
	transform: translateX(-20px);
}