@charset "UTF-8";
/* CSS Document */
* {margin: 0;}
html {
	box-sizing:border-box;
	font-family: 'Source Sans Pro', sans-serif;
	height: 100%;
	font-size: 13px;
}

header {
	background: #fff;
	padding: 10px 20px;
}

header .pageControls select {
	padding: 5px 8px;
	border-radius: 5px;
	color:#1A5BAD;
	font-weight:bold;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
}

header .container {
	display:flex;
}

.logoContainer {
	color: #fff;
	font-weight: bold;
	display:flex;
	max-width: 410px;
	min-width: 250px;
	margin-right: 20px;
}

.logoContainer img {
	max-width: 410px;
	max-height: 60px;
	margin-right:10px;
}

.mainNav {
	display:flex;
	align-content: center;
	padding-top: 5px;
	white-space: nowrap;
	margin-right: auto;
}

.mainNav ul{
	display:flex;
	list-style:none;
	padding:0;
	margin:0;
}

.mainNav ul li{
	padding:0;
	margin:auto 5px;
}

.mainNav ul li a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	letter-spacing:1px;
}

.mainNav li {
	color: #828282;
}

.subNav {
	display:flex;
	margin-left: auto;
	padding-top: 5px;
	white-space: nowrap;
}

.subNav ul{
	display:flex;
	list-style:none;
	padding:0;
	margin:0;
}

.subNav ul li{
	padding:0;
	margin:0 5px;
}

.subNav ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	letter-spacing:1px;
}

.pageControls {
	text-align: right;
	display: flex;
	justify-content: flex-end;
	height: 40px;
	margin-top: auto;
}

body{
	margin: 0px;
	height: 100%;
}

#wrapper {
	min-height: 100%;
	background: #fff;
	height: auto !important;
	height: 100%;
	display: flex;
	flex-flow: column;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}
#footer,#push {
	height: 120px; /* .push must be the same height as .footer */
}
#footer {
	background: #00316E;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
	color: #FFF;
}
#footer a {
	text-decoration: none;
	display: inline-block;
	margin: 10px 6px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	font-family: sans-serif;
}

