@charset "utf-8";

/* COMMON */

*, html { padding:0; margin:0;}
body{ padding:0; margin:0; color:#666;  font-family:Verdana, Geneva, sans-serif; font-size:11px}
.clear { clear:both;}
.hide { display:none;}
.float-left { float:left;}
.float-right { float:right;}
.margin-bottom-10 { margin-bottom:10px;}
.padding-top-10 { padding-top:10px !important;}
.padding-bottom-5 { padding-bottom:5px !important;}
.border-botton-ccc { border-bottom:1px solid #ccc !important;}

.wrapper{
	width: 300px;
	margin: 0 auto;
}

	/*BOX*/

	.cbox {  }
	.cbox .cb-head { display:block; height:35px; overflow:hidden; width:100%; color:#444; border-bottom: 3px #a0ce4e solid;  }
		.cb-head .middle { display:block; height:35px; margin:0 7px;}
			.cb-head .title { font-size:13px; line-height:34px; text-transform:uppercase; font-weight:bold;}
			.cb-head .sub {font-size:12px; font-weight:normal;}

	.cbox .cb-body { display:block; padding:0 7px; border-width:0 1px 0 1px; background:#FFF; margin-top: 4px;}


/*TEXT COLOR*/

.text-green { color:#060}
.text-bule { color:#0273d3;}



/*TODAY*/

.aspi, .mpi, .sp { float:left; display:block; width:100%; height:50px; margin-top:5px;}
.aspi span, .mpi span, .sp span {display:block; padding:1px 5px 1px 0; text-align:right; color:#FFF;}
.aspi { background:url(../img/asi.png) no-repeat 0 5px;}
.mpi { background:url(../img/mpi.png) no-repeat 0 5px; margin:5px 0.5% 0  0.5%;}
.sp { background:url(../img/sp_in.png) no-repeat 0 5px;}
.bg-green { background-color:#009034;}
.bg-blue { background-color:#1059c6;}
.bg-red { background-color:#f20d0e;}