@charset "utf-8";
#container { clear: both; background: url(../images/page_bg.gif) left top repeat-y; width: 747px; margin-bottom: 0px; padding-bottom: 0px; }

#content-body { padding-left: 44px; padding-top: 98px; background: url(../images/service_ptit.gif) left top no-repeat; width: 703px !important;width /**/:747px; /* for ie5.x */ }
#content-body h1 { position: absolute; left: -9999px; }
#content-body h2 { position: absolute; left: -9999px; }
#content-body h3 { position: absolute; left: -9999px; }

#service-nav { width: 655px; padding-bottom: 13px; height: 19px; }
#service-nav ul { list-style-type: none; width: 655px; padding: 0px; margin: 0px; }
#service-nav li { float: left; height: 19px; }

#service-nav strong { position: absolute; left: -9999px;}

#service-nav01bl { display: block; width: 191px; height: 19px; }
#service-nav02bl { display: block; width: 119px; height: 19px; }
#service-nav03bl { display: block; width: 105px; height: 19px; }
#service-nav04bl { display: block; width: 224px; height: 19px; }

#service-nav a { display: block; height: 19px;}
#service-nav01 { width: 191px; background: url(../images/service_nav_01.gif) left top no-repeat; }
#service-nav02 { width: 119px; background: url(../images/service_nav_02.gif) left top no-repeat; }
#service-nav03 { width: 105px; background: url(../images/service_nav_03.gif) left top no-repeat; }
#service-nav04 { width: 224px; background: url(../images/service_nav_04.gif) left top no-repeat; }

#service-nav a:hover#service-nav01 { background-position: 0px -19px; }
#service-nav a:hover#service-nav02 { background-position: 0px -19px; }
#service-nav a:hover#service-nav03 { background-position: 0px -19px; }
#service-nav a:hover#service-nav04 { background-position: 0px -19px; }

#service-nav01this { width: 191px; background: url(../images/service_nav_01.gif) 0px -19px no-repeat; }
#service-nav02this { width: 119px; background: url(../images/service_nav_02.gif) 0px -19px no-repeat; }
#service-nav03this { width: 105px; background: url(../images/service_nav_03.gif) 0px -19px no-repeat; }
#service-nav04this { width: 224px; background: url(../images/service_nav_04.gif) 0px -19px no-repeat; }

#service-title01 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_01.gif) left top no-repeat; margin-bottom: 15px; }
#service-title02 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_02.gif) left top no-repeat; margin-bottom: 15px; }
#service-title03 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_03.gif) left top no-repeat; margin-bottom: 15px; }
#service-title04 { clear: both; width: 655px; height: 47px; background: url(../images/service_htit_05.gif) left top no-repeat; margin-bottom: 15px; }

#service-stitle01 { background: url(../images/service_stit_01.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 15px;; padding: 0px; }
#service-stitle02 { background: url(../images/service_stit_02.gif) left top no-repeat; width: 655px; height: 27px; margin-top: 25px; margin-bottom: 20px;; padding: 0px; }
#service-02-stitle01 { background: url(../images/service_02_stit_01.gif) left top no-repeat; width: 655px; height: 48px; margin-bottom: 15px; margin-top: 20px; padding: 0px; }
#service-02-stitle02 { background: url(../images/service_02_stit_02.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 15px; margin-top: 20px; padding: 0px; }
#service-02-stitle03 { background: url(../images/service_02_stit_03.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 15px; margin-top: 20px; padding: 0px; }
#service-02-stitle04 { background: url(../images/service_02_stit_04.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle01 { background: url(../images/service_04_stit_01.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle02 { background: url(../images/service_04_stit_02.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle03 { background: url(../images/service_04_stit_03.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }
#service-04-stitle04 { background: url(../images/service_04_stit_04.gif) left top no-repeat; width: 655px; height: 25px; margin-bottom: 10px; margin-top: 30px; padding: 0px; }

#service-gr-01 { background: url(../images/service_gr_01.gif) left top no-repeat; width: 655px; height: 198px; }
#service-gr-01 h4 { position: absolute; left: -9999px; }

