body{
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
background-color:#000000;
font-size:18px;
text-align:center;
margin: 0;
padding-bottom:180px;
}
p{ padding-top:15px;
 padding-bottom:15px;
 padding-left:20px;
 line-height:150%;
 }
 
.clear { clear:both; }
.clear hr { display:none; }

#header{
	background: rgba(0,0,0,0.95);
	position: sticky;
	top: 0px;
	padding-top: 7px;
	padding-left: 10px;
	text-align: left;
	font-size: 30px;
	font-weight:1200;
	margin:0;
	z-index:1;
}
#header a:link { color:#d8d8d8;text-decoration:none; }
#header a:visited { color:#d8d8d8;text-decoration:none; }
#header a:hover { color:#d8d8d8;text-decoration:none; }
#header a:active { color:#d8d8d8;text-decoration:none; }

#outer{
position: relative;

}

.inner_a{
	text-align: left;
	background: rgba(0,0,0,0.7);
	width: 50%;
	min-width: 512px;
	min-height: 900px;
	padding-top: 7%;
	border-radius: 0px 0px 10px 10px;
}

.inner_b{
	text-align: left;
	background: rgba(0,0,0,0.85);
	width: 50%;
	min-width: 512px;
	min-height: 312px;
	padding-top: 10%;
	border-radius: 0px 0px 10px 10px;
}

.link_space{
	text-align: center;
	background: rgba(0,0,0,0.85);
	padding: 10px 5px 10px 5px;
	border-radius: 10px 10px 10px 10px;
}

.initial_text_a{
	line-height:1.4em;
	color:#b8b8b8;
	font-size: 50px;
	font-weight:700;
	
	background: linear-gradient(90deg, #505050, #808080 30%, #fcfcfc);
	background: -webkit-linear-gradient(90deg, #505050, #808080 30%, #fcfcfc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.initial_text_b{
	line-height:1.4em;
	color:#B67715;
	font-size: 50px;
	font-weight:700;
	
	background: linear-gradient(90deg, #FFC754, #B67715 30%, #FFF89B);
	background: -webkit-linear-gradient(90deg, #FFC754, #B67715 30%, #FFF89B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.inner_general{
	background: rgba(255,255,255,0.95);
	margin:20px 10px 20px 10px;
	padding: 10px;
	text-align: left;
	border-radius: 10px;
	border: 5px solid #8f8f8f;
}
.inner_general p{
	color: #333333;
	margin: 0px 20px 0px 0px;
	font-size: 1.2rem;
	line-height:180%;
}

img {
max-width: 100%;
height: auto;
}

.button,
a.button,
button.button {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ffffff;
  border-radius: 0.5rem;
  width: 60%;
}
a.button-silver {
  border: 1px solid #417060;
  border-radius: 1rem;
  background: #417060;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #417060), to(#BDE6D8));
  background: -webkit-linear-gradient(bottom, #417060 50%, #BDE6D8 100%);
  background: linear-gradient(0deg, #417060 50%, #BDE6D8 100%);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
}
a.button-silver:link { color: #ffffff; }
a.button-silver:visited { color: #ffffff; }
a.button-silver:hover { color: #ffffff; }
a.button-silver:active { color: #ffffff; }

h1{
margin:0px 5px 15px 5px;
color:#333333;
border-left:5px solid #333333;
border-bottom:1px solid #333333;
padding:3px 15px 5px 15px;

}
h2{

margin:0px 5px 15px 5px;
color:#444444;
border-left:5px solid #444444;
border-bottom:1px solid #444444;
padding:3px 15px 5px;
	
}

hr {
height: 2px;
border: none;
background-color: #545454;
}
a:link{color:#005ad1;}
a:visited{color:#681DA8;text-decoration:none;}

table{ width:100%; }

table.sideways{
	max-width: 816px;
	border-collapse: collapse;
	border: none;
}
table.sideways tr{
	border-bottom: solid 2px white;
	border-left: none;
	border-right: none;
}

table.sideways tr:last-child{
	border-bottom: none;
	border-left: none;
	border-right: none;
}

table.sideways th{
	position: relative;
	width: 30%;
	background-color: #417060;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: none;
}

table.sideways th:after{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top:calc(50% - 10px);
	right:-10px;
	border-left: 10px solid #417060;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
table.sideways td{
	border-right: solid 2px white;
	text-align: left;
	color:#444444;
	background-color: #E0FFF5;
	padding: 10px 0px 10px 15px;
}
table.sideways td:last-child{
	border-left: none;
	text-align: left;
	color:#444444;
	background-color: #E0FFF5;
	padding: 10px 0px 10px 15px;
}

table.vertical{
	table-layout:fixed;
	margin-top:5px;
	border-collapse: collapse;
	border: none;
}
table.vertical tr{
	border: none;
}

table.vertical th{
	position: relative;
	background-color: #6495ed;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: solid 2px white;
	border-top: solid 2px white;
}

table.vertical th:last-child{
	position: relative;
	background-color: #6495ed;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: none;
	border-top: solid 2px white;
}

table.vertical th:after{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #6495ed transparent transparent transparent;
	border-width: 10px 10px 0 10px;
	position : absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}

table.vertical td{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	border-bottom: solid 2px white;
}

table.vertical td:last-child{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: none;
	border-bottom: solid 2px white;
}

table.double th{
	position: relative;
	background-color: #6495ed;
	color: white;
	text-align: center;
	padding: 10px 0;
	border-right: solid 2px white;
	border-top: solid 2px white;
}
table.double td{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	border-bottom: solid 2px white;
}

table.double td:last-child{
	border-left: none;
	text-align: center;
	background-color: #e6e6fa;
	padding: 10px 0px 10px 0px;
	border-right: none;
	border-bottom: solid 2px white;
}
table.double th a:link { color:#f0f8ff; }
table.double th a:visited { color:#f0f8ff; }

strong {
font-weight:600;
color:#b31102;
}
b {
font-weight:600;
color:#b31102;
}

.linklist li {
    padding: .5em;
	padding-bottom:0px;
	padding-top:10px;
}
.linklist li:not(:last-child) {
    border-bottom: 1px dashed #63a4c2;
}
.linklist li::marker {
    color: #63a4c2;
    font-size: 1.1em;
}