a:link {color: #06C;}
a:visited {color: #069;}
a:hover {color: #09C;}
#settingMenu a:link {color: #333;}
#settingMenu a:visited {color: #333;}
#settingMenu a:hover {color: #333;}

h1,ul,li,form {margin:0; padding:0;}
img {border:none;}
.fontL {font-size:1.25em;}

#container {clear:both; flex: 1 1 auto;}
#container.other-area{
	background:  #fff;
	width: 100%;
}
#header {height:60px; padding:10px; overflow:hidden; display: flex; align-items: center;}
#header h1#logo {float:left;}
body #header #logo img {display: block;}
#header #userinfoArea {float:right; text-align:right; margin-top:20px;}
#resultMark   {overflow:hidden; margin:0; padding:0;}
#header #userinfoArea ul li {display:inline; margin-right:10px; border-right:solid 1px #CCC; list-style:none; padding-right:10px;}
#header #userinfoArea ul li.last {border:none; padding:0; margin:0;}


#nav {height:55px; background:url(../saas_img/nav_back.gif) repeat-x;}
#nav ul{margin:5px 0 0 20px; padding:0;}
#nav ul li {display:inline; margin-right:10px; list-style:none; }
#nav ul li a img {opacity:0.5; filter:alpha(opacity=50);}
#nav ul li a:hover img,#nav ul li.select a img{opacity:1.0; filter:alpha(opacity=100);}
#subnav {background:url(../saas_img/nav_sabback.gif) repeat-x #f2f2f2; border-bottom:solid 1px #CCC;}
#subnav ul {padding:10px 20px; margin:0;word-wrap: break-word;}
#subnav ul li {display:inline; margin:0 10px 7px 0; padding-left:10px; background:url(../saas_img/icon/arrow.gif) no-repeat 0 center; list-style:none;}


p {margin-bottom:20px;}
p.lastParagraph {margin-bottom:0;}
.section {
	margin: 30px auto 30px;
	width: 700px;
}
.clear {clear:both; overflow:hidden;}
span.msg {color:#F00; font-weight:bold; display:block; margin-top:5px; margin-bottom:10px; text-align:left; background:url(../saas_img/icon/attention_s.gif) no-repeat; padding-left:20px; display:block;} /* エラー時のメッセージ */
.important {color:#F00; font-weight:bold; padding: 5px 0 0;}
.font_red {color:#F00;}

p#toTop {text-align:right;}
a#topLink {background:url(../saas_img/icon/totop.gif) no-repeat; padding-left:20px;}

/* margin ----------------------------------------------------------------------------------- */
.mgb20{margin-bottom:20px;}
.mgb10{margin-bottom:10px;}


/*[paging]
----------------------------------------------------------------------------------- */
ul.pager {text-align: center;}
ul.pager li {display: inline;}
ul.pager li strong {
  padding: 0.3em 0.5em;
  display: inline-block;
  color: #fff;
  background-color: #06C;
  border: 1px solid #06C;
}
ul.pager li a {
  padding: 0.2em 0.5em 0.3em;
  display: inline-block;
  text-decoration: none;
}
ul.pager li a:link,
ul.pager li a:visited {
  border: 1px solid #cccccc;
  color: #06C;
	border-radius: 3px;
}
ul.pager li a:hover,
ul.pager li a:active {
  border: 1px solid #06C;
  color: #fff;
  background-color: #06C;
}

.btn-pager a{
	display: inline-block;
	background: #fdfdfd;
	border: solid 1px #c3c3c3;
	color: #575757;
	text-decoration: none;
	padding: 3px 7px;
	border-radius: 3px;
	margin: 0 1px;
}

.btn-pager a:hover{
	opacity: 0.6;
}

/*[search]
----------------------------------------------------------------------------------- */

#search_title{
	height: 25px;
	margin: 0 0 0 3px;
	box-sizing: border-box;
	border: solid 1px #6c6c6c;
	width: 240px;
}

#btn_search{
	border: none;
	border-radius: 0;
	margin: 0 0 0 -5px;
	padding: 0 7px;
	height: 25px;
	vertical-align: bottom;
	background: #6c6c6c;
	color: #fff;
}

.search_title_box #search_title{
	width: 300px;
}

#selectArea table{
	margin: 10px
}

#selectArea table td.search_title_box{
  padding: 5px 0;
}

#search_url{
  	height: 25px;
  	margin: 0 0 0 3px;
	box-sizing: border-box;
	border: solid 2px #6c6c6c;
	width: 300px;
	border-radius: 5px;
}

.edit_index{
	text-align: right;
	padding: 0 5px 0 0;
}

.btnArea{
	text-align: center;
	margin: 0 0 10px;
}

.btnArea #button, .btnArea .mgb20, .btnArea .setting-btn_delete, .btnArea .Btn{
	border: none;
	margin: 0 0 0 -5px;
	width: 170px;
	background: url(../saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
	border-radius: 30px;
	height: 30px;
	vertical-align: bottom;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	background-size: 16px;
}

.authentication_box input[type="text"], .authentication_box input[type="password"]{
height: 25px;
margin: 5px 0 5px 3px;
box-sizing: border-box;
border: solid 2px #CCC;
border-radius: 5px;
width: 300px;
}

.authentication_box input[type="checkbox"]{
position:relative;  top:2px;
margin: 5px 0 5px 3px;
}

.para_table {
position:relative;  top:-15px;
}


.ps_change_msg { position:relative;}
.ps_change_msg_en { position:relative;}

.authentication_set_change span{
	width: 300px;
	display: inline-block;
	text-align: left;
}

