
/*===================================================================
  CSS for PC
===================================================================*/
/* blank */
.achBox03 a[target="_blank"]:after,
.achBox04 a[target="_blank"]:after,
.contBox02 a[target="_blank"]:after,
.contBox03 a[target="_blank"]:after,
.contLinkBox a[target="_blank"]:after,
.contLinkBox02 a[target="_blank"]:after,
.semiBox02 a[target="_blank"]:after,
.semiList01 a[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 17px;
  background: url("/marine-core/en/common/img/ico_window.png") no-repeat left bottom;
  background-size: contain;
  margin-left: 5px;
  margin-right: 5px;
}
.BoxSpace{
    margin-top:40px;
}
.contTargetPoint {
    margin-top:-30px;
    padding-top:30px;
}





/* index */
.achTitle{ padding-top:50px; }
.achTitle > p{ font-size:1.2rem; text-align:center; line-height:3.5rem; width:300px; height:3.5rem; margin:auto; border:1px #000000 solid; border-radius:2rem; }
.achBox01{ width:450px; margin:auto; margin-top:50px; }
.achBox01 > p{ display:inline-block; line-height:100%; padding:0.6rem 1rem; background-color:#e5f0f3; width:220px; }
.achBox01 > p:hover{ cursor:pointer; opacity:0.7; }
.achBox01 > p:before{ content:'>'; padding-right:0.3rem; }
.achBox02{ width:680px; margin:auto; margin-top:10px; text-align:center; }
.achBox03{ width:680px; margin:auto; margin-top:30px; }
.achBox03Title{ width:600px; margin:auto; border-bottom:1px #000000 solid; padding-bottom:0.5rem; font-weight:bold; text-align:center; margin-bottom:5px; }
.achBox03Year{ width:600px; margin:auto; }
.achBox03Year > p{ width:120px; float:left; padding-bottom:5px; }
.achBox04{ width:750px; margin:auto; margin-top:30px; padding-bottom:50px; }
.achBox04Title{ width:750px; margin:auto; border-bottom:1px #000000 solid; padding-bottom:0.5rem; font-weight:bold; text-align:center; margin-bottom:5px; }
.achBox04Year{ width:750px; margin:auto; }
.achBox04Year > p{ width:250px; float:left; padding-bottom:5px; }
.achBox03Year > p > a,
.achBox04Year > p > a { 
    color:#ff9600;
    text-decoration:none;
}
.achBox03Year a:hover,
.achBox04Year a:hover {
    opacity:0.7;
}




/* contribution */
.contList{ width:740px; margin:auto; margin-top:50px; }
.contList > p:nth-of-type(1){ display:inline-block; line-height:100%; padding:0.6rem 1rem; margin-bottom:0.3rem; background-color:#e5f0f3; width:240px; }
.contList > p:nth-of-type(2){ display:inline-block; line-height:100%; padding:0.6rem 1rem; margin-bottom:0.3rem; background-color:#e5f0f3; width:240px; }
.contList > p:nth-of-type(3){ display:inline-block; line-height:100%; padding:0.6rem 1rem; margin-bottom:0.3rem; background-color:#e5f0f3; width:240px; }
.contList > p:nth-of-type(4){ display:inline-block; line-height:100%; padding:0.6rem 1rem; background-color:#e5f0f3; width:240px; }
.contList > p:nth-of-type(5){ display:inline-block; line-height:100%; padding:0.6rem 1rem; background-color:#e5f0f3; width:240px; }
.contList > p:hover{ cursor:pointer; opacity:0.7; }
.contList > p:before{ content:'>'; padding-right:0.3rem; }
.contTitleLine{ width:200px; margin:auto; border-bottom:3px solid #ff9600; }
.contTitle{ margin-top:90px; }
.contTitle > p{ font-size:1.2rem; text-align:center; line-height:3.5rem; width:300px; height:3.5rem; margin:auto; border:1px #000000 solid; border-radius:2rem; }
.contTitle02{ width:680px; margin:auto; margin-top:50px; }
.contTitle02 > p{ font-size:1.3rem; font-weight:bold; text-align:center; margin:auto; }
.contBox01{ width:680px; margin:auto; margin-top:20px; }
.contBox01 .contBox01_Sub01{ width:680px; text-align:center; margin:auto; margin-top:30px; }
.contBox01 .contBox01_Sub02{ font-size:0.8rem; margin-top:20px; }
.contBox02{ margin:auto; margin-bottom:50px; padding:2rem; text-align:center; background-color:#f5f5f5; }
.contBox02 > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; text-align:center; margin:auto; }
.contBox02 > p:nth-of-type(2){ width:200px; margin:auto; border-bottom:1px solid #000000; }
.contBox02 > p:nth-of-type(3){ margin-top:10px; }
.contBox03{ width:580px; margin:auto; margin-top:10px; padding:20px; border:1px solid #000000; margin-bottom:50px; }
.contBox03t{ font-weight:bold; text-align:center; padding-bottom:10px; margin:auto; }
.contBox03c > p:nth-of-type(1){ width:100px; float:left; font-size:0.8rem; }
.contBox03c > p:nth-of-type(2){ width:430px; float:left; }
.contBox03c a:hover{ opacity:0.7; }
.contBox03c a{ color:#ff9600; text-decoration:none; }
.contBox03c a:hover{ opacity:0.7; }
.contBox04{ width:580px; margin:auto; margin-top:10px; padding:20px; border:1px solid #000000; margin-bottom:50px; }
.contBox04t{ font-weight:bold; text-align:center; padding-bottom:10px; width:100px; margin:auto; }
.contBox04c{ margin-bottom:5px; }
.contBox04c > p:nth-of-type(1){ font-size:0.8rem; }
.contBox04c > p:nth-of-type(2){  }
.contBox04c a{ color:#ff9600; text-decoration:none; }
.contBox04c a:hover{ opacity:0.7; }
.contImg{ text-align:center; margin-bottom:10px; }
.contImg2{ width:800px; margin:auto; margin-top:20px; text-align:center; margin-bottom:10px; }
.contLinkBox { margin:10px 0; margin:auto; }
.contLinkBox a{ display:block; height:2rem; margin:auto; line-height:2rem; padding-left:0.5rem; background-color:#e5f0f3; margin-top:5px; }
.contLinkBox a:hover{ cursor:pointer; opacity:0.7; }
.contLinkBox a:before{ content:'>'; padding-right:0.5rem; }






/* seminar */
.semiList{ width:750px; margin:auto; margin-top:50px; }
.semiList > p:nth-of-type(1){ display:inline-block; line-height:100%; padding:0.6rem 1rem; margin-bottom:0.3rem; background-color:#e5f0f3; width:360px; }
.semiList > p:nth-of-type(2){ display:inline-block; line-height:100%; padding:0.6rem 1rem; margin-bottom:0.3rem; background-color:#e5f0f3; width:360px; }
.semiList > p:nth-of-type(3){ display:inline-block; line-height:100%; padding:0.6rem 1rem; background-color:#e5f0f3; width:360px; }
.semiList > p:nth-of-type(4){ display:inline-block; line-height:100%; padding:0.6rem 1rem; background-color:#e5f0f3; width:360px; }
.semiList > p:hover{ cursor:pointer; opacity:0.7; }
.semiList > p:before{ content:'>'; padding-right:0.3rem; }
.semiImg{ text-align:center; margin-bottom:10px; }
.semiTitle{ margin-top:90px; }
.semiTitle > p{ font-size:1.2rem; text-align:center; line-height:3.5rem; width:450px; height:3.5rem; margin:auto; border:1px #000000 solid; border-radius:2rem; }
.semiBox01{ width:600px; margin:auto; margin-top:20px; }
.semiBox02{ width:600px; margin:auto; margin-top:30px; padding-bottom:50px; }
.semiBox02Title{ width:600px; margin:auto; border-bottom:1px #000000 solid; padding-bottom:0.5rem; font-weight:bold; text-align:center; margin-bottom:5px; }
.semiBox02Year{ width:600px; margin:auto; }
.semiBox02Year > p{ width:120px; float:left; padding-bottom:5px; }
.semiBox03{ width:600px; margin:auto; margin-bottom:15px; }
.semiBox03 > p:nth-of-type(1){ font-size:0.7rem; font-weight:bold;  }
.semiBox03 > p:nth-of-type(2){ padding-left:20px;  }
.semiBox02Year > p > a,
.semiBox03 > p > a { 
    color:#ff9600;
    text-decoration:none;
}
.semiBox02Year a:hover,
.semiBox03 a:hover {
    opacity:0.7;
}
.semiImg{ text-align:center; margin-bottom:10px; }
.semiList01{ width:580px; margin:auto; margin-top:20px; padding:20px; border:1px solid #000000; margin-bottom:30px; }
.semiList01t{ font-weight:bold; text-align:center; padding-bottom:10px; width:100px; margin:auto; }
.semiList01t > p{  }
.semiList01c{ margin-bottom:5px; }
.semiList01c a{ color:#ff9600; text-decoration:none; }
.semiList01c a:hover{ cursor:pointer; opacity:0.7; }