#wrap #container { width:100%; margin: 0 auto; padding: 20px 0 40px 0; background-color: #e1e3e3; }
#wrap #container .container_box {  width: 938px; margin: 0 auto; padding: 30px 30px 60px 30px; background-color: #fff; }

#container .container_box ul.guide_tab { float:left; height:56px; }
#container .container_box ul.guide_tab.tab_one { height:56px; background:url(/images/main/banner_second_r_01.gif) 24% 46px no-repeat; }
#container .container_box ul.guide_tab.tab_two { height:56px;background:url(/images/main/banner_second_r_01.gif) 76% 46px no-repeat; }
#container .container_box ul.guide_tab li { float:left; text-align:center; display: inline-block; width: 468px; height:33px; margin: 0 1px 0 0; padding:13px 0 0 0; background-color:#818181; }
#container .container_box ul.guide_tab li a { font-size:18px; font-weight:bold; color: #ddd; }
#container .container_box ul.guide_tab li.on { background:url(/images/main/banner_second_l_01.gif) 50% 50px no-repeat #ea002c; }
#container .container_box ul.guide_tab li.on a { font-size:20px; color: #fff; }
#container .container_box ul.guide_tab li.end { margin: 0; }


#container .container_box h3 { float:left; width: 100%; margin: 31px 0 0 0; font-size:29px; line-height: 29px; font-weight:bold; color:#de1f37; }
#container .container_box h4 { float:left; margin: 67px 0 0 0; font-size: 25px; line-height: 25px; color: #07516f; }
#container .container_box p.h3_sub { float:left; width: 100%;  margin: 14px 0 0 0; font-size:17px; line-height: 26px; color:#333; }
#container .container_box p.h3_sub2 { float:left; width: 611px; margin: 13px 0 0 0; font-size:17px; line-height: 26px; color:#333; }
#container .container_box p.h3_sub3 { float:left; width: 611px; margin: 23px 0 0 0; font-size:17px; line-height: 26px; color:#333; }
#container .container_box p.sub { float:left; margin: 35px 0 0 0; font-size:15px; color:#555; }
#container .container_box p.sub2 { float:left; margin: 34px 0 0 14px; font-size:15px; color:#555; }


#container .container_box dl.step_01 { float:left; width:64%; height:117px; margin: 37px 0 0 0; padding: 2px 3px 0 143px; background:url(/images/use/procedure_bg_01.gif) left top no-repeat; border-right: 1px solid #ddd; }
#container .container_box dl.step_01 dt { font-size:19px; font-weight:bold; color:#333; }
#container .container_box dl.step_01 dd dl dt { margin: 16px 0 0 0; font-size:15px; font-weight:bold; color:#555; }
#container .container_box dl.step_01 dd dl dd { margin: 6px 0 0 0; font-size:15px; color:#555; }
#container .container_box dl.step_01 dd dl dd p.works { margin: 11px 0 0 0; }
#container .container_box dl.step_01 dd dl dd p.works span { font-weight:bold; }

#container .container_box p.btn_join { float:right; width: 163px; height: 71px; margin: 62px 0 0 0; background:url(/images/use/procedure_btn_01.gif) left top no-repeat; }
#container .container_box p.btn_join a { float:left; width: 137px; height: 57px; padding: 12px 0 0 26px; font-size:15px; font-weight:bold; line-height: 22px;color: #000; }
#container .container_box p.btn_join a span { color: #de1f37; }

#container .container_box p.btn_down { float:right; width: 163px; height: 71px; margin: 73px 0 0 0; background:url(/images/use/procedure_btn_01.gif) left top no-repeat; }
#container .container_box p.btn_down a { float:left; width: 137px; height: 57px; padding: 12px 0 0 26px; font-size:15px; font-weight:bold; line-height: 22px;color: #000; }
#container .container_box p.btn_down a span { color: #de1f37; }

