/***********************************************
FileName: login.css　2022-07-27
************************************************/

.mb-30{
	margin-bottom: 30px;
	}

#h1Area {
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 0px;
	background-color: #ecf4d9;
	clear: both;
	}

#h1top {
	margin: 0 auto;
	text-align: center;
	width: 960px;
	line-height: 160%;
	}

h1 {
	float: left;
	text-align: left;
	font-size: 1.2rem;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
	width: 960px;
	line-height: 180%;
	}

.headertop-Area {
	float: left;
	text-align: center;
	width: 100%;
	clear: both;
	background-color: #ecf4d9;
	}

.headertop {
	margin: 0 auto;
	text-align: left;
	clear: both;
	width: 960px;
	}

.headertop-left {
	float: left;
	text-align: left;
	width: 545px;
	padding: 0px 0px 0px 0px;
	}

.headertop-right {
	float: right;
	text-align: left;
	width: 100px;
	padding-top: 20px;
	}

#one_maincolumn{
	padding: 0px 0px 30px 0px;
	}

.centerclear{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

.tablezone{
	width: 100%;
	}

.table960 th {
	padding: 10px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}

.table960 td {
	padding: 10px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}

.zone-left {
	text-align: left;
	width: 30%;
	background-color: #f5f5f5;
	}

.zone-right {
	text-align: left;
	width: 70%;
	}

.table960 input,select,textarea{
	font-size: 1.6rem;
	padding: 5px 5px 5px 5px;
	box-sizing: border-box;
	}

.input-s{
	width: 150px;
	}

.input-m{
	width: 250px;
	}

.input-l{
	width: 400px;
	}

.input-max{
	width: 100%;
	}

.attention {
	color: #ff0000;
	}

.sendzone {
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
	}

.sendzone input {
	font-size: 1.6rem;
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
	}

/*大タイトル***************************************/

.daititlebox{
	float: left;
	text-align: center;
	width: 100%;
	background-color: #45b035;
	padding: 15px 0px 15px 0px;
	margin-bottom: 50px;
	}

.daititlebox h2 {
	margin: 0 auto;
	text-align: center;
	width: 960px;
	font-family: 'Hiragino Maru Gothic W6 JIS2004';
	color: #ffffff;
	font-size: 2.4rem;
	line-height: 160%;
	}

body{
	background: url(./access-sys/img/bg.jpg) ;
	background-color:#ffffff;
}

td, div {
	font-size: 1.6rem;
	color: #333333;
	line-height: 180%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

html {
	font-size: 62.5%;
}

input.ht {
	padding: 0px 5px 0px 5px;
	font-family: 'Hiragino Kaku Gothic W5 JIS2004';
	font-size: 1.6rem !important;
	letter-spacing: 0.1em;
	border: 1px solid #3F3B3A;
	height: 30px;
	box-sizing: border-box;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt35 {
	margin-top: 35px;
}

.pb35 {
	padding-bottom: 35px;
}

.mtb20 {
	margin: 20px 0;
}

/***********************************************
2019.03.21 井山記述（新定義によるレイアウト）
***********************************************/

/*大タイトルの記述*/
.logsystem_daititlebox{
	float: left;
	display:block;
	width: 900px;
	padding: 10px 30px 10px 30px;
	background-image: url(/skinimg/dai-title-icon2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #444444;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#ffffff;
	font-size:2.8rem;
	line-height : 150%;
	clear:both;
	}

@media all and (-ms-high-contrast:none){
.logsystem_daititlebox{
	float: left;
	display:block;
	width: 900px;
	padding: 12px 30px 7px 30px; /* IEハック用 */
	background-image: url(/skinimg/dai-title-icon2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #444444;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#ffffff;
	font-size:2.8rem;
	line-height : 150%;
	clear:both;
	}
}

.logsystem_daititlebox h2 {
	margin:0 auto;
	text-align:center;
	width: 900px;
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color:#ffffff;
	font-size:2.8rem;
	line-height : 150%;
	clear:both;
	}

.logsystem_view{
	float: left;
	text-align: left;
	width: 960px;
	margin: 20px 0px 30px 0px;
	}

/*コピーライトの定義*/
.copyright{
	float: left;
	text-align: center;
	width: 100%;
	padding: 0px 15px;
	box-sizing: border-box;
	}

.copyright p{
	font-size: 1.6rem;
	}

/***********************************************
login.css　1.7　2019-02-26
***********************************************/

.center960 {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	clear: both;
}

.table960none{
	width:960px;
	float:left;
	text-align:left;
	display:inline;
	}

.table960none td{
	padding:0px;
	}

.table960{
	float: left;
	text-align: left;
	width: 960px;
	}

.table960 td{
	padding: 10px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

html{
	overflow-y:scroll;
	}

.systemloginArea{
	float: left;
	text-align: left;
	width: 100%;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku','MS UI Gothic', sans-serif;
	margin-top: 8px;
	}

.systemloginzone{
	margin: 0 auto;
	text-align: center;
	width: 600px;
	}

.systemloginbox{
	float: left;
	text-align: left;
	width: 590px;
	border: 5px solid #0066cc;
	}

.systemloginheader{
	float: left;
	text-align: center;
	width: 590px;
	padding: 16px 0px 19px 0px;
	border-bottom: 1px solid #333333;
	font-family: 'Hiragino Kaku Gothic W7 JIS2004';
	font-size: 3rem;
	line-height: 160%;
	color: #0066cc;
	}

@media all and (-ms-high-contrast:none){
.systemloginheader{
	float: left;
	text-align: center;
	width: 590px;
	padding: 19px 0px 15px 0px;
	border-bottom: 1px solid #333333;
	font-family: 'Hiragino Kaku Gothic W7 JIS2004';
	font-size: 3rem;
	line-height: 160%;
	color: #0066cc;
	}
}

.systemloginheader img{
	margin: 0 auto;
	text-align: center;
	}

.systemlogincontent{
	margin: 0 auto;
	text-align: center;
	width: 500px;
	}

ul#loginmenu{
	float: left;
	text-align: left;
	width: 500px;
	}

ul#loginmenu li{
	list-style-type: none;
	float: left;
	text-align: left;
	border-bottom: 0px solid #A1CBED;
	}

.menulistArea{
	float: left;
	text-align: left;
	width: 590px;
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #333333;
	}

ul#menulist{
	float: left;
	text-align: left;
	width: 500px;
	}

ul#menulist li{
	list-style-type: none;
	float: left;
	text-align: left;
	border-bottom: 0px solid #A1CBED;
	}

.loginmenuname{
	float: left;
	text-align: left;
	width: 150px;
	min-height: 32px;
	display: flex;
	align-items: center;
	clear: both;
	}

.loginmenuform {
	float: left;
	text-align: left;
	width: 350px;
	}

.logincheck{
	float: left;
	text-align: left;
	width: 500px;
	}

.loginbtn{
	float: left;
	text-align: left;
	width: 80px;
	}

.loginpass{
	float: left;
	text-align: left;
	width: 500px;
	margin-top: 10px;
	}

.logininput{
	margin: 0 auto;
	text-align: center!important;
	width: 100%;
	margin-top: 10px;
	}

.systemloginfooter{
	float: left;
	text-align: center;
	width: 590px;
	padding: 20px 0px 15px 0px;
	border-top: 1px solid #333333;
	}

.mt5{
	margin-top: 5px;
	}

.mt-10{
	margin-top: 10px;
	}

img{
	display: block;
	clear: both;
	border: 0;
	}

*{
	margin: 0;
	padding: 0;
	}