/** reset ************************************/
#CardUsage h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p{margin:0; padding:0;}
#CardUsage ul{list-style-type:none;}
#CardUsage img{border:0;}
#CardUsage p,
#CardUsage dt,
#CardUsage dd,
#CardUsage ul li{font-size:13px; line-height:130%;}

/** layout ************************************/
#CardUsage h1{margin:0 0 16px 0;}
#CardUsage h5{margin:10px 0 ;}
#CardUsage div.chap01{background:url(../imgs/revo_img01.jpg) no-repeat right 15px; margin:0 1px 0 0; padding:0 0 13px 7px;}
#CardUsage .section01{margin:0 0 30px 15px;}
#CardUsage .brd01{padding:10px 8px; border:1px #ff0000 solid;}


/** icon *************************************/
#CardUsage li.icon01 {background:url(../imgs/revo_icon01.gif) no-repeat 0 2px; font-size:13px; padding:0 0 0 21px;}
#CardUsage li.icon02 {background:url(../imgs/revo_icon02.gif) no-repeat 0 1px; font-size:13px; padding:0 0 0 11px;}
#CardUsage li.icon03 {background:url(../imgs/revo_af_icon04.gif) no-repeat 0 4px; font-size:13px; padding:0 0 0 11px; line-height:120%;}
#CardUsage li.icon04 {background:url(../imgs/revo_af_icon05.gif) no-repeat 0 2px; font-size:10px; padding:0; color:#999999; }
#CardUsage li.icon04 li{font-size:10px; line-height:130%;}
#CardUsage li.icon04 p{padding:0 0 7px 16px; }
#CardUsage li.icon04 a {color:#ff0000; font-size:13px;}
#CardUsage li.icon05 {background:url(../imgs/revo_af_icon01.gif) no-repeat 1px 0; font-size:10px; padding:1px 0 0 25px; margin:0 0 11px 0; }
#CardUsage li.icon06 {background:url(../imgs/revo_af_icon02.gif) no-repeat 1px 0; font-size:10px; padding:1px 0 0 25px;}
#CardUsage li.icon07 {background:url(../imgs/revo_af_icon03.gif) no-repeat 0 0; font-size:10px; padding:1px 0 0 25px; margin:0 0 10px 0;}
#CardUsage li.icon05,
#CardUsage li.icon06,
#CardUsage li.icon07{line-height:130%;}

#CardUsage a.blank {background:url(../imgs/revo_icon_blank01.gif) no-repeat right 1px; padding:0 15px 0 0;}

#CardUsage #Content{padding:0 5px 0 0;}


/** menu *************************************/
#CardUsage div.menu-bg{background:url(../imgs/btn_bk.jpg) no-repeat 0 bottom; height:48px; margin:0 0 11px 0;}
#CardUsage ul.menu li{float:left;}


/** table *************************************/
#CardUsage table.type01 { border-collapse:collapse; margin:0 0 2px 1px;}
#CardUsage table.type01 th{ font-weight:normal;}
#CardUsage table.type01 th,
#CardUsage table.type01 td{ border:1px #000000 solid; padding:2px; line-height:1; vertical-align:top; font-size:13px;}

#CardUsage table.type02 { border-collapse:separate; border-spacing:0; margin:0 0 2px 1px; border-top:1px #000000 solid; border-left:1px #000000 solid;}
#CardUsage table.type02 th{ font-weight:normal;}
#CardUsage table.type02 th,
#CardUsage table.type02 td{ border-right:1px #000000 solid; border-bottom:1px #000000 solid; padding:2px; line-height:1; vertical-align:top; font-size:13px;}

#CardUsage table.deco01 th,
#CardUsage table.deco01 td{ vertical-align:middle; text-align:center; padding:3px;}
#CardUsage table.deco01 th{ background:#eaf4fc;}
#CardUsage table .line01{ border-right: 1px #000000 dotted!important;}


/** tab *************************************/
#CardUsage .tab_selector1,
#CardUsage .tab_selector2,
#CardUsage .tab_selector3,
#CardUsage .tab_selector4{ text-indent:-5000px;	height:33px; display:block;}

#CardUsage .tab_selector1 { background:url(../imgs/btn_how_off.jpg) no-repeat 0 0; width:134px; }
#CardUsage .tab_selector2 { background:url(../imgs/btn_arevo_off.jpg) no-repeat 0 0; width:133px; }
#CardUsage .tab_selector3 { background:url(../imgs/btn_nrevo_off.jpg) no-repeat 0 0; width:133px; }
#CardUsage .tab_selector4 { background:url(../imgs/btn_course_off.jpg) no-repeat 0 0; width:134px; }

#CardUsage .tab_selector1:hover { background:url(../imgs/btn_how_on.jpg) no-repeat 0 0; width:134px; }
#CardUsage .tab_selector2:hover { background:url(../imgs/btn_arevo_on.jpg) no-repeat 0 0; width:133px; }
#CardUsage .tab_selector3:hover { background:url(../imgs/btn_nrevo_on.jpg) no-repeat 0 0; width:133px; }
#CardUsage .tab_selector4:hover { background:url(../imgs/btn_course_on.jpg) no-repeat 0 0; width:134px; }

#CardUsage .selected1 {background:url(../imgs/btn_how_on.jpg) no-repeat 0 0; width:134px; }
#CardUsage .selected2 {background:url(../imgs/btn_arevo_on.jpg) no-repeat 0 0; width:133px; }
#CardUsage .selected3 {background:url(../imgs/btn_nrevo_on.jpg) no-repeat 0 0; width:133px; }
#CardUsage .selected4 {background:url(../imgs/btn_course_on.jpg) no-repeat 0 0; width:134px; }

#CardUsage .noshow { display:none;}


/** parts *************************************/
#CardUsage .fs10{font-size:10px!important;}
#CardUsage .fs11{font-size:11px!important;}
#CardUsage .fs12{font-size:12px!important;}

#CardUsage .red{color:#ff0000;}
#CardUsage .u_line{text-decoration:underline;}
#CardUsage .indent01{text-indent:-1em; margin-left:1em;}
#CardUsage .att{font-size:10px; color:666666;}
#CardUsage .fr{float:right;}
#CardUsage .fl{float:left;}

#CardUsage .w170{width:170px;}
#CardUsage .w329{width:329px;}
#CardUsage .w345{width:345px;}

#CardUsage .mt5{margin-top:5px;}
#CardUsage .mt10{margin-top:10px;}

#CardUsage .mb3{margin-bottom:3px;}
#CardUsage .mb5{margin-bottom:5px;}
#CardUsage .mb10{margin-bottom:10px!important;}
#CardUsage .mb15{margin-bottom:15px;}
#CardUsage .mb20{margin-bottom:20px!important;}

#CardUsage .ml10{margin-left:10px;}
#CardUsage .ml12{margin-left:12px;}
#CardUsage .ml15{margin-left:15px;}
#CardUsage .ml16{margin-left:16px;}
#CardUsage .ml30{margin-left:30px;}

#CardUsage .mr10{margin-right:10px;}

#CardUsage .txt-right{text-align:right;}
#CardUsage .txt-center{text-align:center;}
#CardUsage .mg-auto{margin:0 auto;}


/** clear *************************************/
#CardUsage .fx{overflow:hidden;}
#CardUsage .fx{zoom:1;}