#container .container_box dl.step_02 { float:left; width:87%; height:117px; margin: 49px 0 0 0; padding: 2px 3px 0 143px; background:url(/images/use/procedure_bg_02.gif) left top no-repeat; }
#container .container_box dl.step_02 dt { font-size:19px; font-weight:bold; color:#333; }
#container .container_box dl.step_02 dd dl dt { margin: 16px 0 0 0; font-size:15px; font-weight:bold; color:#555; }
#container .container_box dl.step_02 dd dl dd { margin: 6px 0 0 0; font-size:15px; color:#555; }
#container .container_box dl.step_02 dd dl dd p { margin: 9px 0 0 10px; padding: 0 0 0 10px;  background:url(/images/use/procedure_dot_01.gif) left 8px no-repeat; }
#container .container_box dl.step_02 dd dl dd p.second { margin: 6px 0 0 10px; }

#container .container_box dl.step_03 { float:left; width:64%; height:117px; margin: 49px 0 0 0; padding: 2px 3px 0 143px; background:url(/images/use/procedure_bg_03.gif) left top no-repeat; border-right: 1px solid #ddd; }
#container .container_box dl.step_03 dt { font-size:19px; font-weight:bold; color:#333; }
#container .container_box dl.step_03 dd dl dt { margin: 16px 0 0 0; font-size:15px; font-weight:bold; color:#555; }
#container .container_box dl.step_03 dd dl dd { margin: 6px 0 0 0; font-size:15px; color:#555; }
#container .container_box dl.step_03 dd dl dd p { margin: 4px 0 0 0; }

#container .container_box dl.step_04 { float:left; width:64%; height:118px; margin: 49px 0 0 0; padding: 1px 3px 0 143px; background:url(/images/use/procedure_bg_04.gif) left top no-repeat; }
#container .container_box dl.step_04 dt { font-size:19px; font-weight:bold; color:#333; }
#container .container_box dl.step_04 dd dl dt { margin: 16px 0 0 0; font-size:15px; font-weight:bold; color:#555; }
#container .container_box dl.step_04 dd dl dd { margin: 6px 0 0 0; font-size:15px; color:#555; }
#container .container_box dl.step_03 dd dl dd p { margin: 4px 0 0 0; }

#container .container_box dl.step_05 { float:left; width:64%; height:118px; margin: 49px 0 0 0; padding: 1px 3px 0 143px; background:url(/images/use/procedure_bg_05.gif) left top no-repeat; }
#container .container_box dl.step_05 dt { font-size:19px; font-weight:bold; color:#333; }
#container .container_box dl.step_05 dd dl dt { margin: 16px 0 0 0; font-size:15px; font-weight:bold; color:#555; }
#container .container_box dl.step_05 dd dl dd { margin: 6px 0 0 0; font-size:15px; color:#555; }
#container .container_box dl.step_03 dd dl dd p { margin: 4px 0 0 0; }

#container .container_box ul.procedure_bottom { display: inline-block; text-align:center; width: 100%; height: 98px; margin: 58px 0 0 0; padding: 17px 0 0 0; font-size:21px; line-height:21px; font-weight:bold; background-color: #F3F3F3; color:#333; } 
#container .container_box ul.procedure_bottom li { margin : 13px 0 0 0; }
#container .container_box ul.procedure_bottom li span { font-weight:800; color: #267ca0; }
#container .container_box ul.procedure_bottom li span.red { color:#d73246; }
#container .container_box div.charge h3 { float:none; }
#container .container_box div.charge { float:left; width: 632px; }


#container .container_box .line { float:left; height: 223px; margin: 44px 0 0 0; border-left: 1px solid #ddd; }
#container .container_box .use_link { float:left; width: 281px; height: 169px;  margin: 45px 0 0 22px; background-color:#FFFAF4; border: 1px solid #ddd; }
#container .container_box .use_link p.title { text-align: center; margin: 31px 0 0 0; font-size: 15px; line-height: 24px; color: #000; } 
#container .container_box .use_link p.btn {  text-align: center; width:243px; height: 34px;margin: 14px 0 0 19px;  background:url(/images/juso/intro_btn_01.gif) left top no-repeat; }
#container .container_box .use_link p.btn a{ float:left; width:243px; height: 27px; padding: 7px 0 0 1px; font-size:15px; background:url(/images/juso/intro_btn_02.gif) 233px top no-repeat; color: #333; }

