@charset "utf-8";
/*///////////////////////////////////////////
				CSS READING
///////////////////////////////////////////*/
@import url(style.css); 
@import url(text.css); 
@import url(top.css);


/*initialization
---------------------------------------*/
a,img,ul,li,table,tr,td,p,h1,h2,h3,h4,h5,h6,ol,div,body,html,dl,dt,dd {
	padding:0px;
	margin:0px;
	border:none;
	list-style:none;
}
a img {
	border:none;
}

br{
   letter-spacing:0;
}

li img{
	vertical-align:middle;
}


/*clearfix
---------------------------------------*/
/*.clear {*/
	/*overflow: hidden;*/
  	/*position: relative;*//* HasLayout_true */
/*}*/

/*///////////////////////////////////////////
				clear help
				
<div class="clear">
	<div class="b"> float-box </div>
	<div class="c"> float-box </div>
</div>

clear == main-box

*float-box == width:**px;

///////////////////////////////////////////*/
.clear:after { content: ""; display: block; clear: both; }
.clear { zoom:100%;}



/*Utility
---------------------------------------*/
.indent { margin-left: 1em; text-indent: -1em;  }

.float-left { float:left; }
.float-right { float:right; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }

.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml12{ margin-left: 12px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 30px; }
.ml25{ margin-left: 25px; }
.ml30{ margin-left: 30px; }

.mr1{ margin-right: 1px; }
.mr5{ margin-right: 5px; }
.mr6{ margin-right: 6px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr40{ margin-right:40px; }

.mt4{ margin-top:4px; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }

.mt5per{ margin-top:0.78125%; }
.mt10per{ margin-top:1.5625%; }
.mt15per{ margin-top:2.34375%; }
.mt20per{ margin-top:3.125%; }
.mt30per{ margin-top:4.6875%; }
.mt40per{ margin-top:6.25%; }
.mt60per{ margin-top:9.375%; }

.bold{
	font-weight: bold;
}