*{
  margin:0;
  padding:0;
  font-family: "メイリオ", Meiryo, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

html,
body {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

#header {
	width: 100%;
}

.header-image-container
{
	padding-top: 0px !important;
}

.header-image-default
{
	width: 100%;
	margin: 15px auto -20px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.header-image-default
	{
		width: 80%;
		max-height: 80px;
	}
}
@media screen and (min-width: 768px) {
	.header-image-default
	{
		width: 80%;
		max-height: 126px;
	}
}
@media screen and (min-width: 992px) {
	.header-image-default
	{
		width: 80%;
		max-height: 166px;
	}
}
@media screen and (min-width: 1200px) {
	.header-image-default
	{
		width: 80%;
		max-height: 200px;
	}
}

.header-image-default img
{
    max-width: 100%;
    max-height: inherit;
}

.panel-group
{
	width:100%;
	margin: 0 auto 25px;
}
@media screen and (min-width: 500px) {
	.panel-group
	{
	width:80%;
	margin: 0 auto 25px;
	}
}

.panel-title
{
	font-weight:bold;
}

.container
{
	padding-top:35px;
}

.panel-heading
{
    padding:0px;
}

.panel-link
{
    padding:0px;
	height: 100%;
	width: 100%;
	background-color:#eee;
}
.panel-link:hover
{
	background-color:#ddd;
}

.paneltitleright
{
	float: left;
	width: 10%;
	text-align: right;
	margin:0px;
	padding:8px;
}

.panel-title-left
{
	float: left;
	width: 90%;
	margin:0px;
	padding:10px 8px 8px 8px;
}

.clear
{
	clear: both;
}

.download
{
	width:100%;
	margin: 0 auto 25px;
	text-align:center;
}

@media screen and (min-width: 500px) {
.download
	{
		width:80%;
		margin: 0 auto 25px;
		text-align:center;
	}
}

.agreement
{
	width:100%;
	margin: 0 auto 25px;
	text-align:center;
}

@media screen and (min-width: 500px) {
	.agreement
	{
		width:80%;
		margin: 0 auto 25px;
		text-align:center;
	}
}

.download-btn {
    width: 100% !important;
    padding-top : 15px !important;
    padding-bottom : 15px !important;
    font-weight:bold;
}

@media screen and (min-width: 500px) {
	.download-btn {
    width: 300px !important;
    padding-top : 15px !important;
    padding-bottom : 15px !important;
    font-weight:bold;
	}
}

.panel-body
{
  text-align: left;
  vertical-align: top;
  overflow: auto;
  max-height: 200px;
}

.panel-body::-webkit-scrollbar {
  background:#ccc;
  width:10px;
}

.panel-body::-webkit-scrollbar-thumb {
  background:#aaa;
}

#onjs
{
	display: none;
}

#wrap {
  min-height: 100%;
  margin: 0 auto -61px;
}

#push {
  height: 60px;
  width: 100%;
}

#footer {
  height: 60px;
}

.footer-copyright {
	margin: 0;
}

.footer-copyright-dlpage {
	margin: 0;
}

@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 500px) {
  #footer {
  height: 60px;
  line-height: 60px;
  text-align:center;
  background-color: #f5f5f5;
  border-top-style : solid;
  border-top-width : 1px;
  border-top-color : #D4D4D4;
  }
  
  .footer-copyright-dlpage {
    line-height: 25px;
    margin-top: 5px;
  }
}

#footer {
  text-align:center;
  background-color: #f5f5f5;
  border-top-style : solid;
  border-top-width : 1px;
  border-top-color : #D4D4D4;
}

.sso-error-message-wrapper
{
  display: flex;
  min-width:600px;
}
.sso-error-message-icon-wrapper
{
  width: 50px;
}
.sso-error-message
{
  width: 100%;
  padding-left:20px;
  display:grid;
  place-items: center start;
  overflow-wrap: anywhere;
}
.sso-error-message-icon
{
  fill:#a94442;
  width:50px;
  height:50px;
}

.sso-console-kick-button-wrapper
{
  display:flex;
  justify-content: center;
  align-items: center;
  width:400px;
}
.sso-console-kick-button
{
  background-color:#f2dede;
  color:#a94442;
  border-color:#ebccd1;
  font-size:15px !important;
  padding-top : 15px !important;
  padding-bottom : 15px !important;
  font-weight:bold;
  width: 100% !important;
  text-align:center;
}
.sso-console-kick-button:hover{
  color:#a94442;
}
.sso-console-kick-button-image{
  width:30px;
  height:30px;
  margin-right:10px;
}
.sso-completed-message
{
  text-align:center;
}