@charset 'utf-8';

/*===================================================================
  CSS Import
===================================================================*/
@import url(../../../common/css/ress.css);
@import url(../../../common/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');

/*===================================================================
  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; }
.fpurple{ color:#6c6092; }
.bold{ font-weight:bold; }

/*===================================================================
  Main
===================================================================*/
.mainContentsArea{ width:1000px; min-height:calc(100% - 550px); margin:auto; }
.mainContentsArea2{ width:1000px; margin:auto; }
.btnContact{ display:block; width:450px; height:80px; margin:auto; margin-top:100px; text-align:center; line-height:80px; color:#ffffff; font-size:1.3rem; background-color:#e05832; border-radius:40px; }
.btnContact:hover{ cursor:pointer; opacity:0.7; text-decoration:none; color:#ffffff; }


.btnSendExec{ display:block; width:350px; height:50px; margin:auto; margin-top:50px; text-align:center; line-height:50px; color:#ffffff; font-size:1.3rem; background-color:#e05832; border-radius:40px; }
.btnSendExec:hover{ cursor:pointer; opacity:0.7; text-decoration:none; color:#ffffff; }





/* contact */
.contactBox01{ width:800px; margin:auto; margin-top:5rem; padding-bottom:3rem; border-bottom:1px #000000 solid; }
.contactBox01 > p:nth-of-type(1){ }
.contactBox01 > p:nth-of-type(2){ color:#ac3231; padding-top:0.2rem; }
.contactBox02{ width:800px; margin:auto; padding:1rem 0; border-bottom:1px #bababa solid; }
.contactBox02 > div:nth-of-type(1){ float:left; width:170px; }
.contactBox02 > div:nth-of-type(1) > p{ height:35px; line-height:35px; font-weight:bold; }
.contactBox02 > div:nth-of-type(2){ float:left; width:630px; }
.contactBox03t{ width:800px; margin:auto; padding-top:1rem; }
.contactBox03t > div:nth-of-type(1){ float:left; width:170px; }
.contactBox03t > div:nth-of-type(2){ float:left; width:630px; }
.contactBox03{ width:800px; margin:auto; padding-top:0.2rem; padding-bottom:1rem; }
.contactBox03 > div:nth-of-type(1){ float:left; width:170px; }
.contactBox03 > div:nth-of-type(1) > p{ height:35px; line-height:35px; }
.contactBox03 > div:nth-of-type(2){ float:left; width:630px; }
.contactBox03 > div:nth-of-type(2) > p:nth-of-type(1){ float:left; background-color:#429ac3; color:#ffffff; height:100px; line-height:35px; margin:0; padding:0 1rem; display:inline-block; }
.contactBox03 > div:nth-of-type(2) > p:nth-of-type(2){ float:left; }
.contactBox04t{ width:800px; margin:auto; padding-top:1rem; }
.contactBox04t > div:nth-of-type(1){ float:left; width:170px; }
.contactBox04t > div:nth-of-type(2){ float:left; width:630px; border-top:1px #bababa solid; }
.contactBox04{ width:800px; margin:auto; padding-bottom:1rem; border-bottom:1px #000000 solid; }
.contactBox04 > div:nth-of-type(1){ float:left; width:170px; }
.contactBox04 > div:nth-of-type(1) > p{ height:35px; line-height:35px; font-weight:bold; }
.contactBox04 > div:nth-of-type(2){ float:left; width:630px; }
.contactBox05{ text-align:center; }

.contactBox06{ width:800px; margin:auto; margin-top:5rem; padding-bottom:3rem; }
.contactBox06 > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; }
.contactBox06 > p:nth-of-type(2){ padding-top:1rem; }




.contactBoxSerialNo{ display:none; }
.contactForm{ width:100%; height:35px; color:#0000ff; padding:2px 5px; background-color:#f0f0f0; border:0; }
.contactForm:focus{ background-color:#ffff00; }
input.required, select.required, textarea.required{ background-color:#fff0f0; }
div.required:before{ content:"※"; float:right; height:35px; line-height:35px; padding-right:0.3rem; color:#ac3231; }
.privacypolicy{ width:800px; margin:auto; margin-top:5rem; }
.privacypolicyStrT1{}
.privacypolicyStrT2{ font-size:1.1rem; font-weight:bold; margin-top:3rem; color:#6c6092; }
.privacypolicyStrT3{ margin-top:1rem; padding-left:1rem; }
.privacypolicyStrT4{ margin-top:1rem; margin-left:1rem; padding:2rem 3rem; width:640px; background-color:#c6c6c6; }















/* support */
.supportBox01{ width:800px; margin:auto; margin-top:5rem; padding-bottom:0.2rem; border-bottom:3px #6c6092 solid; }
.supportBox01 > p{ color:#1a044b; font-size:1.4rem; font-weight:bold; }
.supportBox02{ width:800px; margin:auto; margin-top:1rem; }
.supportBox03{ width:100%; margin-top:10rem; padding-bottom:7rem; }
.supportBox03 > img{ width:100%; }

/* technology */
.technologySubMenu{ float:left; width:190px; margin-top:5rem; }
.technologySubMenu > a{ display:block; margin-bottom:10px; width:150px; height:35px; line-height:35px; color:#1a044b; text-align:center; color:#1a044b; font-size:1.1rem; background-color:#e6e5ec; border-radius:17px; }
.technologySubMenu > a.now, .aboutSubMenu > a:hover{ color:#ffffff; background:#1a044b; text-decoration:none; }
.technologyMainArea{ float:left; width:750px; margin-top:5rem; margin-left:60px; }
.technologyBox01{ margin-top:0; }
.technologyBox01 > p{ text-align:center; color:#1a044b; font-size:1.5rem; font-weight:bold; }
.technologyBox02{ margin-top:1rem; padding:1rem 2rem; background-color:#e8e5ed; border-radius:10px; }
.technologyBox02 > p{ color:#1a044b; font-size:1.4rem; font-weight:bold; padding:0.4rem 0; padding-left:1em; text-indent:-1em; }
.technologyBox03{ margin-top:5rem; padding-bottom:0.2rem; margin-bottom:1rem; border-bottom:3px #6c6092 solid; }
.technologyBox03 > p{ color:#1a044b; font-size:1.4rem; font-weight:bold; }
.technologyBox04{ margin-top:2rem; }
.technologyBox04 > div:nth-of-type(1){ float:left; width:262px; border:1px solid #000000; }
.technologyBox04 > div:nth-of-type(1) > img{ width:100%; }
.technologyBox04 > div:nth-of-type(2){ float:left; width:468px; margin-left:20px; padding-top:1.5rem; }
.technologyBox04 > div:nth-of-type(2) > p:nth-of-type(odd){ line-height:100%; padding-top:1rem; font-weight:bold; }
.technologyBox04 > div:nth-of-type(2) > p:nth-of-type(even){ line-height:130%; padding-top:0.5rem; }
.technologyBox05{ width:350px; height:360px; float:left; margin-top:1rem; margin-bottom:4rem; margin-left:50px; }
.technologyBox05:nth-of-type(odd){ margin-left:50px; margin-left:0; }
.technologyBox05 > p:nth-of-type(1){ padding:0.5rem 1rem; font-size:1.1rem; color:#ffffff; background-color:#1a044b; }
.technologyBox05 > p:nth-of-type(2){ margin-top:0.5rem; min-height:90px; }
.technologyBox05 > img{ width:350px; margin-top:0.5rem; }
.technologyBox06{ width:750px; margin-top:4rem; }
.technologyBox06 > p{ padding:0.2rem 0rem; font-size:1.4rem; color:#1a044b; font-weight:bold; color:#1a004b; }
.technologyBox06 > img{ width:750px; margin-top:0.5rem; }
.technologyBox07{ padding-bottom:0.2rem; margin-bottom:1rem; border-bottom:3px #6c6092 solid; }
.technologyBox07 > p{ color:#1a044b; font-size:1.4rem; font-weight:bold; }
.technologyBox08 > p{ margin-top:4rem; padding:0.5rem 1rem; font-size:1.1rem; color:#ffffff; background-color:#1a044b; }
.technologyBox09{ margin-top:1rem; }
.technologyBox09 > div:nth-of-type(1){ float:left; width:380px; }
.technologyBox09 > div:nth-of-type(2){ float:left; width:330px; margin-left:40px; }
.technologyBox09 > div:nth-of-type(2) > a{ float:left; height:70px; width:330px; position:relative; cursor:pointer; background-color:#e6e5ec; border-radius:5px; }
.technologyBox09 > div:nth-of-type(2) > a:hover{ color:inherit; cursor:pointer; opacity:0.7; text-decoration:none; }
.technologyBox09 > div:nth-of-type(2) > a:after{ content:"\f144"; font-family:FontAwesome; position:absolute; top:25px; right:1rem; margin:auto; color:#434c6c; font-weight:bold; font-size:1.3rem; }
.technologyBox09 > div:nth-of-type(2) > a > img{ position:absolute; top:23px; left:20px; }
.technologyBox09 > div:nth-of-type(2) > a > p:nth-of-type(1){ position:absolute; top:15px; left:55px; font-size:0.9rem; color:#ac3231; }
.technologyBox09 > div:nth-of-type(2) > a > p:nth-of-type(2){ position:absolute; top:32px; left:55px; font-size:1.1rem; font-weight:bold; }
.technologyBox10{ margin-top:1rem; }
.technologyBox10 > div:nth-of-type(1){ float:left; width:380px; }
.technologyBox10 > div:nth-of-type(1) > p:nth-of-type(2){ margin-top:0.5rem; min-height:70px; color:#ac3231; }
.technologyBox10 > div:nth-of-type(2){ float:left; width:330px; margin-left:40px; }
.technologyBox11{ margin-top:1rem; }
.technologyBox11 > div:nth-of-type(1){ float:left; width:380px; }
.technologyBox11 > div:nth-of-type(2){ float:left; width:330px; margin-left:40px; }
.technologyStr01{ padding-bottom:0.2rem; font-weight:bold; }
.technologyStr02{ padding-left:1rem; padding-bottom:0.2rem; margin-bottom:0.5rem; }
.technologyStr03{ padding-left:1rem; color:#ac3231; }

/* aboutus */
.aboutSubMenu{ float:left; width:190px; margin-top:5rem; }
.aboutSubMenu > a{ display:block; margin-bottom:10px; width:150px; height:35px; line-height:35px; color:#1a044b; text-align:center; color:#1a044b; font-size:1.1rem; background-color:#e6e5ec; border-radius:17px; }
.aboutSubMenu > a.now, .aboutSubMenu > a:hover{ color:#ffffff; background:#1a044b; text-decoration:none; }
.aboutMainArea{ float:left; width:750px; margin-top:5rem; margin-left:60px; }
.aboutBox01{}
.aboutBox01 > p{ font-size:1.7rem; }
.aboutBox02{ margin-top:0; }
.aboutBox02 > div:nth-of-type(1){ float:left; width:180px; }
.aboutBox02 > div:nth-of-type(2){ float:left; width:550px; margin-left:20px; }
.aboutBox02 > div:nth-of-type(2) > p:nth-of-type(1){ line-height:100%; padding-top:5rem; }
.aboutBox02 > div:nth-of-type(2) > p:nth-of-type(2){ line-height:100%; font-size:1.5rem; font-weight:bold; padding-top:1rem; }
.aboutBox03{ margin-top:3rem; }
.aboutBox03 > p{ line-height:180%;}
.aboutBox04{ margin-top:2rem; }
.aboutBox04 > div:nth-of-type(1){ float:left; width:262px; border:1px solid #000000; }
.aboutBox04 > div:nth-of-type(1) > img{ width:100%; }
.aboutBox04 > div:nth-of-type(2){ float:left; width:468px; margin-left:20px; padding-top:1.5rem; }
.aboutBox04 > div:nth-of-type(2) > p:nth-of-type(odd){ line-height:100%; padding-top:1rem; font-weight:bold; }
.aboutBox04 > div:nth-of-type(2) > p:nth-of-type(even){ line-height:130%; padding-top:0.5rem; }
.aboutBox05{ padding:1rem 0; border-bottom:1px #878787 solid; }
.aboutBox05:nth-of-type(2){ margin-top:2rem; border-top:1px #878787 solid; }
.aboutBox05 > div:nth-of-type(1){ float:left; width:150px; }
.aboutBox05 > div:nth-of-type(2){ float:left; width:600px; }
.aboutBox05 > div:nth-of-type(1) > p{ font-weight:bold; }
.aboutBox06{ border-top:1px #878787 solid; padding:1rem 0; }
.aboutBox06:nth-of-type(1){ border:0; padding-top:0; }
.aboutBox06 > p > span > span{ font-size:0.8rem;}
.aboutBox06 a{ display:inline-block; height:20px; line-height:20px; padding:0 1rem; margin-left:0.5rem; color:#ffffff; text-align:center; font-size:0.7rem; background-color:#e05832; border-radius:10px; }
.aboutBox06 a:hover{ color:#ffffff; text-decoration:none; opacity:0.5; }
.aboutBox07{ }
.aboutBox07 > p:nth-of-type(1){ float:left; width:130px; }
.aboutBox07 > p:nth-of-type(2){ float:left; width:30px; text-align:right; }
.aboutBox07 > p:nth-of-type(3){ float:left; width:440px; padding-left:1rem; }
.aboutBox08{ width:750px; margin-top:5rem; }
.aboutBox08 > img{ width:750px; }
.aboutBox09{ padding-bottom:0.5rem; border-bottom:3px #6c6092 solid; }
.aboutBox09 > p:nth-of-type(1){ display:inline-block; font-size:1.5rem; font-weight:bold; }
.aboutBox09 > p:nth-of-type(2){ display:inline-block; font-weight:bold; color:#6c6092; margin-left:0.5rem; }
.aboutBox10{ margin-top:1rem; }
.aboutBox11{ margin-top:1rem; margin-bottom:5rem; width:750px; height:370px; }

/* download */
.downloadCategoryArea{ width:100%; background-color:#e6e5ec; }
.downloadCategoryArea > div{ width:1000px; padding:2rem 0; margin:auto; }
.downloadCategoryArea > div > a{ float:left; height:35px; cursor:pointer; color:#ffffff; line-height:35px; text-align:center; padding:0 1.5rem; margin:2px; background-color:#cccccc; border-radius:17.5px; }
.downloadCategoryArea > div > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
.downloadList{ display:block; float:left; height:160px; width:480px; margin-top:40px; position:relative; overflow:hidden; background-color:#e6e5ec; border-radius:7px; }
.downloadList:hover{ color:#666666; text-decoration:none; opacity:0.5; }
.downloadList:nth-of-type(even){ margin-left:40px; }
.downloadList:after{ content:"\f144"; font-family:FontAwesome; position:absolute; top:70px; right:1rem; margin:auto; color:#434c6c; font-weight:bold; font-size:1.3rem; }
.downloadList > div:nth-of-type(1){ height:140px; width:100px; position:absolute; top:10px; left:30px; box-shadow:0 0 7px 1px #b0b0b0; background-position:center center; background-repeat:no-repeat; background-color:#ffffff; background-size:cover; }
.downloadList > div:nth-of-type(2){ height:26px; width:290px; position:absolute; top:10px; left:160px; border-radius:5px; }
.downloadList > div:nth-of-type(2) > p{ height:26px; line-height:26px; color:#ffffff; font-size:0.9rem; padding-left:0.51rem; }
.downloadList > div:nth-of-type(3){ position:absolute; top:60px; left:160px; }
.downloadList > div:nth-of-type(3) > p{ font-size:1.5rem; width:270px; font-weight:bold; }

/* product */
.productCategoryArea{ width:100%; background-color:#e6e5ec; }
.productCategoryArea > div{ width:1000px; padding:2rem 0; margin:auto; }
.productCategoryArea > div > a{ float:left; height:35px; cursor:pointer; color:#ffffff; line-height:35px; text-align:center; padding:0 1.5rem; margin:2px; background-color:#cccccc; border-radius:17.5px; }
.productCategoryArea > div > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
.productList{ display:block; float:left; height:200px; width:480px; margin-top:40px; position:relative; overflow:hidden; border:1px #a0a0a0 solid; }
.productList:hover{ color:#666666; text-decoration:none; background-color:#f6e9e9; }
.productList:nth-of-type(even){ margin-left:40px; }
.productListImg{ height:200px; width:200px; position:absolute; top:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.productListCat{ height:26px; width:250px; position:absolute; top:15px; left:215px; border-radius:5px; }
.productListCat > p{ height:26px; line-height:26px; color:#ffffff; font-size:0.9rem; padding-left:0.5rem; }
.productListName{ position:absolute; top:50px; left:215px; }
.productListName > p:nth-of-type(1){ width:250px; line-height:100%; font-size:1.5rem; font-weight:bold; }
.productListName > p:nth-of-type(2){ width:250px; margin-top:10px; height:105px; overflow:hidden; }
.productDetailHead{ width:100%; background-color:#e6e5ec; }
.productDetailHead > div{ width:1000px; padding:2rem 0; margin:auto; }
.productDetailHead > div > p:nth-of-type(1){ display:inline-block; height:35px; cursor:pointer; color:#ffffff; line-height:35px; text-align:center; padding:0 1rem; background-color:#cccccc; border-radius:5px; }
.productDetailHead > div > p:nth-of-type(2){ line-height:100%; font-size:2.3rem; font-weight:bold; padding-top:1rem; }
.productDownloadHead{ display:block; height:30px; width:160px; margin-top:50px; background-color:#1a044b; border-radius:15px; }
.productDownloadHead > p{ height:30px; line-height:30px; color:#ffffff; text-align:center; }
.productDownloadBtn{ display:block; height:80px; width:360px; margin:15px 0; position:relative; overflow:hidden; background-color:#e6e5ec; border-radius:7px; }
.productDownloadBtn:hover{ color:#666666; text-decoration:none; opacity:0.5; }
.productDownloadBtn:after{ content:"\f144"; font-family:FontAwesome; position:absolute; top:30px; right:1rem; margin:auto; color:#434c6c; font-weight:bold; font-size:1.3rem; }
.productDownloadBtn > p:nth-of-type(1){ height:26px; width:26px; position:absolute; top:26px; left:30px; }
.productDownloadBtn > p:nth-of-type(2){ position:absolute; top:28px; left:65px; font-size:1.1rem; font-weight:bold; }
.productDetailBox1{ margin-top:3rem; }
.productDetailBox1 > div:nth-of-type(1){ float:left; width:600px; overflow:hidden; }
.productDetailBox1 > div:nth-of-type(2){ float:left; width:360px; margin-left:40px; }
.productDetailBox1 > div:nth-of-type(2) > p:nth-of-type(1){ padding-top:2rem; line-height:200%; }
.productDetailBox1 > div:nth-of-type(2) > p:nth-of-type(2){ padding-top:3rem; line-height:100%; }
.productDetailImg{ }

.slickBox{ position:relative; }
.slick-slide{ position:absolute; width:600px; height:600px; }
.slickBox > div{ width:600px; height:600px; }

.productDetailBox2{ margin-top:5rem; }
.productDetailBox2 > div:nth-of-type(1){ float:left; width:200px; height:120px; background-color:#1a044b; }
.productDetailBox2 > div:nth-of-type(1) > p{ padding-top:2.2rem; text-align:center; color:#ffffff; font-size:1.2rem; }
.productDetailBox2 > div:nth-of-type(2){ float:left; width:760px; margin-left:40px; }
.productDetailBox2List{ border-bottom:1px #878787 solid; padding:1rem 0; }
.productDetailBox2List:nth-of-type(1){ border-top:1px #878787 solid; }
.productDetailBox2List > p{ padding-left:1rem; }
.productDetailBox2List > p:nth-of-type(1){ float:left; width:350px; font-weight:bold; }
.productDetailBox2List > p:nth-of-type(2){ float:left; width:410px; }
.productDetailBox3{ margin-top:5rem; }
.productDetailBox3 > div:nth-of-type(1){ float:left; width:200px; height:120px; background-color:#1a044b; }
.productDetailBox3 > div:nth-of-type(1) > p{ padding-top:2.2rem; text-align:center; color:#ffffff;  font-size:1.2rem;}
.productDetailBox3 > div:nth-of-type(2){ float:left; width:760px; margin-left:40px; padding:1rem; border-top:1px #878787 solid; border-bottom:1px #878787 solid; }
.productDetailBox4{ margin-top:5rem; background-color:#c6c6c6; }
.productDetailBox4 > div:nth-of-type(1){ float:left; width:200px; height:120px; background-color:#1a044b; }
.productDetailBox4 > div:nth-of-type(1) > p{ line-height:120px; text-align:center; color:#ffffff; font-size:1.2rem; }
.productDetailBox4 > div:nth-of-type(2){ float:left; width:760px; margin-left:40px; padding:2rem 0; }
.productDetailBox4List{ width:720px; border-bottom:1px #878787 solid; padding:1rem 0; background-color:#ffffff; }
.productDetailBox4List:nth-of-type(1){ border-top:1px #878787 solid; }
.productDetailBox4List > p{ padding-left:1rem; }
.productDetailBox4List > p:nth-of-type(1){ float:left; width:310px; font-weight:bold; }
.productDetailBox4List > p:nth-of-type(2){ float:left; width:410px; padding-right:1rem; }
.productOptionHead{ width:100%; background-color:#e6e5ec; }
.productOptionHead > div{ width:1000px; padding:2rem 0; margin:auto; }
.productOptionHead > div > p:nth-of-type(1){ line-height:100%; font-size:1.7rem; font-weight:bold; }
.productOptionItem{ margin-top:5rem; padding-bottom:5rem; border-bottom:1px #878787 solid; }
.productOptionItem > div:nth-of-type(1){ float:left; width:350px; }
.productOptionItem > div:nth-of-type(1) > img{ width:100%; }
.productOptionItem > div:nth-of-type(2){ float:left; width:620px; margin-left:30px; }
.productOptionItem > div:nth-of-type(2) > p:nth-of-type(1){ height:55px; line-height:55px; color:#ffffff; font-size:1.5rem; padding-left:2rem; background-color:#1a044b; }
.productOptionItem > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:2rem; }

/* NEWS */
.newsList{ margin-top:3rem; border-top:1px #878787 solid; }
.newsList > a{ display:block; padding:1rem 0; border-bottom:1px #878787 solid; }
.newsList > a:after{ content:''; clear:both; display:block; }
.newsList > a:hover{ color:#666666; text-decoration:none; background-color:#f6e9e9; }
.newsList > a > p{ padding:0 1rem; }
.newsList > a > p:nth-of-type(1){ float:left; width:120px; }
.newsList > a > p:nth-of-type(2){ float:left; width:880px; }
.newsList > div{ display:block; padding:1rem 0; border-bottom:1px #878787 solid; }
.newsList > div > p{ padding:0 1rem; }
.newsList > div > p:nth-of-type(1){ float:left; width:120px; }
.newsList > div > p:nth-of-type(2){ float:left; width:880px; }
.newsTitleArea{ width:100%; background-color:#e6e5ec; }
.newsTitleArea > div{ width:1000px; padding:2rem 0; margin:auto; }
.newsTitleArea > div > p:nth-of-type(1){ float:right; width:120px; color:#1a044b; text-align:right; }
.newsTitleArea > div > p:nth-of-type(2){ float:left; width:880px; font-size:1.6rem; padding-right:1em; color:#1a044b; }
.newsBody{ margin-top:3rem; }
.newsAttach{ margin-top:8rem; }
.newsAttachImg{ margin:3rem 0; }
.newsAttachImg > img{ display:block; }
.newsAttachImg > p{ margin-top:0.5rem; }
.newsAttachFile{ margin:2rem 0; padding:1rem 0; border-top:1px #878787 solid; border-bottom:1px #878787 solid; }
.newsAttachFile > p{ display:inline-block; height:25px; line-height:25px; }
.newsAttachFile > p:nth-of-type(1){ float:left; width:30px; }
.newsAttachFile > p:nth-of-type(2){ float:left; }

/*===================================================================
  Header
===================================================================*/
header{ width:100%; height:260px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.headerContentsTitle{ width:1000px; position:absolute; top:170px; left:0; right:0; margin:auto; }
.headerContentsTitle > p{ display:inline-block; font-family:'roboto',sans-serif; letter-spacing:0.4rem; vertical-align:middle; }
.headerContentsTitle > p:nth-of-type(1){ font-size:2rem; font-weight:700; color:#ffffff; line-height:100%; }
.headerContentsTitle > p:nth-of-type(2){ font-size:1.3rem; color:#ffffff; line-height:100%; padding-left:1rem; }
.headerArea{ width:calc(100% - 2rem); height:105px; position:absolute; top:1rem; left:1rem; background-color:rgba(255,255,255,0.8); }
.headerLogo{ width:105px; height:105px; position:absolute; top:0; left:0; }
.headerLogo:hover{ cursor:pointer; opacity:0.5; }
.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; }
.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; bottom:0; left:125px; }
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:#1a044b; }
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; }

/*===================================================================
  Footer
===================================================================*/
footer{ clear:both; margin-top:100px; width:100%; height:140px; position:relative; }
.footerArea{ width:calc(100% - 2rem); height:90px; position:absolute; top:0; left:1rem; background-color:#1a044b; }
.footerLogo{ position:absolute; top:15px; left:1rem; }
.footerLink{ position:absolute; bottom:1rem; right:1rem; }
.footerLink > p{ font-size:0.9rem; padding-left:0.5rem; color:#ffffff; }
.footerLink > a{ display:inline-block; padding-top:0.2rem; padding-left:0.5rem; }
.footerLink > a:hover{ opacity:0.5; }
.footerCopyright{ position:absolute; top:95px; right:1rem; }
.footerPgTop{ width:34px; height:34px; position:absolute; top:-17px; right:1rem; }
.footerPgTop:hover{ cursor:pointer; opacity:0.7; }