/* CSS Document */
/*------------------------*/
/*  text size/color       */
/*------------------------*/
.text-xs{ font-size : 85%; line-height : 120%;}
.text-s{ font-size : 85%; line-height : 150%;}
.text-ss{ font-size : 78%; font-weight:normal;}
.text-m{ font-size : 100%; line-height : 150%;}
.text-l{ font-size : 150%; line-height : 200%;  font-weight:bold;}
.text-xl{ font-size : 200%; line-height : 300%;  font-weight:bold;}
.text-mn{ font-size : 100%; line-height : 120%;}
.text-ms{ font-size : 90%; line-height : 150%;}

.text-bold{ font-weight:bold;}

.text-gray{ color : #666;}
.text-lightgray{ color : #999;}
.text-vlightgray{ color : #ccc;}
.text-red{ color: #990000; }
.text-orange{ color:#FF6600;}
.note{ color:#FF6600; font-weight:bold;}

/*------------------------*/
/*  Box width             */
/*------------------------*/
.width-100{	width : 110px;}
.width-110{	width : 120px;}
.width-120{	width : 130px;}
.width-130{	width : 140px;}
.width-140{	width : 150px;}
.width-150{	width : 160px;}
.width-160{	width : 170px;}
.width-170{	width : 180px;}
.width-180{	width : 190px;}
.width-190{	width : 200px;}
.width-200{	width : 210px;}
.width-210{	width : 220px;}
.width-220{	width : 230px;}
.width-230{	width : 240px;}
.width-240{	width : 250px;}
.width-250{	width : 260px;}
.width-260{	width : 270px;}
.width-270{	width : 280px;}
.width-280{	width : 290px;}
.width-290{	width : 300px;}
.width-300{	width : 310px;}
.width-310{	width : 320px;}
.width-320{	width : 330px;}
.width-330{	width : 340px;}
.width-340{	width : 350px;}
.width-350{	width : 360px;}
.width-360{	width : 370px;}
.width-370{	width : 380px;}
.width-380{	width : 390px;}
.width-390{	width : 400px;}
.width-400{	width : 410px;}
.width-410{	width : 420px;}
.width-420{	width : 430px;}
.width-430{	width : 440px;}
.width-440{	width : 450px;}
.width-450{	width : 460px;}
.width-460{	width : 470px;}
.width-470{	width : 480px;}
.width-480{	width : 490px;}
.width-490{	width : 500px;}
.width-500{	width : 510px;}
.width-510{	width : 520px;}
.width-520{	width : 530px;}
.width-530{	width : 540px;}
.width-540{	width : 550px;}
.width-550{	width : 560px;}
.width-560{	width : 570px;}
.width-570{	width : 580px;}
.width-580{	width : 590px;}
.width-590{	width : 600px;}
.width-600{	width : 610px;}

.centerimage .width-100{	width : 100px;}
.centerimage .width-150{	width : 150px;}
.centerimage .width-200{	width : 200px;}
.centerimage .width-250{	width : 250px;}
.centerimage .width-280{	width : 280px;}
.centerimage .width-300{	width : 300px;}
.centerimage .width-350{	width : 350px;}
.centerimage .width-400{	width : 400px;}
.centerimage .width-450{	width : 450px;}
.centerimage .width-500{	width : 500px;}
.centerimage .width-550{	width : 550px;}

.cntwidth-100{	width : 100px;}
.cntwidth-110{	width : 110px;}
.cntwidth-120{	width : 120px;}
.cntwidth-130{	width : 130px;}
.cntwidth-140{	width : 140px;}
.cntwidth-150{	width : 150px;}
.cntwidth-160{	width : 160px;}
.cntwidth-170{	width : 170px;}
.cntwidth-180{	width : 180px;}
.cntwidth-190{	width : 190px;}
.cntwidth-200{	width : 200px;}
.cntwidth-210{	width : 210px;}
.cntwidth-220{	width : 220px;}
.cntwidth-230{	width : 230px;}
.cntwidth-240{	width : 240px;}
.cntwidth-250{	width : 250px;}
.cntwidth-260{	width : 260px;}
.cntwidth-270{	width : 270px;}
.cntwidth-280{	width : 280px;}
.cntwidth-300{	width : 300px;}
.cntwidth-310{	width : 310px;}
.cntwidth-320{	width : 320px;}
.cntwidth-330{	width : 330px;}
.cntwidth-340{	width : 340px;}
.cntwidth-350{	width : 350px;}
.cntwidth-360{	width : 360px;}
.cntwidth-370{	width : 370px;}
.cntwidth-380{	width : 380px;}
.cntwidth-390{	width : 390px;}
.cntwidth-400{	width : 400px;}
.cntwidth-410{	width : 410px;}
.cntwidth-420{	width : 420px;}
.cntwidth-430{	width : 430px;}
.cntwidth-440{	width : 440px;}
.cntwidth-450{	width : 450px;}
.cntwidth-460{	width : 460px;}
.cntwidth-470{	width : 470px;}
.cntwidth-480{	width : 480px;}
.cntwidth-490{	width : 490px;}
.cntwidth-500{	width : 500px;}
.cntwidth-510{	width : 510px;}
.cntwidth-520{	width : 520px;}
.cntwidth-530{	width : 530px;}
.cntwidth-540{	width : 540px;}
.cntwidth-550{	width : 550px;}
.cntwidth-570{	width : 570px;}

/* for win IE */
.cntwidth-100{	_width : 110px;}
.cntwidth-110{	_width : 120px;}
.cntwidth-120{	_width : 130px;}
.cntwidth-130{	_width : 140px;}
.cntwidth-140{	_width : 150px;}
.cntwidth-150{	_width : 160px;}
.cntwidth-160{	_width : 170px;}
.cntwidth-170{	_width : 180px;}
.cntwidth-180{	_width : 190px;}
.cntwidth-190{	_width : 200px;}
.cntwidth-200{	_width : 210px;}
.cntwidth-210{	_width : 220px;}
.cntwidth-220{	_width : 230px;}
.cntwidth-230{	_width : 240px;}
.cntwidth-240{	_width : 250px;}
.cntwidth-250{	_width : 260px;}
.cntwidth-270{	_width : 280px;}
.cntwidth-280{	_width : 290px;}
.cntwidth-300{	_width : 310px;}
.cntwidth-310{	_width : 320px;}
.cntwidth-320{	_width : 330px;}
.cntwidth-330{	_width : 340px;}
.cntwidth-340{	_width : 350px;}
.cntwidth-350{	_width : 360px;}
.cntwidth-360{	_width : 370px;}
.cntwidth-370{	_width : 380px;}
.cntwidth-380{	_width : 390px;}
.cntwidth-390{	_width : 400px;}
.cntwidth-400{	_width : 410px;}
.cntwidth-410{	_width : 420px;}
.cntwidth-420{	_width : 430px;}
.cntwidth-430{	_width : 440px;}
.cntwidth-440{	_width : 450px;}
.cntwidth-450{	_width : 460px;}
.cntwidth-460{	_width : 470px;}
.cntwidth-470{	_width : 480px;}
.cntwidth-480{	_width : 490px;}
.cntwidth-490{	_width : 500px;}
.cntwidth-500{	_width : 510px;}
.cntwidth-510{	_width : 520px;}
.cntwidth-520{	_width : 530px;}
.cntwidth-530{	_width : 540px;}
.cntwidth-540{	_width : 550px;}
.cntwidth-550{	_width : 560px;}
.cntwidth-570{	_width : 580px;}

/*------------------------*/
/*  margin                */
/*------------------------*/
.margin-10{
	padding-left : 10px;
	padding-right : 10px;
}
.margin-15{
	padding-left : 15px;
	padding-right : 10px;
}
.margin-20{
	padding-left : 20px;
	padding-right : 10px;
}
.margin-30{
	padding-left : 30px;
	padding-right : 20px;
}
.margin-40{
	padding-left : 40px;
	padding-right : 20px;
}
.margin-50{
	padding-left : 50px;
	padding-right : 20px;
}

/*----------------------------*/
.margin-top30{
	padding-top : 30px;
}
/*----------------------------*/
.margin-btm10{
	margin-bottom:10px;
}
.margin-btm20{
	margin-bottom:20px;
}
.margin-btm30{
	margin-bottom:30px;
}
.margin-btm40{
	margin-bottom:40px;
}
.margin-btm50{
	margin-bottom:50px;
}
.margin-btm60{
	margin-bottom:60px;
}
.margin-btm70{
	margin-bottom:70px;
}
.margin-btm100{
	margin-bottom:100px;
}
/*------------------------*/
/*  image                 */
/*------------------------*/

img.left{
	clear:both;
	float:left;
	margin : 0px 20px 15px 0px;
}
img.right{
	clear:both;
	float:right;
	margin : 0px 0px 15px 15px;
}