/* CSS Document */

/*base setting*/
@charset "UTF-8";
* { margin: 0px; padding: 0px;}
p { margin: 0px; padding: 0px;}
ol { margin-left: 18px; padding: 0px; line-height: 1.8em;}

body { margin: 0px; padding: 0px; font-size: 12px; line-height: 1.4em; color: #333333; background: url(../images/bodyBg.gif) repeat-x;}
body.pop { margin: 0px; padding: 0px; font-size: 12px; line-height: 1.4em; color: #333333; background: url(../images/bodyPopBg.gif) repeat-x;}

a:link { color: #1B6294; text-decoration: underline;}
a:visited { color: #1B6294;	text-decoration: none;}
a:active  { color: #FF3300; text-decoration: none;}
a:hover   {	color: #FF3300;	text-decoration: none;}

img { border: none;}

.center { text-align: center;}
.right { text-align: right;}

.imgright { float: right; margin: 0px 0px 5px 10px;}
.imgleft { float: left; margin: 0px 10px 5px 0px;}
.imgCenter { text-align: center;}

.clear { clear:both;}
*html body .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden;}

.hidden { display: none;}

table { width: 100%}
table th { text-align: left; padding: 7px 5px; background: #FFFFFF;}
table td { text-align: left; padding: 7px 5px; background: #FFFFFF;}

textarea { width: 99%;}

/*margin-bottom*/
.mb0 { margin-bottom: 0px;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb60 { margin-bottom: 60px;}
.mb100 { margin-bottom: 100px;}
.dummySpace { margin-bottom: 280px;}

/*margin-top*/
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt60 { margin-top: 60px;}

/*margin-right*/
.mr03 { margin-right: 3px;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr60 { margin-right: 60px;}

/*margin-left*/
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml60 { margin-left: 60px;}

/*charactor setting*/
h1 { margin: 0px; padding: 0px; font-size: 20px; line-height: 1.2em;}
h2 { margin: 0px; padding: 0px; font-size: 17px; line-height: 1.2em;}
h3 { margin: 0px; padding: 0px; font-size: 15px; line-height: 1.2em;}
h4 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 14px; font-weight: bold; color: #043F6A;}
h1.seo { height: 27px; font-size: 10px; font-weight: normal;}
.caption { font-size: 10px; line-height: 1.3em;}

/*contena*/
#headBox { width: 910px; height: 72px; padding: 4px 15px 0px 15px; margin: 0px auto; background: #FFFFFF;}
#menuBox { width: 940px; height: 35px; margin: 0px auto;}
#flashBox { width: 100%; height: 275px; background: #7BB8D4; text-align: center;}
#contsBox { width: 940px; margin: 0px auto; background: url(../images/sideBg.gif) repeat-y right 40px;}
#leftBox { width: 725px; min-height: 400px; height: auto !important; height: 400px; padding: 0px 25px 20px 0px; float: left;}
#sideBox { width: 190px; float: left;}
#sideBar { width: 170px; padding: 10px 10px 0px 10px;}
#popBox { width: 893px; margin: 0px auto; padding: 10px 0px;}

/*underLine box*/
.uLineBox { width: 100%; padding: 3px 0px; border-bottom: #CCCCCC dotted 1px;}
.uLineBox ul { padding: 0px; margin: 0px; list-style-type: none;}

/*head*/
a.headLogo { display: block; width: 210px; height: 34px; margin-top: 17px; background: url(../images/headLogo.gif) no-repeat; text-indent: -500em;}
#menuBox ul { list-style-type: none; margin: 0px; padding: 0px;}
#menuBox li { float: left;}
#menuBox li a.h01 { display: block; width: 187px; height: 35px; background: url(../images/headMenu01.jpg) no-repeat; text-indent: -500em;}
#menuBox li a.h02 { display: block; width: 188px; height: 35px; background: url(../images/headMenu02.jpg) no-repeat; text-indent: -500em;}
#menuBox li a.h03 { display: block; width: 188px; height: 35px; background: url(../images/headMenu03.jpg) no-repeat; text-indent: -500em;}
#menuBox li a.h04 { display: block; width: 188px; height: 35px; background: url(../images/headMenu04.jpg) no-repeat; text-indent: -500em;}
#menuBox li a.h05 { display: block; width: 189px; height: 35px; background: url(../images/headMenu05.jpg) no-repeat; text-indent: -500em;}
#menuBox li a:hover { background-position: 0px -35px;}


#popHeadLeft { width: 210px; float: left;}
#popHeadRight { width: 200px; text-align: right; padding-top: 10px; float: right;}

/*sidebar*/
#sideBarSp { height: 30px; width: 190px; background: #7BB8D4;}
#sideLogo { height: 280px; width: 190px; background: url(../images/bgBtmLogo.gif) no-repeat; text-indent: -500em;}
#sideBar ul { margin: 0px; padding: 0px; list-style-type: none;}
#scrl { width: 190px; padding-bottom: 20px}

/*foot*/
#foot { width: 100%; padding-top: 15px; font-size: 10px; text-align: center; background: url(../images/footBg.gif) repeat-x;}
#foot ul { list-style-type: none; margin: 0px; padding: 0px;}
#foot li { float: left;}

/*top*/
.titleWhatsNew { width: 725px; height: 21px; background: url(../../images/titleWhatsNew.gif) no-repeat; text-indent: -500em; border-bottom: #CCCCCC dotted 1px;}
.newBox ul { padding: 6px 0px 0px 0px; margin: 0px; list-style-type: none;}
.newBox li { margin-bottom: 4px;}
*html body .newBox { height: 110px;}

/*bussiness*/
#h2Business { width: 510px; height: 60px; margin-bottom: 20px; background: url(../../images/h2Business.jpg) no-repeat; text-indent: -500em;}
#h3BisIndex01 { width: 725px; height: 54px; margin-bottom: 7px; background: url(../../images/bIndexCatch.gif) no-repeat; text-indent: -500em;}
#bisMenu { width: 170px; margin-bottom: 30px;}
#bisMenu ul { list-style-type: none; margin: 0px; padding: 0px;}
#bisMenu li { margin-bottom: 2px;}
#bisMenu li a.bis01 { display: block; width: 170px; height: 32px; background: url(../../images/bMenu01.gif) no-repeat; text-indent: -500em;}
#bisMenu li a.bis02 { display: block; width: 170px; height: 32px; background: url(../../images/bMenu02.gif) no-repeat; text-indent: -500em;}
#bisMenu li a.bis03 { display: block; width: 170px; height: 32px; background: url(../../images/bMenu03.gif) no-repeat; text-indent: -500em;}
#bisMenu li a.bis04 { display: block; width: 170px; height: 32px; background: url(../../images/bMenu04.gif) no-repeat; text-indent: -500em;}
#bisMenu li a:hover { background-position: 0px -32px;}

/*planning*/
#h3Plan { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3plan.gif) no-repeat; text-indent: -500em;}
#h3PlanEdu { width: 725px; height: 100px; background: url(../../images/h3PlanEdu.gif) no-repeat; text-indent: -500em;}
#h3PlanDist { width: 725px; height: 100px; background: url(../../images/h3PlanDist.gif) no-repeat; text-indent: -500em;}
#h3PlanOthr { width: 725px; height: 100px; background: url(../../images/h3PlanOthr.gif) no-repeat; text-indent: -500em;}
#h4Edu01 { width: 725px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Edu01.gif) no-repeat; text-indent: -500em;}
#h4Edu02 { width: 355px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Edu02.gif) no-repeat; text-indent: -500em;}
#h4Edu03 { width: 350px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Edu03.gif) no-repeat; text-indent: -500em;}
#h4Dist01 { width: 725px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Edu01.gif) no-repeat; text-indent: -500em;}
#h4Dist02 { width: 350px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Dist02.gif) no-repeat; text-indent: -500em;}
#h4Dist03 { width: 350px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Dist03.gif) no-repeat; text-indent: -500em;}
#h4Dist04 { width: 725px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Dist04.gif) no-repeat; text-indent: -500em;}

.eduLeftBox { width: 355px; float: left;}
.eduRightBox { width: 350px; margin-left: 20px; float: left;}
.distBox { width: 350px; float: left;}

#h3PlanCos { width: 725px; height: 100px; background: url(../../images/h3PlanCos.gif) no-repeat; text-indent: -500em;}
#h4Cos01 { width: 355px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Cos01.gif) no-repeat; text-indent: -500em;}
#h4Cos02 { width: 350px; height: 20px; margin-bottom: 10px; background: url(../../images/h4Cos02.gif) no-repeat; text-indent: -500em;}

/*marketing*/
#h3Market { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3market.gif) no-repeat; text-indent: -500em;}
#h4Market { width: 400px; height: 22px; margin-bottom: 10px; background: url(../../images/h4market01.gif) no-repeat; text-indent: -500em;}
.marketBox { width: 400px; padding-right: 325px; background: url(../../images/marketImg01.jpg) no-repeat right 30px;} 

/*media*/
#h3Media { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3media.gif) no-repeat; text-indent: -500em;}
#h4Media01 { width: 725px; height: 22px; margin-bottom: 10px; background: url(../../images/h4media01.gif) no-repeat; text-indent: -500em;}
#h4Media02 { width: 725px; height: 22px; margin-bottom: 10px; background: url(../../images/h4media02.gif) no-repeat; text-indent: -500em;}

/*web*/
#h3Web { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3web.gif) no-repeat; text-indent: -500em;}
#webLeft { width: 240px; margin-right: 25px; float: left;}
#webRight { width: 460px; float: left;}
.h4web01 { width: 460px; height: 21px; margin-bottom: 10px; background: url(../../images/h4Web01.gif) no-repeat; text-indent: -500em;}
.h4web02 { width: 460px; height: 21px; margin-bottom: 10px; background: url(../../images/h4Web02.gif) no-repeat; text-indent: -500em;}
.h4web03 { width: 460px; height: 21px; margin-bottom: 10px; background: url(../../images/h4Web03.gif) no-repeat; text-indent: -500em;}

/*corporate*/
#h2Corporate { width: 510px; height: 60px; margin-bottom: 20px; background: url(../../images/h2Corp.jpg) no-repeat; text-indent: -500em;}
#h3CorpIndex01 { width: 725px; height: 56px; margin-bottom: 10px; background: url(../../images/cIndexCatch.gif) no-repeat; text-indent: -500em;}
#corpMenu { width: 170px; margin-bottom: 30px;}
#corpMenu ul { list-style-type: none; margin: 0px; padding: 0px;}
#corpMenu li { margin-bottom: 2px;}
#corpMenu li a.corp01 { display: block; width: 170px; height: 32px; background: url(../../images/cMenu01.gif) no-repeat; text-indent: -500em;}
#corpMenu li a.corp02 { display: block; width: 170px; height: 32px; background: url(../../images/cMenu02.gif) no-repeat; text-indent: -500em;}
#corpMenu li a.corp03 { display: block; width: 170px; height: 32px; background: url(../../images/cMenu03.gif) no-repeat; text-indent: -500em;}
#corpMenu li a.corp04 { display: block; width: 170px; height: 32px; background: url(../../images/cMenu04.gif) no-repeat; text-indent: -500em;}
#corpMenu li a:hover { background-position: 0px -32px;}

/*message*/
#h3Message { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3message.gif) no-repeat; text-indent: -500em;}
.messageBox { width: 725px; background: url(../../images/messImg01.jpg) no-repeat right bottom;}

/*history*/
#h3History { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3history.gif) no-repeat; text-indent: -500em;}
.hisList ul { list-style-type: none; margin: 0px 0px 40px 0px; padding: 0px;}
.hisList li { padding: 6px 0px; border-bottom: #CCCCCC dotted 1px;}
.hisList li.last { padding: 6px 0px; border-bottom: none;}
.hisListL { width: 100px; font-weight: bold; float: left;}
.hisListR { width: 625px; float: left;}

/*profile*/
#h3Profile { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3profile.gif) no-repeat; text-indent: -500em;}
.profileBox { width: 725px; background: url(../../images/profImg01.jpg) no-repeat right top;}

/*access*/
#h3Map { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3access.gif) no-repeat; text-indent: -500em;}
.mapBox { width: 580px; margin-left: 70px;}

/*privacy*/
#h2Privacy { width: 510px; height: 60px; margin-bottom: 20px; background: url(../../images/h2Privacy.jpg) no-repeat; text-indent: -500em;}

/*new*/
#h2New { width: 510px; height: 60px; margin-bottom: 30px; background: url(../../images/h2New.jpg) no-repeat; text-indent: -500em;}

/*recruit*/
#h2Recruit { width: 510px; height: 60px; margin-bottom: 20px; background: url(../../images/h2Recr.jpg) no-repeat; text-indent: -500em;}
#h3RecrIndex01 { width: 725px; height: 56px; margin-bottom: 10px; background: url(../../images/rIndexCatch.gif) no-repeat; text-indent: -500em;}
#recrMenu { width: 170px; margin-bottom: 30px;}
#recrMenu ul { list-style-type: none; margin: 0px; padding: 0px;}
#recrMenu li { margin-bottom: 2px;}
#recrMenu li a.recr01 { display: block; width: 170px; height: 32px; background: url(../../images/rMenu01.gif) no-repeat; text-indent: -500em;}
#recrMenu li a.recr02 { display: block; width: 170px; height: 32px; background: url(../../images/rMenu02.gif) no-repeat; text-indent: -500em;}
#recrMenu li a:hover { background-position: 0px -32px;}

#h3Qa { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3qanda.gif) no-repeat; text-indent: -500em;}
.qaImgPho { width: 160px; float: left;}
.qaTxt { width: 565px; float: left;}
#qest01 { width: 565px; height: 38px; margin-bottom: 20px; background: url(../../images/qnadaH401.gif) no-repeat; text-indent: -500em;}
#qest02 { width: 565px; height: 38px; margin-bottom: 20px; background: url(../../images/qnadaH402.gif) no-repeat; text-indent: -500em;}
#qest03 { width: 565px; height: 38px; margin-bottom: 20px; background: url(../../images/qnadaH403.gif) no-repeat; text-indent: -500em;}

#h3RecrInq { width: 725px; height: 100px; margin-bottom: 20px; background: url(../../images/h3recrInq.gif) no-repeat; text-indent: -500em;}
#recInfoNew { width: 560px; height: 52px; margin-bottom: 20px; padding: 48px 5px 5px 160px; background: url(../../images/recrInqImg01.jpg) no-repeat;}
#recInfoCarr { width: 560px; height: 52px; margin-bottom: 20px; padding: 48px 5px 5px 160px; background: url(../../images/recrInqImg02.jpg) no-repeat;}
#h4RecInq01 { width: 725px; height: 22px; margin-bottom: 20px; background: url(../../images/h4recrInq01.gif) no-repeat; text-indent: -500em;}
#h4RecInq02 { width: 725px; height: 22px; margin-bottom: 20px; background: url(../../images/h4recrInq02.gif) no-repeat; text-indent: -500em;}

/*inquiry*/
#h2Inquiry { width: 510px; height: 60px; margin-bottom: 20px; background: url(../../images/h2Inq.jpg) no-repeat; text-indent: -500em;}