.exa { padding: 0px 0px 7px 10px; margin: 0px; width: 645px !important;width /**/:655px; /* for ie5.x */ }
.exa-small { font-size: 10px; padding: 0px 0px 7px 10px; margin: 0px; width: 645px !important;width /**/:655px; /* for ie5.x */ }
.exa em { font-style: normal; color: #CC0000; margin: 0px; padding: 0px; }
.note { padding: 10px 0px 20px 10px; color: #0066CC; margin: 0px; width: 645px !important;width /**/:655px; /* for ie5.x */ }

#interface { position: relative; width: 655px; height: 300px; }
#face-01 { position: absolute; left: 0px; top: 0px; width: 339px; height: 277px; }
#face-01-exa { position: absolute; left: 339px; top: 150px; width: 316px; height: 127px; background: url(../images/service_gr_04.gif) left top no-repeat; }
#face-01-exa ol { position: absolute; left: -9999px; }
#face-02 { position: absolute; left: 336px; top: 0px; width: 215px; height: 150px; }

#provision { width: 645px; padding: 0px; margin-left: 10px; }
#provision ul { list-style-type: none; padding: 0px; margin: 0px; }
#provision li { padding: 0px 0px 7px 0px; margin: 0px; }

#load { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: 640px; }

/* commented backslash hack for mac ie5.x \*/
#load { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: auto; margin-left: 10px; }
/* this hack end */
#load td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 4px 2px 4px 20px; text-align: left; width: 465px; font-size: 12px; }
#load th { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 12px 2px; text-align: center; background-color: #EEF3FB; font-size: 12px; width: 140px; }
#load caption { display: none; }

#step { background: url(../images/service_02_gr.gif) left top no-repeat; width: 655px; height: 190px; }
#step h4 { position: absolute; left: -9999px; }

#scene { width: 655px; }
#scene h3 { position: absolute; left: -9999px; }
#scene01 { background: url(../images/scene_bg_01.gif) left top no-repeat; width: 655px; }
#scene01 p { padding: 46px 0px 25px 10px; width: 387px !important;width /**/:397px; /* for ie5.x */ } 
#scene02 { background: url(../images/scene_bg_02.gif) left top no-repeat; width: 655px; }
#scene02 p { padding: 70px 0px 25px 250px; width: 387px !important;width /**/:637px; /* for ie5.x */ } 
#scene03 { background: url(../images/scene_bg_03.gif) left top no-repeat; width: 655px; }
#scene03 p { padding: 57px 0px 25px 10px; width: 387px !important;width /**/:397px; /* for ie5.x */ } 
#scene04 { background: url(../images/scene_bg_04.gif) left top no-repeat; width: 655px; }
#scene04 p { padding: 65px 0px 25px 250px; width: 387px !important;width /**/:637px; /* for ie5.x */ } 

#service-04-exa01 { background: url(../images/service_04_exa01.gif) left top no-repeat; width: 655px; height: 44px; margin-bottom: 5px; margin-top: 10px; padding: 0px; }
#service-04-exa01 p { position: absolute; left: -9999px; }
#intro-p { width: 610px; margin-left: 15px; }
#service-04-pr01 { width: 427px; height: 188px; background: url(../images/service_04_pr_01.gif) left top no-repeat; margin-top: 10px; }
#service-04-pr01 p { position: absolute; left: -9999px; }

.service-04-item { width: 650px; margin-bottom: 10px; }

/* for mac ie5.x width */
.service-04-item table { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: auto; }

/* commented backslash hack for mac ie5.x \*/
.service-04-item table { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: 640px; margin-left: 10px; }
/* this hack end */
.service-04-item td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 4px 11px 4px 11px; text-align: center; font-size: 12px; }
.service-04-item th { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 12px 2px; text-align: center; background-color: #EEF3FB; font-size: 12px; }
.service-04-item caption { display: none; }
.service-04-item .item-exa { font-size: 10px; width: 230px; text-align: left; }

#service04-orderbl { width: 634px; }
#service-04-price { background: url(../images/pack_price.gif) left top no-repeat; width: 315px; height: 74px; margin-top: 20px; float: left; }
#service-04-price p { position: absolute; left: -9999px; }
#service-04-order { width: 270px; float: right; margin-top: 50px; }