.authentication_box input[type="submit"]{
	display: block;
	margin: 10px auto 0;
	background: url(../saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
	width: 140px;
	border-radius: 30px;
	height: 30px;
	border: none;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	background-size: 16px;
	font-weight: bold;
}
.input_f_auth{
height: 25px;
margin: 5px 0 5px 3px;
box-sizing: border-box;
border: solid 2px #6c6c6c;
border-radius: 5px;
width: 400px;
}
.input_f_auth_short{
height: 25px;
margin: 5px 0 5px 3px;
box-sizing: border-box;
border: solid 2px #6c6c6c;
border-radius: 5px;
width: 200px;
}

.form_authentication_box input[type="submit"]{
	display: block;
	margin: 10px auto 0;
	background: url(../saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
	width: 140px;
	border-radius: 30px;
	height: 30px;
	border: none;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	background-size: 16px;
	font-weight: bold;
}

.dashboardControls {
	display: flex;
	background:#00316E;
	color:#fff;
	align-items:center;
	padding: 20px;
	box-sizing: content-box;
	height: 32px;
	/* margin-bottom:20px; */
}

.dashboardControls h1 {
	/* flex: 1; */
	margin-right: 20px;
}

@media(max-width:1400px){

	.siteSelector,
	.scanTimer {
		margin-top:10px;
	}

	.dashboardControls{
		flex-wrap:wrap;
	}
}

@media(min-width:768px) and (max-width:1134px){
	.siteSelector{
		flex-basis:500px !important;
	}

	.dashboardControls > *{
		flex:unset !important;
		/* flex-basis:47% !important; */
	}

	.dashboardControls{
		justify-content:space-between;
	}

	.siteSelector select,
	.siteSelector{
		margin:0 !important;
	}

	.dashboardControls :is(h1, .scanTimer){
		margin-bottom:10px;
	}

}

.dashboardControls h1 {
	font-size: 1.5em;
	margin-right: 20px;
}

.currentSiteInfo {
	margin-right:10px;
	text-align:left;
	font-weight:bold;
	font-size:21px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.currentSiteInfo p{
	padding:0;
	margin:0;
	line-height:1em;
	font-size: 13px;
}

.currentSiteInfo span{
	font-size:15px;
	font-weight:400;
}

.scanTimer {
	flex:1;
	padding-right: 20px;
}

.scanTimer p {
	margin: 0;
	padding: 2px 0;
}

.scanTimer p {
	color: #ccc;
	font-size: 10px;
}

.scanTimer p strong{
	color: #fff;
}

button.scanStatus.enabled {
	background: #279080;
}

button.scanStatus.disabled {
	background: #ddd;
}

button.scanStatus{
	font-size:21px;
	font-weight:bold;
	letter-spacing:2px;
	color:#fff;
	border-radius:10px;
	background:#ddd;
	min-width: 250px;
}

.scanSettings {
	background: #eee;
	border: 5px solid #1A5BAD !important;
	border-radius: 5px;
	padding:  1px 2px;
	position: relative;
	color: #1A5BAD;
	font-weight: bold;
	margin-left: 10px;
	cursor: pointer;
}

.scanSettings div {
	width: 20px;
	height: 3px;
	background-color: #1A5BAD;
	margin: 3px 1px 3px 1px;
}

.scanButtons {
	flex:2;
	text-align:right;
}

.scanButtons {
	display: flex;
	justify-content: flex-end;
}

.scanButtons button {
	border: none;
}

.btn-standard {
	float: left;
	margin: 3px 0;
	text-align: left;
	padding: 8px 34px 8px 16px;
	font-weight: bold;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	background: url(../saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
	background-size: 16px;
}

#henkou_btn {
	margin: 3px 0;
	text-align: center;
	padding: 8px 34px 8px 16px;
	font-weight: bold;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	background: url(../saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
	background-size: 16px;
	border: 0;
	cursor: pointer;
}

#bat_dl a {
	text-decoration: none;
}