@charset "UTF-8";
/* CSS Document */

/* ELEMENTS ======================================================================================= */
body#topLogin #header,body#newsPage #header {height:90px; background:url(/saas_img/nav_topback.gif) repeat-x 0 80px; padding:10px;}
#container {width:640px; margin:0px auto 50px auto;}
#container h2 {
    display: flex;
    background:#00316E;
    color:#fff;
    align-items:center;
    padding:20px;
    /* margin-bottom:20px; */
}
#container .section h3 {font-size:1.25em; padding:3px; margin-bottom:10px; border-bottom:1px solid #ddd;}
#container .section .btnArea {text-align:center; margin-top:20px;}
#container .section .btnArea input {
    font-size: 12px;
    font-weight: bold;
    padding: 7px 50px 10px 50px;
    border-radius: 30px;
    margin: 3px 0;
    color: #fff;
    background: url(/saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
    background-size: 16px;
    border: none;
    cursor: pointer;
    height: 30px;
}
#container .section a#backBtn {width:188px; margin:50px auto 0 auto; display:block;}
#container .section a#backBtn:hover img {opacity:0.8; filter:alpha(opacity=80);}
/* ================================================================================================ */


/* inquiry ---------------------------------------------------------------------------- */
table {margin:5px 0 5px; border:solid 1px #ddd; border-radius: 10px; color:#111; width:100%;}
table th,table td {padding:10px; }
table th {text-align:left; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; background-color: #D3E6F4;}
table tr:last-child th {border-bottom: none;}

table td {border-bottom: solid 1px #ddd;}
table tr:last-child td {border-bottom: none;}

table td input {margin-right:3px;}
table td input.textArea, table td select {padding:5px; margin-bottom:3px; border-radius:5px; border: solid 2px #CCC;}
table td input.textArea {width:300px;}
table td textarea {padding:5px; width:450px; height:150px; margin-bottom:3px;}
table th.lasttd,table td.lasttd {border:none;}

#st_completionform table tr:first-child th, #st_edituser table tr:first-child th, #add_form table tr:first-child th, #form_dl table tr:first-child th, #st_forget table tr:first-child th, #form1 table tr:first-child th {border-top-left-radius: 10px;}
#st_completionform table tr:last-child th, #st_edituser table tr:last-child th, #add_form table tr:last-child th, #form_dl table tr:last-child th, #st_forget table tr:last-child th, #form1 table tr:last-child th {border-bottom-left-radius: 10px;}

#result_appear table tr:first-child th {border-top-left-radius: 0px;}
#result_appear table tr:last-child th {border-bottom-left-radius: 0px;}

/* Batch Download ---------------------------------------------------------------------------- */

table.newHistory {border-radius: 0px}

/* agreement ---------------------------------------------------------------------------- */
body#agreement #container ul {margin:0 0 20px 0; padding:0;}
body#agreement #container ul li {margin-bottom:10px; list-style:none;}

/* usermanages ---------------------------------------------------------------------------- */
table#usermanages {border:none;}
table#usermanages table {border:none;}
table#usermanages table th,table#usermanages table td {border:none; vertical-align:top;}
table#usermanages table th {width:50px; background:#FFF;}

#delete_btn {
    padding: 8px 34px 8px 16px;
    background: url(/saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-size: 16px;
    border: 0;
    border-radius: 30px;
    cursor: pointer;
}
.userMail {background:url(/saas_img/icon/arrow_y2.gif) no-repeat 0 1px; padding-left:16px; display:block; font-size:1.25em; font-weight:bold;}
p.ramification {background:url(/saas_img/icon/ramification.gif) no-repeat; padding-left:20px; margin:0;}

#backBtn{
    display: inline-block;
    background: url(/saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
    border-radius: 30px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.05em;
    vertical-align: top;
    text-align: center;
    margin: 10px 4px 0;
    padding: 8px 34px 8px 16px;
    background-size: 16px;
}
#backBtn img{
    display: none;
}
#backBtn:before{
    content: "ホームへ戻る";
}
#backBtn.btn_content_en:before{
    content: "Return Home";
}
#backBtn.reg_app:before{
  content: "認証アプリへ登録完了";
}
#backBtn.reg_app.btn_content_en:before{
  content: "Registered App";
}
#backBtn:hover{
    opacity: 0.8;
}

/*[Sign Out Button (For header)]
----------------------------------------------------------------------------------- */

.signout-Btn {
	background: #1A5BAD; 
	margin: auto 0px auto 30px; 
	padding: 8px 16px 8px 16px; 
	border: none;
	border-radius: 12px;
	height: 35px;
	width: fit-content;
	white-space: nowrap;
}
  
  /*[Dropdown Menu (For header)]
  ----------------------------------------------------------------------------------- */
  
.dropbtn {
	background-color: #ffffff;
	color: rgb(4, 4, 4);
    width: fit-content;
	padding: 10px 5px 10px 5px;
	border: none;
	cursor: pointer;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing:1px;
}
	
.dropbtn:hover, 
.dropbtn:focus {
	background-color: #00316E;
	color: #ffffff;
}
	
.dropdown {
	position: relative;
	display: inline-block;
}
	
.dropdown-content {
	border: 1px solid #00316E;
	display: none;
	position: absolute;
	background-color: #f1f1f1;
    width: fit-content;
    text-align: justify;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	letter-spacing:1px;
}
	
.dropdown-content a {
	background-color: #ffffff;
	color: rgb(1, 1, 1) !important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
	
.dropdown a:hover {
	color: #fdf8f8 !important;
	background-color: #00316E !important;
}
	
.show {
	display: block;
}
	
.arrow-down::after {
	content: " ▼";
}
	
.hidden {
	display: none;
}