#container .container_box div.charge ul.charge { float:left; margin: 8px 0 0 14px;  font-size: 15px; color: #555; }
#container .container_box div.charge ul.charge { line-height:25px; }
#container .container_box div.charge ul.charge li.sub_line { line-height:21px; padding:2px 0 0 0; }
#container .container_box div.charge ul.charge li.three { margin: 2px 0 0 0; }
#container .container_box p.plus { position: relative; float:left; left:-18px; top: 112px; width:9px; z-index:2; }
#container .container_box p.plus2 { position: relative; float:left; left:-18px; top: 112px; width:9px; z-index:2; }

#container .container_box div.charge_service { float:left; margin: 36px 0 0 0; }
#container .container_box div.charge_service_01 { position: relative; float:left; text-align:center; width: 307px; height: 269px; background-color: #f2f4f4; z-index:1; }
#container .container_box div.charge_service_01 dl { margin:25px 0 0 0; }
#container .container_box div.charge_service_01 dl dt { font-size:20px; line-height:20px; font-weight:bold; color:#333; }
#container .container_box div.charge_service_01 dl dd { margin:153px 0 0 2px; font-size:15px; line-height:25px; color:#333; }
#container .container_box div.charge_service_01 p { position: absolute; top: 64px; left: 59px; }
#container .container_box div.charge_service_02 { position: relative; float:left; text-align:center; width: 306px; height: 269px; background-color: #f2f4f4; z-index:1; }
#container .container_box div.charge_service_02 dl { margin:25px 0 0 0; }
#container .container_box div.charge_service_02 dl dt { font-size:20px; line-height:20px; font-weight:bold; color:#333; }
#container .container_box div.charge_service_02 dl dd { margin:153px 0 0 2px; font-size:15px; line-height:25px; color:#333; }
#container .container_box div.charge_service_02 p { position: absolute; top: 64px; left: 80px; }
#container .container_box div.charge_service_03 { position: relative; float:left; text-align:center; width: 307px; height: 269px; background-color: #f2f4f4; z-index:1; }
#container .container_box div.charge_service_03 dl { margin:25px 0 0 0; }
#container .container_box div.charge_service_03 dl dt { font-size:20px; line-height:20px; font-weight:bold; color:#333; }
#container .container_box div.charge_service_03 dl dd { margin:165px 0 0 0; font-size:15px; line-height:25px; color:#333; }
#container .container_box div.charge_service_03 p { position: absolute; top: 64px; left: 75px; }

#container .container_box div.charge_point { display: inline-block; text-align:center; width:100%; margin: 37px 0 0 0; font-size:17px; line-height:17px; font-weight:bold; color:#555; }
#container .container_box div.charge_point p { width: 602px; height: 39px; margin: 0 auto; padding: 21px 0 0 44px; border:1px solid #ddd; background:url(/images/use/charge_bg_05.gif) 122px 16px no-repeat #fffaf4; }
#container .container_box div.charge_point p span.va_t { vertical-align: top; }
#container .container_box div.charge_point p span.orange { color:#ff7200; font-size:17px; }
#container .container_box div.charge_point p span.num { padding:0 0 0 14px; font-size: 27px; font-weight: 800;  letter-spacing: -0.5px; }

#container .container_box div.table { display:inline-block; }

#container .container_box table.charge_table { text-align: left; width: 100%; margin: 19px 0 0 0; table-layout: fixed;  }
#container .container_box table.charge_table thead tr { text-align: center; height:47px; font-size:15px; font-weight:normal !important; border-bottom:1px solid #ddd;  background-color: #818181; color: #fff; }
#container .container_box table.charge_table thead tr td { border-right:1px solid #ddd; font-weight:bold; }
#container .container_box table.charge_table tbody tr { border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
#container .container_box table.charge_table tbody tr.bg_c { border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color: #f7f7f7; } 
#container .container_box table.charge_table tbody tr th { text-align: right; height:47px; padding: 0 18px 0 0; font-size: 16px; font-weight:bold; border-right: 1px solid #ddd;  color: #333; }
#container .container_box table.charge_table tbody tr td { text-align: right; padding: 0 19px 1px 0; font-size: 15px; color:#333;border-right: 1px solid #ddd;  }
#container .container_box table.charge_table tbody tr td img {  vertical-align: top; margin: 3px 0 0 6px;  }
#container .container_box table.charge_table tbody tr td.dark_red { text-align: center; color:#de1f37; padding:0; }
#container .container_box table.charge_table tbody .end {border-right: none;  }