@charset "utf-8";

/**** base ****/
body {
	color: #111;
	font: 14px/24px Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "メイリオ", Meiryo, sans-serif;
}

.block2 {
	float: left;
}


.floatString{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    color: white;
    margin-top: 10px;
    margin-left: -300px;
}
.center_table{
    margin-left: auto;
    margin-right: auto;
    width: 1300px;
}

 ul {
	list-style: none;
}

 .h300 {
	height: 300px !important;
}

.h100 {
	height: 100px !important;
    margin-bottom: 50px !important;
}

.w300 {
	width: 300px !important;
}

.w200 {
	width: 200px !important;
}

.nondisp {
	display: none;
}



/**** header ****/
#header {
	background-color: rgba(255, 255, 255, 0.95);
	height: 180px;
	position: fixed;
	top: 0px;
	width: 100%;
    z-index: 999;
}
#header .wrapper {
	position: relative;
}

#header .wrapper > * {
	position: absolute;
}

/* logo */
#header #njs_logo {
    margin-top: 5px;
    margin-left: 5px;
}

#header table {
    width:100%;
    position:relative;
}
#logoSky{
    width:100%;
    text-align:center;
}
#logoNJS{
    width:100%;
    position:absolute;
    top:-1px;
}
#btnGuide{
    width:100%;
    text-align:center;
}
#siteMap{
    position:absolute;
    top:-1px;
}

/* skyscraper */


#header #topicPath {
	font-size:15px;
	top: 40px;
}

#header #topicPath ul{
	list-style: none;
}

#header #topicPath ul li{
    float:left;  
    margin:10px 0;
    line-height:110%; 
}

#header #topicPath ul li{
    margin-right:5px;  
}

/* navigation */
#header .navigation {
    margin-left: 31%;
    margin-top: 75px;
}

#header .navigation li {
	float: left;
}

#header .navigation li:not(:last-child) {
	margin-right: 42px;
}

#header .return-navigation {
    position: fixed;
	cursor: pointer;
    background-color: rgba(20, 85, 159, 0.8);
	color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    height: 60px;
    width: 60px;
	right: 1%;
    bottom: 5%;
    border-radius: 60px;
    margin-right: 5%;
}

#header .return-navigation a {
    margin-top: 35px;
    margin-left: 13px;
}

#header .return-navigation:hover{
	background-color: rgba(20, 85, 159, 0.4);
}


/**** content ****/
#content {
	background-color: rgba(255, 255, 255, 1);
	margin-top: 172px;
}

#content .wrapper {
	margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
}

#message {
    position:relative;
    text-align:center;
    width:auto;
}

.cont_table{
	height: 425px;
}

.content_image {
	margin-left: 10%;
 }

.content_image img {
	display: block;
	margin-left: 0 auto;
	margin-right: 0 auto;
 }

.content_comments {
    padding-left: 20px;
}



/**** footer ****/
#footer {
	padding-bottom: 34px;
	/*background-color: rgba(0, 24, 179, 1);*/
    background-color: rgba(20, 85, 159, 1);
	color: #fff;
}

#ftTable{
    width:100%;
    background-color:rgba(20, 85, 159, 1);
}
.ftTdSingle{
    width:27%;
    text-align:left;
}
.ftTdDouble{
    width:54%;
    text-align:left;
}
.ftTdForth{
    text-align:center;
}
.ftTdDummy{
    width:23%;
}

#ftCompany{
    font-size:18px;
    color:white;
    font-family: Arial, Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'HiraKakuProN-W3', 'メイリオ', Meiryo, sans-serif;
    font-weight:bold;
}

#ftLCompany,
#ftPolicy,
#ftAddress,
#ftTel,
#ftCopyLight,
#ftProvision{
    font-size:12px;
    color:white;
    font-family: Arial, Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'HiraKakuProN-W3', 'メイリオ', Meiryo, sans-serif;
}


/* information-and-social */
#footer .information-and-social {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#footer .information-and-social > div {
	display: table-cell;
}

#footer .information {
	font-size: 12px;
	line-height: 20px;
	padding-right: 31px;
	padding-top: 30px;
}

#footer .information em {
	font-size: 16px;
	font-weight: bold;
}

/* link */

#footer .link li {
	display: inline;
	margin-left: 1em;
	margin-right: 1em;
}

#footer .link a {
	color: white;
	font-weight: bold;
}

/* copyright */
#footer .copyright {
	font-size: 10px;
	text-align: center;
}

/* arrow */
.arrowRight{
  position: relative;
  display: inline-block;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrowLeft{
  position: relative;
  display: inline-block;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(45deg);
}
.arrowUp{
  position: relative;
  display: inline-block;
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.arrowUp::before,
.arrowLeft::before,
.arrowRight::before{
  content: '';
  width: 20px;
  height: 20px;
  border: 0px;
  border-top: solid 4px white;
  border-right: solid 4px white;
  position: absolute;
  top: 50%;
  left: 0;
}

/* animation */
.effect i {
  height: 120px;
  padding: 20px;
  font-size: 100px;
  transition: .8s;
} 

.effect div {
  transition: .2s;
  transition-delay: .2s;
}

.hr{
    height:1px; 
    border:none; 
    border-top: 1px #000000 solid; 
    border-top: 2px #000000 solid; 
}

#titleExplain{
    top:0;
    left:10px;
    position:absolute;
    font-size:32px;
    color:white;
    font-family: Arial, Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'HiraKakuProN-W3', 'メイリオ', Meiryo, sans-serif;
}

.tblContent{
    width:100%;
    margin-top:175px;
}
.tblContent2{
    width:100%;
}
.trContentExplain{
    height:410px;
    vertical-align:top;
}
.trContentExplain2{
    height:520px;
}
.tdContentExplain{
    text-align:center;
    width:44%;
}
.tdDummy{
    width:28%;
}