@charset "utf-8";

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

/*===================================================================
  Common
===================================================================*/
html{ height:100%; overflow-y:scroll; }
body{ height:100%; background-color:#ffffff; color:#333333; font-size:16px; font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',Verdana,Arial,Helvetica,sans-serif; }
a{color:#333333;text-decoration:none;}
a:hover{color:#46b4c8;text-decoration:underline;}
a.BtnImg img{opacity:1;}
a.BtnImg:hover img{opacity:0.5;}
div:after{ content:""; clear:both; display:block; }
p{line-height:170%;}


/*===================================================================
  Style
===================================================================*/
h1{ font-size:26px; font-weight:bold; color:#46b4c8; margin-top:80px; margin-bottom:20px; }
h1:nth-of-type(1){ margin-top:40px; }
h2{ font-size:24px; font-weight:bold; margin-top:40px; }
.innerPgTopArea{ width:100%; height:80px; padding-top:50px; }
.innerPgTopArea img{ cursor:pointer; display:block; width:31px; height:30px; margin-left:739px; }
.BtnAnchor{ cursor:pointer; margin-bottom:5px; }
.mainArea{ clear:both; width:100%; background-image:url(../img/mainBottomMask.png); background-repeat:no-repeat; background-position:center bottom; }
.mainBody{ width:1000px; min-height:400px; padding-top:30px; margin:0 auto; }
.mainBodyL{ float:left; width:880px; }
.mainBodyR{ float:left; width:120px; margin-top:60px; }
.contentsBody{ width:770px; margin-left:56px; }
.breadBavi{ width:888px; height:28px; padding:0 20px; margin-left:56px; background-color:#eeeeee; border-radius:14px; }
.breadBavi p{ font-size:12px; line-height:28px; }
.breadBavi a{color:#666666;text-decoration:none;}
.breadBavi a:hover{color:#46b4c8;text-decoration:none;}


/* genomeSupport -- prefix:gu ------------------------------------------ */
.guBox{ width:888px; }
.guFormButton{ width:888px; margin-top:60px; text-align:center; }
.guImg01{ width:888px; margin-top:60px; }
.guImg01 > img{ margin:auto; }








/* Greeting -- prefix:gr ------------------------------------------ */
.grBox div:nth-of-type(1){ float:left; width:588px; }
.grBox div:nth-of-type(2){ float:left; width:182px; }
.grStr01{ width:546px; }
.grStr02{ font-size:12px; color:#46b4c8; }
.grStr03{ font-size:20px; }


/* About ----- prefix:ab ------------------------------------------ */
.abBox01{ width:770px; height:46px; margin-top:30px; background-color:#e6e6e6; background-image:url(../../img/abImg01.png); background-repeat:no-repeat; }
.abBox01 p{ font-size:18px; font-weight:bold; line-height:50px; padding-left:45px; }
.abBox02{ width:770px; height:46px; margin-top:10px; background-color:#e6e6e6; background-image:url(../../img/abImg02.png); background-repeat:no-repeat; }
.abBox02 p{ font-size:18px; font-weight:bold; line-height:50px; padding-left:45px; }
.abBox03{ width:770px; height:46px; margin-top:10px; background-color:#e6e6e6; background-image:url(../../img/abImg03.png); background-repeat:no-repeat; }
.abBox03 p{ font-size:18px; font-weight:bold; line-height:50px; padding-left:45px; }
.abBox04{ width:770px; height:46px; margin-top:10px; background-color:#e6e6e6; background-image:url(../../img/abImg04.png); background-repeat:no-repeat; }
.abBox04 p{ font-size:18px; font-weight:bold; line-height:50px; padding-left:45px; }
.abBox05{ margin-top:10px; }
.abBox06:nth-of-type(1){ border-top:1px #b9b9aa dotted; }
.abBox06 div{ height:40px; border-bottom:1px #b9b9aa dotted; }
.abBox06 p{ line-height:40px; }
.abBox06 div:nth-of-type(1){ float:left; width:135px; }
.abBox06 div:nth-of-type(2){ float:left; width:280px; }
.abBox06 div:nth-of-type(3){ float:left; width:105px; }
.abBox06 div:nth-of-type(1) p{ font-weight:bold; }
.abBox06 div:nth-of-type(2) p{ color:#46b4c8; }
.abBox06 div:nth-of-type(3) p{ font-size:18px; font-weight:bold; }


/* Analysis -- prefix:an ------------------------------------------ */
.anBox01{ margin-top:20px; float:left; width:371px; margin-bottom:20px; }
.anBox01 p:nth-of-type(1){ width:371px; font-size:18px; line-height:130%; }
.anBox01 p:nth-of-type(2){ width:371px; font-size:14px; line-height:130%; }
.anBox02{ width:770px; height:46px; margin-top:30px; background-color:#b5e1e9; background-image:url(../../img/anImg07.png); background-repeat:no-repeat; }
.anBox02 p{ font-size:18px; font-weight:bold; line-height:50px; padding-left:45px; }
.anBox03{ width:770px; height:46px; margin-top:20px; background-color:#b5e1e9; background-image:url(../../img/anImg08.png); background-repeat:no-repeat; }
.anBox03 p{ font-size:18px; font-weight:bold; line-height:50px; padding-left:45px; }
.anBox04{ margin-top:20px; }
.anBox05{ margin-top:20px; background-image:url(../../img/anImg10.png); background-repeat:repeat-y; }
.anBox05 p:nth-of-type(1){ float:left; width: 90px; padding:10px; margin-top:25px; font-size:18px; font-weight:bold; color:#ffffff; }
.anBox05 p:nth-of-type(2){ float:left; width:680px; padding:10px; font-weight:bold; }
.anBox06{ margin-top:30px; }
.anBox07{ margin-top:20px; float:left; width:371px; margin-bottom:20px; }
.anBox07 p{ width:371px; font-size:14px; line-height:130%; }
.anStr01{ font-size:18px; font-weight:bold; margin-top:20px; }
.anStr02{ }
.anStr03{ font-size:24px; font-weight:bold; margin-top:20px; }
.anStr04{ font-size:18px; font-weight:normal; }
.anStr05{ font-size:14px; font-weight:normal; }


/* Model ----- prefix:mo ------------------------------------------ */
.moBox01{ margin-top:50px; float:left; width:371px; margin-bottom:20px; }
.moBox01 p{ width:371px; font-size:18px; font-weight:bold; line-height:130%; }
.moStr01{ margin-top:40px; font-size:18px; font-weight:bold; }
.moStr01:before{ content:url(../img/linkArrowT1.png);margin-right:5px; }
.moAnchor:after{ content:url(../img/linkArrowT2.png);margin-left:5px; }
.moBox02{ margin-top:50px; }


/* Research -- prefix:re ------------------------------------------ */
.reBox01{ margin-top:20px; }
.reBox01 div{ float:left; width:378px; margin-bottom:20px; }
.reBox01 div:nth-child(even){ margin-left:14px; }
.reBox01 p{ font-size:13px; line-height:130%; }
.reStr01{ margin-top:50px; font-size:18px; font-weight:bold; }
.reStr01:nth-of-type(1){ margin-top:0; }
.reStr02{ margin-top:10px; }
.reStr03{ color:#46b4c8; }
.reStr04{ margin-top:40px; font-size:18px; font-weight:bold; }
.reStr04:before{ content:url(../img/linkArrowT1.png);margin-right:5px; }
.reAnchor{ margin-left:20px; }
.reAnchor:after{ content:url(../img/linkArrowT2.png);margin-left:5px; }

img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

img.grow:hover {
	-webkit-transform:scale(2,2);
	-moz-transform:scale(2,2);
	-ms-transform:scale(2,2);
	-o-transform:scale(2,2);
	transform:scale(2,2);
}
/* News ------ prefix:ne ------------------------------------------ */
.neYearBtn{ display:block; text-align:center; line-height:32px; color:#ffffff; width:120px; height:36px; background-color:#999999; border:4px #d6d6d6 solid; margin-bottom:5px; }
.neYearBtn:hover{ color:#ffffff; text-decoration:none; background-color:#46b4c8; border:4px #b5e1e9 solid; margin-bottom:5px; }
.neYearBtnON{ display:block; text-align:center; line-height:32px; color:#ffffff; width:120px; height:36px; background-color:#46b4c8; border:4px #b5e1e9 solid; margin-bottom:5px; }
.neYearBtnON:hover{ color:#ffffff; text-decoration:none; background-color:#46b4c8; border:4px #b5e1e9 solid; margin-bottom:5px; }
.neList{ width:770px; padding-top:8px; padding-bottom:2px; border-bottom:1px #b9b9aa dotted; }
.neList:nth-of-type(1){ border-top:1px #b9b9aa dotted; }
.neList p{ line-height:130%; }
.neList div:nth-of-type(1){ float:left; width:110px; }
.neList div:nth-of-type(2){ float:left; width:80px; }
.neList div:nth-of-type(3){ float:left; width:580px; }
.neList a{ color:#333333; text-decoration:underline; }
.neList a:hover{ color:#46b4c8; text-decoration:underline; }
.neHead{ margin-top:40px; }
.neHead p{ line-height:130%; }
.neHead div:nth-of-type(1){ float:left; width:80px; }
.neHead div:nth-of-type(2){ float:left; width:510px; }
.neTitle{ margin-top:10px; font-size:18px; font-weight:bold; border-bottom:1px #b9b9aa dotted; }
.neBody{ margin-top:20px; margin-bottom:40px; }

.neImg{ margin-bottom:40px; }
.neImg div{ float:left; width:378px; margin-bottom:20px; }
.neImg div:nth-child(even){ margin-left:14px; }
.neImg p{ font-size:13px; line-height:130%; }

.neImgArea > img{ display:inline-block; width:100%; height:auto; }


.neLink{ width:770px; min-height:42px; margin-top:10px; display:flex; flex-wrap:wrap; background-image:url(../../img/neLinkBG.png); background-repeat:repeat-y; }
.neLink > p{ display:block; position:relative; min-height:42px; width:90px; color:#ffffff; padding-top:10px; padding-left:10px; }
.neLink > p:after{ content:"\f019"; font-family:FontAwesome; font-size:1.3rem; color:#ffffff; position:absolute; top:9px; right:10px; }
.neLink a{ display:block; min-height:42px; flex:1; padding-left:10px; padding-top:10px; padding-right:10px; }


.neLinkPDF{ width:770px; min-height:42px; margin-top:10px; background-image:url(../../img/neLinkBG.png); background-repeat:repeat-y; }
.neLinkPDF a{ display:block; min-height:42px;  padding-left:100px; padding-top:10px; padding-right:10px; background-image:url(../../img/neLinkPDF.png); background-repeat:no-repeat; }
.neLinkDOC{ width:770px; min-height:42px; margin-top:10px; background-image:url(../../img/neLinkBG.png); background-repeat:repeat-y; }
.neLinkDOC a{ display:block; min-height:42px;  padding-left:100px; padding-top:10px; padding-right:10px; background-image:url(../../img/neLinkDOC.png); background-repeat:no-repeat; }
.neLinkXLS{ width:770px; min-height:42px; margin-top:10px; background-image:url(../../img/neLinkBG.png); background-repeat:repeat-y; }
.neLinkXLS a{ display:block; min-height:42px;  padding-left:100px; padding-top:10px; padding-right:10px; background-image:url(../../img/neLinkXLS.png); background-repeat:no-repeat; }
.neLinkPPT{ width:770px; min-height:42px; margin-top:10px; background-image:url(../../img/neLinkBG.png); background-repeat:repeat-y; }
.neLinkPPT a{ display:block; min-height:42px;  padding-left:100px; padding-top:10px; padding-right:10px; background-image:url(../../img/neLinkPPT.png); background-repeat:no-repeat; }
.neLinkLNK{ width:770px; min-height:42px; margin-top:10px; background-image:url(../../img/neLinkBG.png); background-repeat:repeat-y; }
.neLinkLNK a{ display:block; min-height:42px;  padding-left:100px; padding-top:10px; padding-right:10px; background-image:url(../../img/neLinkLNK.png); background-repeat:no-repeat; }

.neCategory{ display:block; text-align:center; font-size:0.7rem; line-height:100%; padding-top:0.1rem; color:#ffffff; width:90%; height:1rem; background-color:#999999; }



/* Access ---- prefix:ac ------------------------------------------ */
.acAnchor:before{ content:url(../img/linkArrowT1.png);margin-right:5px; }
.acAnchor:after{ content:url(../img/linkArrowT2.png);margin-left:5px; }


/* Info ------ prefix:in ------------------------------------------ */


/*===================================================================
  Home prefix:ho
===================================================================*/
.hoHeader{
	width:100%;
	overflow:hidden;
	position:relative;
}
.hoMainMovie{ width:100%; height:100%; }
.hoHeadTop{ width:100%; height:28px; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; }
.hoHeadTopBody{ width:1000px; height:28px; margin:0 auto; }
.hoHeadTopBody p:nth-of-type(1){ float:left; width:700px; font-size:12px; line-height:28px; color:#ffffff; }
.hoHeadTopBody p:nth-of-type(2){ float:left; width:300px; font-size:12px; line-height:28px; text-align:right; color:#ffffff; }
.hoHeadTopBody a{ color:#ffffff; text-decoration:none; }
.hoHeadTopBody a:hover{ color:#00ffff; text-decoration:none; }

.hoHeadMenu{ width:1055px; height:60px; position: absolute; top:28px; left:0; right:0; margin:auto; }
.hoHeadMenu div{ position:absolute; top:21px; height:30px; }
.hoHeadMenu div:nth-of-type(1){ width:300px; height:60px; top:0; left:0; }
.hoHeadMenu div:nth-of-type(2){ width: 40px; left:308px; }
.hoHeadMenu div:nth-of-type(3){ width:126px; left:363px; }
.hoHeadMenu div:nth-of-type(4){ width:112px; left:504px; }
.hoHeadMenu div:nth-of-type(5){ width: 84px; left:631px; }
.hoHeadMenu div:nth-of-type(6){ width: 70px; left:730px; }
.hoHeadMenu div:nth-of-type(7){ width:112px; left:815px; }
.hoHeadMenu div:nth-of-type(8){ width: 56px; left:942px; }
.hoHeadMenu div:nth-of-type(9){ width: 42px; left:1013px; }
.hoMovieMask{ width:100%; height:100%; position: absolute; top:0; left:0; background-image:url(../../img/hoMovieMask.png); background-repeat:no-repeat; background-position:center bottom; }

.hoMainMovieBtnArea{ width:591px; height:180px; position: absolute; bottom:0; left:0; right:0; margin:auto; }
.hoMainMovieBtnArea div:nth-of-type(1){ width:181px; height:180px; position:absolute; top:0; left:0; }
.hoMainMovieBtnArea div:nth-of-type(2){ width:181px; height:180px; position:absolute; top:0; left:189px; }
.hoMainMovieBtnArea div:nth-of-type(3){ width:181px; height:180px; position:absolute; top:0; left:378px; }



.hoMainArea{ clear:both; width:100%; background-image:url(../img/mainBottomMask.png); background-repeat:no-repeat; background-position:center bottom; }
.hoMainBody{ width:1000px; margin:0 auto; }
.hoNewsHead{ width:700px; border-bottom:1px #b9b9aa dotted; }
.hoNewsHead div:nth-of-type(1){ float:left; width:100px; height:30px; }
.hoNewsHead div:nth-of-type(2){ float:left; width:600px; height:15px; margin-top:8px; }
.hoNews{ width:700px; padding-top:8px; padding-bottom:2px; border-bottom:1px #b9b9aa dotted; }
.hoNews p{ line-height:130%; }
.hoNews div:nth-of-type(1){ float:left; width:110px; }
.hoNews div:nth-of-type(2){ float:left; width:80px; }
.hoNews div:nth-of-type(3){ float:left; width:510px; }
.hoNews a{ color:#333333; text-decoration:underline; }
.hoNews a:hover{ color:#46b4c8; text-decoration:underline; }
.hoNewsArea{ float:left; width:748px; }
.hoBannerArea{ float:left; width:252px; margin-top:30px; }
.hoBannerArea div{ width:252px; height:54px; margin-bottom:5px; }


/*===================================================================
  Header
===================================================================*/
.Header{ width:100%; height:240px; overflow:hidden; position:relative; }
.headTop{ width:100%; height:28px; background-color:#000000; position:absolute; top:0; left:0; }
.headTopBody{ width:1000px; height:28px; margin:0 auto; }
.headTopBody p{ font-size:12px; line-height:28px; text-align:right; color:#ffffff; }
.headTopBody a{ color:#ffffff; text-decoration:none; }
.headTopBody a:hover{ color:#00ffff; text-decoration:none; }
.headMenuArea{ width:100%; height:72px; background-color:#ffffff; position:absolute; top:28px; left:0; }
.headMenu{ width:1055px; height:72px; position:relative; margin:0 auto; }
.headMenu div{ position:absolute; top:21px; height:30px; }
.headMenu div:nth-of-type(1){ width:299px; height:42px; top:10px; left:0; }
.headMenu div:nth-of-type(2){ width: 40px; left:308px; }
.headMenu div:nth-of-type(3){ width:126px; left:363px; }
.headMenu div:nth-of-type(4){ width:112px; left:504px; }
.headMenu div:nth-of-type(5){ width: 84px; left:631px; }
.headMenu div:nth-of-type(6){ width: 70px; left:730px; }
.headMenu div:nth-of-type(7){ width:112px; left:815px; }
.headMenu div:nth-of-type(8){ width: 56px; left:942px; }
.headMenu div:nth-of-type(9){ width: 42px; left:1013px; }
.headMovie{ width:100%; height:240px; position:absolute; top:95px; left:0; }
.headMovieMask{ width:100%; height:100px; position:absolute; top:100px; left:0; background-image:url(../img/headMovieMask.png); background-repeat:no-repeat; background-position:center top; }
.headMainTitle{ width:1000px; height:60px; position: absolute; top:165px; left:0; right:0; margin:auto; }


/*===================================================================
  Footer
===================================================================*/
.btnPgTopArea{ width:100%; height:230px; padding-top:80px; }
.btnPgTopArea img{ cursor:pointer; display:block; width:61px; height:60px; margin:0 auto; }
.FooterArea{ width:100%; background-color:#46b4c8; }
.FooterBody{ width:1000px; height:250px; position: relative; margin:0 auto; }
.FooterBody div{ position:absolute; }
.FooterBody div:nth-of-type(1){ width:1000px; height:90px; border-bottom:1px #ffffff dotted; top:0; left:0; }
.FooterBody div:nth-of-type(1) img{ display:block; width:299px; height:67px; margin:0 auto; }
.FooterBody div:nth-of-type(2){ width:200px; height:110px; top:100px; left:  0px; }
.FooterBody div:nth-of-type(3){ width:200px; height:110px; top:100px; left:200px; }
.FooterBody div:nth-of-type(4){ width:200px; height:110px; top:100px; left:400px; }
.FooterBody div:nth-of-type(5){ width:200px; height:110px; top:100px; left:600px; }
.FooterBody div:nth-of-type(6){ width:180px; height:120px; top:100px; left:820px; }
.FooterBody a{ display:block; font-size:14px; color:#ffffff; text-decoration:none; }
.FooterBody a:hover{ color:#00ffff; text-decoration:none; }
.FooterAncA:before{ content:"▶ "; font-size:12px; }
.FooterAncN:before{ content:"　 "; font-size:12px; }
.FooterBannerT1{ width:180px; height:48px; }


p.model000 {font-weight: bold; font-size: 3ex; }
p.model001 {font-size: 2ex; }