@charset 'utf-8';

/*===================================================================
  CSS Import
===================================================================*/
@import url(../../../common/css/ress.css);
@import url(../../../common/css/font-awesome.css);

/*===================================================================
  Common
===================================================================*/
*{ font-size:14px; }
html{ height:100%; overflow-y:scroll; }
body{ height:100%; color:#333333; background-color:#ffffff; position:relative; font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',YuGothic,'ヒラギノ角ゴ ProN W3',Hiragino Kaku Gothic ProN,Arial,'メイリオ',Meiryo,sans-serif; }
pre{ padding:1rem; border-bottom:1px #333333 solid; }
div:after{ content:''; clear:both; display:block; }
i{ font-size:1.1rem; }
img{ display:block; }
p{ line-height:150%; }
a      { color:#000000; text-decoration:none; }
a:hover{ color:#ac3231; text-decoration:underline; }

/*===================================================================
  Decoration
===================================================================*/
.fBold { font-weight:bold; }
.fRed  { color:#ac3231; }
.fBlue { color:#000099; }
.fGreen{ color:#009900; }
.fGray { color:#999999; }
.bold{ font-weight:bold; }

/*===================================================================
  Main
===================================================================*/



/*===================================================================
  Header
===================================================================*/
.headerLogo{ width:105px; height:105px; position:absolute; top:0; left:0; }
.headerCompanyName{ position:absolute; top:20px; left:125px; }
.headerSubMenu{ position:absolute; top:0; right:130px; }
.headerSubMenu > a{ display:inline-block; height:35px; line-height:35px; padding:0 1rem; color:#ffffff; }
.headerlangSelect{ position:absolute; top:0; right:0; z-index:99; }
.headerlangSelect > p, .headerlangSelect > div > a{ display:block; width:115px; height:35px; line-height:35px; padding-left:1rem; background-color:#ffffff; }
.headerlangSelect > p:hover, .headerlangSelect > div > a:hover{ cursor:pointer;  opacity:0.5; text-decoration:none; }
.headerlangSelect > div{ display:none; }
.headerMenu{ height:35px; position:absolute; top:50px; left:125px; z-index:98; }
ul{ list-style-type:none; }
ul.headerMenu > li{ float:left; position:relative; display:block; }
ul.headerMenu > li > a, ul.headerMenu > li > p{ cursor:pointer; display:inline-block; width:165px; height:35px; line-height:35px; font-size:1.1rem; font-weight:bold; text-align:center; color:#ffffff; }
ul.headerMenu > li > p:hover, ul.headerMenu > li > a:hover, ul.headerMenu > li > p.now, ul.headerMenu > li > a.now{ color:#ffffff; background:#1a044b; text-decoration:none; }
ul.childBox{ display:none; position:absolute; }
ul.childBox > li a{ display:block; margin-top:8px; width:170px; height:35px; line-height:35px; color:#1a044b; text-align:center; font-size:1.1rem; background-color:#e6e5ec; border-radius:17px; box-shadow:0 0 5px 0px #cecece; }
ul.childBox > li a:hover{ color:#ffffff; background:#1a044b; text-decoration:none; }

/*===================================================================
  Home
===================================================================*/
.homeMainArea{ width:100%; height:100%; position:relative; background-image:url(../../img/homeBg.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; }
.homeHeader{ width:calc(100% - 2rem); height:105px; position:absolute; top:1rem; left:1rem; }
.homeMainLead{ width:938px; height:196px; position:absolute; top:0; left:0; bottom:50px; right:0; margin:auto; }
.homeFooter{ width:100%; height:50px; position:absolute; left:0; bottom:0; background-color:#ffffff; }
.homeFooterLink{ position:absolute; top:7px; left:2rem; }
.homeFooterLink > a{ display:inline-block; height:36px; }
.homeFooterLink > a:hover{ opacity:0.5; }
.homeFooterBanner{ position:absolute; right:140px; bottom:0; }
.homeFooterBanner:hover{ opacity:0.7; }
.homeFooterLicense{ width:130px; height:110px; position:absolute; right:0; bottom:0; }
.homeFooterLicense img{ width:100%; }