@charset "utf-8";

/* GENERAL */
ul#SubNavi li.SN01 { height: 29px; margin-top: 15px; }
ul#SubNavi li.SN02 { height: 29px; margin-top: 10px; }
ul#SubNavi li.SN03 { height: 29px; margin-top: 10px; }
ul#SubNavi li.SN04 { height: 29px; margin-top: 10px; margin-bottom: 20px; }

h1 { width: 680px; height: 40px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 25px; }
#MainArea { width: 660px; text-align: left; margin-left: auto; margin-right: auto; }

/* INTRODUCTION
─────────────────────────────*/
#IndexCatchCopy { width: 620px; height: 44px; text-indent: -9999px; background: url(../img/index_catchcopy.gif) no-repeat; margin-left: 30px; margin-right: auto; margin-bottom: 25px; }
#IndexSubMD01 { width: 362px; height: 16px; text-indent: -9999px; background: url(../img/index_submd01.gif) no-repeat; margin-top: 20px; margin-bottom: 10px; }
#IndexFigureArea { width: 660px; height: 542px; margin-bottom: 20px; }
#IndexFigure01 { float: left; width: 330px; height: 240px; text-indent: -9999px; background: url(../img/index_fig01-01.jpg) no-repeat; }
#IndexFigure02 { float: left; width: 330px; height: 240px; text-indent: -9999px; background: url(../img/index_fig01-02.jpg) no-repeat; }
#IndexFigure03 { float: left; width: 330px; height: 302px; text-indent: -9999px; background: url(../img/index_fig01-03.jpg) no-repeat; }
#IndexFigure04 { float: left; width: 330px; height: 302px; text-indent: -9999px; background: url(../img/index_fig01-04.jpg) no-repeat; }

/* CONSULTING FLOW
─────────────────────────────*/
#FlowCatchCopy { width: 490px; height: 44px; text-indent: -9999px; background: url(../img/flow_catchcopy.gif) no-repeat; margin-left: 30px; margin-right: auto; margin-bottom: 25px; }
.FlowStepBorder { width: 660px; height: 1px; background: url(../img/flow_stepbordersolid.gif) no-repeat; }
.FlowStepBody { width: 660px; background: url(../img/flow_stepbody.gif) repeat-y; }
.FlowStepLeftArea { float: left; width: 71px; }
.FlowStepRightArea { float: left; width: 589px; }
.FlowStepBottomArrow { width: 660px; height: 13px; background: url(../img/flow_stepbottomallow.gif) no-repeat; }
.FlowStepMD { margin-top: 11px; margin-left: 16px; margin-bottom: 10px; }
.FlowStepMD4 { margin-top: 18px; margin-left: 16px; }

/* CASE STUDIES
─────────────────────────────*/
.CaseStudiesBorder { width: 660px; height: 1px; background: url(../img/casestudies_csbordersolid.gif) repeat-x; }
.CaseStudiesBorderShort { width: 579px; height: 1px; background: url(../img/casestudies_csbordersolid.gif) repeat-x; }
.CaseStudiesBorderDotted { width: 554px; height: 1px; background: url(../img/casestudies_csborderdotted.gif) no-repeat; margin-left: 12px; }
.CaseStudiesBody { width: 660px; background: url(../img/casestudies_csbody.gif) repeat-y; }
.CaseStudiesLeftArea { float: left; width: 81px; }
.CaseStudiesRightArea { float: left; width: 579px; }
.CaseStudiesNumber { width: 554px; margin-left: auto; margin-right: auto; margin-top: 7px; margin-bottom: 6px; }
.CaseStudiesMD { width: 554px; margin-left: auto; margin-right: auto; margin-top: 7px; margin-bottom: 3px; }
.CaseStudiesTxt { width: 554px; margin-left: auto; margin-right: auto; margin-bottom: 6px; }

/* CONTACT
─────────────────────────────*/
#IntroArea { width: 660px; margin-left: auto; margin-right: auto; }
#IntroLeft { float: left; width: 460px; margin-right: 16px; }
#IntroRight { float: left; width: 184px; }
#ContactSubTitle { width: 173px; height: 15px; text-indent: -9999px; background: url(../img/contact_subtitle.gif) no-repeat; margin-bottom: 10px; }
#ContactBGArea { width: 690px; background: url(../img/contact_earthimage.gif) right bottom no-repeat; padding-bottom: 30px; }
.ContactBDD { width: 303px; height: 1px; background: url(../img/contact_borderdotted.gif) no-repeat; margin-top: 7px; margin-bottom: 7px; }