@charset "utf-8";

@font-face {
font-family: 'PFSquareSansProBold';
src: url('./font/pfsquaresanspro-bold-webfont.eot');
src: url('./font/pfsquaresanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/pfsquaresanspro-bold-webfont.woff') format('woff'),
url('./font/pfsquaresanspro-bold-webfont.ttf') format('truetype'),
url('./font/pfsquaresanspro-bold-webfont.svg#PFSquareSansProBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PFSquareSansProRegular';
src: url('./font/pfsquaresanspro-regular-webfont.eot');
src: url('./font/pfsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/pfsquaresanspro-regular-webfont.woff') format('woff'),
url('./font/pfsquaresanspro-regular-webfont.ttf') format('truetype'),
url('./font/pfsquaresanspro-regular-webfont.svg#PFSquareSansProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PFSquareSansProMedium';
src: url('./font/pfsquaresanspro-medium-webfont.eot');
src: url('./font/pfsquaresanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/pfsquaresanspro-medium-webfont.woff') format('woff'),
url('./font/pfsquaresanspro-medium-webfont.ttf') format('truetype'),
url('./font/pfsquaresanspro-medium-webfont.svg#PFSquareSansProMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PFSquareSansProLight';
src: url('./font/pfsquaresanspro-light-webfont.eot');
src: url('./font/pfsquaresanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('./font/pfsquaresanspro-light-webfont.woff') format('woff'),
url('./font/pfsquaresanspro-light-webfont.ttf') format('truetype'),
url('./font/pfsquaresanspro-light-webfont.svg#PFSquareSansProLight') format('svg');
font-weight: normal;
font-style: normal;
}

.main_page {width:960px; margin:0 auto; padding:50px 0 30px 0;}
#content_inc .mt36.lastText { margin-bottom:0px;}
#content_inc .web_content.mt50 { margin-top:0px !important;}

#content_inc a { text-decoration: none; color: #000000; }
#content_inc .fl { float: left; }
#content_inc .fr { float: right; }
#content_inc .colorLine { border-bottom: 1px solid #ebebeb; }
#content_inc .fColor { color: #26639b !important; }
#content_inc .backTop { text-align: right; }
#content_inc .backTop a { color: #0056ae; }
#content_inc .lastText { font-size: 13px !important; }
#content_inc .vH { visibility: hidden; }

/* Margin Top */
#content_inc .mt10{margin-top:10px !important}
#content_inc .mt18{margin-top:18px !important}
#content_inc .mt19{margin-top:19px !important}
#content_inc .mt20{margin-top:20px !important}
#content_inc .mt30{margin-top:30px !important}
#content_inc .mt31{margin-top:31px !important}
#content_inc .mt36{margin-top:36px !important}
#content_inc .mt40{width:350px; margin-top:40px !important}
#content_inc .mt41{margin-top:41px !important}
#content_inc .mt45{margin-top:45px !important}
#content_inc .mt50{margin-top:50px !important}
#content_inc .mt54{margin-top:54px !important}
#content_inc .mt60{width:350px; margin-top:60px !important}
#content_inc .mt62{width:350px; margin-top:62px !important}
#content_inc .mt70{width:350px; margin-top:70px !important}
#content_inc .mt80{width:350px; margin-top:80px !important}
#content_inc .mt81{margin-top:81px !important}
#content_inc .mt100{width:350px; margin-top:100px !important}
#content_inc .mt108{width:350px; margin-top:108px !important}
#content_inc .mt120{width:350px; margin-top:120px !important}
#content_inc .mt125{width:350px; margin-top:125px !important}
#content_inc .mt135{width:300px; margin-top:135px !important}
#content_inc .mt145{width:400px; margin-top:145px !important}
#content_inc .mt150{width:350px; margin-top:150px !important}


/* Margin Left */
#content_inc .ml5{margin-left:5px !important}
#content_inc .ml30{margin-left:30px !important}
#content_inc .ml50{margin-left:50px !important}
#content_inc .ml58{ width:600px; margin-left:58px !important}
#content_inc .ml77{margin-left:77px !important}
#content_inc .ml100{margin-left:100px !important}
 
/* Margin Right */
#content_inc .mr20 { margin-right: 20px !important; }
#content_inc .mr34 { margin-right: 34px !important; }
#content_inc .mr39 { margin-right: 39px !important; }
#content_inc .mr40 { margin-right: 40px !important; }
#content_inc .mr46 { margin-right: 46px !important; }
#content_inc .mr50 { margin-right: 50px !important; }
#content_inc .mr70 { margin-right: 70px !important; }
#content_inc .mr77 { margin-right: 77px !important; }
#content_inc .mr80 { margin-right: 80px !important; }
#content_inc .mr85 { margin-right: 85px !important; }

/* Margin Botton */
#content_inc .mb28 { margin-bottom: 28px; }

/* Padding Top */
#content_inc .pt27 { padding-top: 27px; }

/* Padding Bottom */
#content_inc .pb41 { padding-bottom: 41px; }
#content_inc .pb27 {width:500px;  padding-bottom: 27px; }

#content_inc .web_content { width: 960px; overflow: hidden; }
#content_inc .web_content h2 { font: 35px 'PFSquareSansProMedium'; color:#000; }
#content_inc .web_content h3 { font-family: 'PFSquareSansProMedium'; font-size: 60px; }
#content_inc .web_content h4 { font-family: 'PFSquareSansProMedium'; font-size: 20px; }

#content_inc p { font-size: 12px; line-height: 20px; color: #5d5d5d; font-family: 'Arial' }
#content_inc .web_content h3 a { padding: 15px 0 15px 18px; display: inline-block; }
#content_inc .headBd { border-top: 1px solid #0f66cb; border-bottom: 1px solid #0f66cb; background: #effafe; }


#content_inc .navMenu a { width: 192px; height: 53px; display: inline-block; float: left; text-indent: -9999px; overflow: hidden; }

#content_inc .visionMenu { background:url('../images/navi01_Vision.jpg') no-repeat 0 0; }
#content_inc .visionMenu:hover { background:url('../images/navi01_Vision_ov.jpg') no-repeat 0 0; }

#content_inc .hearingMenu { background:url('../images/navi02_Hearing.jpg') no-repeat 0 0; }
#content_inc .hearingMenu:hover { background:url('../images/navi02_Hearing_ov.jpg') no-repeat 0 0; }

#content_inc .dexterityMenu { background:url('../images/navi03_Dexterity.jpg') no-repeat 0 0; }
#content_inc .dexterityMenu:hover { background:url('../images/navi03_Dexterity_ov.jpg') no-repeat 0 0; }

#content_inc .interactionMenu { background:url('../images/navi04_Interaction.jpg') no-repeat 0 0; }
#content_inc .interactionMenu:hover { background:url('../images/navi04_Interaction_ov.jpg') no-repeat 0 0; }

#content_inc .moreMenu { background:url('../images/navi05_More.jpg') no-repeat 0 0; }
#content_inc .moreMenu:hover { background:url('../images/navi05_More_ov.jpg') no-repeat 0 0; }