@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2020.02
==================================================== */
html {font-size: 10px; }
body {font-size: 1.4rem; }
body {
  background: #F6F6F6;
  color: #4D4F5C;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, sans-serif;
   }

input, button, textarea, *:before, *:after {font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, sans-serif;}.fa:before, .far:before, .fas:before,
.fa:after, .far:after, .fas:after {font-family: "Font Awesome 5 Free";}
p {margin: 0 0 1em;}
p:last-of-type {margin-bottom: 0;}
a {color: #3A5BC9; text-decoration:underline;}
a:hover {color: #00AEDA; text-decoration:none;}

sans{font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, sans-serif;}

.alignL {text-align: left !important; }
.alignC {text-align: center !important; }
.alignR {text-align: right !important; }
.alignM,
.alignE {
  text-align: justify !important;
  text-justify: inter-ideograph !important;
  word-wrap: break-word !important;
}

.alignM {
    -moz-text-align-last: justify !important;
    text-align-last: justify !important;
}
.button.rightTop{
	position: absolute;
    top: -10px;
    right: 0;
}
.button.rightTop2{
	position: absolute;
    top: -10px;
    right: 200px;
}
div.rightTop{
	position: absolute;
    top: 10px;
    right:20px;
}

.filename {
    display:block;
    background:#333333;
    padding:0.5em;
    color:#ffffff;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-align:center;
}
.filename:before {content:"template：";}
.refused { color:#ff0000; }

/* ====================================================
　文字色
==================================================== */
.fontRed{color: #FF6565;}

/* ######################################################################################

　フレーム  OPENなし

###################################################################################### */

header{width: 100%;}

/* ====================================================
　ヘッダ
==================================================== */
header{
    background-color:#FFF;
    position: fixed;
    z-index: 999;
	top: 0;
    width: calc(100%);
	height:60px;
	padding:0 30px;
	transition : width ease 0.5s;
	display: flex;
    align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
    }
header ul{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
	overflow: hidden;
    }
header li{
    display:flex;
	text-decoration:none;
    height:30px;
    align-items:center;
	margin-left:20px;
	min-width: 110px;
	
    }
header li a {color:#2D315D; text-decoration: none;}
header li a:hover {color:#3A5BC9;}
header li:nth-child(1){padding-right:20px; border-right:1px solid #ddd; }

header li:nth-child(1) a:before{
	content:"";
	background:url("../img/nav/ico05.svg") no-repeat top;
	width:14px;
	height:16px;
	display:inline-block;
    margin-right: 8px;
	position:relative;
    top:3px;
}
header li:nth-child(2) a:before{
	content:"";
	background:url("../img/nav/ico-logout.svg") no-repeat top;
	width:17px;
	height:16px;
	display:inline-block;
    margin-right: 8px;
	position:relative;
    top:3px;
}

header a,header p{font-weight:bold;font-size: 13px;}
header p{min-width: 70%;}



/* ====================================================
　パンくず
==================================================== */
.topicpath{
	margin-left:30px;
	margin-top: 7px;
	font-size:1.2rem;
    line-height:1;
}
.topicpath a {color:#6684E6; padding-top:0.1em; padding-bottom:0.1em;}

.topicpath ul{display:flex;}
.topicpath ul li {display:flex; align-items:center;}
.topicpath ul li+li {margin-left:7px;}

.topicpath span {color:#A4A7B6;}

.topicpath ul li:before{
	content:">";
    display:inline-block;
    margin-right:9px;
	width:11px;
}
.topicpath ul li:first-child:before{
	content:"";
    position:relative;
    top:-1px;
	background-image:url(../img/icon/ico-home_gray.svg);
	background-size: 12px 12px;
    margin-right:8px;
	width:12px;
	height:12px;
}

/* ====================================================
　メインブロック
==================================================== */
main{
    background-color:#F6F6F6;
    width: calc(100% - 66px);
    min-height:100vh;
    margin-left:66px;
	padding-top:65px;
    padding-bottom:1em;
    }
main .mainBloc{
    margin: 20px 30px 20px 30px;
    max-width:1300px;
    min-width:768px;
    }
main .mainBloc .contents{
    border-radius:3px;
    background-color:#FFF;
    padding:30px;
	border: 1px solid rgba(0, 0, 0, 0.0625);
	position: relative;
    }
main .mainBloc .nopd_contents{
	position: relative;
	background-color:#FFF;
	margin-top:20px;
}
.mainBloc .nopd_contents .color2Title{
	margin-bottom: 0!important;
}


main .mainBloc .contents.dashboard{
	min-height: 600px;
}

.contents + .contents,
.row + .contents{margin-top:20px;}



/* ######################################################################################

　フレーム  OPENあり

###################################################################################### */

/* ====================================================
　ヘッダ
==================================================== */
.menuOpen header{width: calc(100% - 260px);}
/* ====================================================
　ナビゲーション
==================================================== */
.menuOpen .gnav{width: 260px;}
.menuOpen .gnav ul{width: 260px;}
.menuOpen .gnav .active .subMenu {}
.menuOpen .gnav p{color: #ceff00; padding: 1em 0 0 2em ;display: block;}
.gnav p{display: none;}

/* ====================================================
　メインブロック
==================================================== */
.menuOpen main{
    width: calc(100% - 260px);
    margin-left:260px;
}


/* ######################################################################################

　ログイン画面

###################################################################################### */
main.logout{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    margin-left: 0;
    padding-top: 0;
}
main.logout .logo{
    margin-bottom: 20px;
}
main.logout .logo img{width: 100%; height: auto;}


main.logout .contents{
    width: 600px;
    border-radius: 3px;
    background-color: #FFF;
    padding: 35px 100px 15px;
    box-shadow: 1px 1px 15px #45414E08;
	border: 1px solid #2D315D;
}

main.logout .title{
    text-align: center;
    margin-bottom: 0.5em;
    color: #4D4F5C;
    font-size: 1.6rem;
	font-weight: bold;
}
main.logout table{width: 100%;}

main.logout table th,
main.logout table td{
    text-align: left;
    padding: 0.35em 0;
}
main.logout table th{    
    padding-right: 0.5em;
    width: 80px;
    color: #4D4F5C;
    font-size: 1.3rem;
    font-weight: normal;
}

main.logout table input[type=text],
main.logout table input[type=mail],
main.logout table input[type=password]{width: 100%;}

main.logout .keep,
main.logout .buttonBox{text-align: center;}

main.logout .keep{margin: 2em 0;}
main.logout .buttonBox{margin-bottom: 2em;}
main.logout .copyright{
    color: #A3A6B4;
    font-size: 1.1rem;
    text-align: center;
}
/* ====================================================
　.gnav    ナビゲーション
==================================================== */
.gnav ul li a:hover{ background-color: rgba(0, 0, 0, .2); color:#ceff00; }
.gnav .active > a{	color:#2D315D !important; background-color:#F6F6F6 !important;	border-left:solid 4px #CEFF00;}
.gnav .subMenu a:hover{	background-color:rgba(0, 0, 0, .2);	color:#FFF;}

.gnav{
    position: fixed;
    width: 66px;
    height: 100%;
	transition : width ease 0.5s;
	overflow:hidden;
	z-index: 1000;
    }
/* ロゴ */
.gnav .logo {
    display:flex;
    align-items:center;
    justify-content:center;
    width:260px;
    height:60px;
    padding-right:66px;
}
/* ≡ */
.gnav .menuBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    right:0;
    width:66px;
	height:60px;
    cursor:pointer;
}

.gnav ul{width:260px;}
.gnav ul li{position:relative; }
.gnav ul li + li {margin-top: 3px;}
.gnav ul li a{
    display:block;
    position:relative;
    width:100%;
    padding:16px 24px 16px 66px;
	text-decoration:none;
	color:#FFF;
}
.gnav ul li a:before{
	content:"";
	display:block;
    position:absolute;
    top:0;
    left:0;
	width:66px;
	height:100%;
    background: center no-repeat;
    background-size:16px 16px;
}
.gnav .menu01 > a:before  {background-image:url(../img/nav/ico01wh.svg);}
.gnav .menu02 > a:before  {background-image:url(../img/nav/ico02wh.svg);}
.gnav .menu03 > a:before  {background-image:url(../img/nav/ico03wh.svg);}
.gnav .menu04 > a:before  {background-image:url(../img/nav/ico04wh.svg);}
.gnav .menu05 > a:before  {background-image:url(../img/nav/ico05wh.svg);}
.gnav .menu06 > a:before  {background-image:url(../img/nav/ico06wh.svg);}

.gnav .menu0601 > a:before{background-image:url(../img/nav/ico0601wh.svg);}
.gnav .menu0602 > a:before{background-image:url(../img/nav/ico0602wh.svg);}
.gnav .menu0603 > a:before{background-image:url(../img/nav/ico0603wh.svg);}
.gnav .menu0604 > a:before{background-image:url(../img/nav/ico0604wh.svg);}
.gnav .menu0605 > a:before{background-image:url(../img/nav/ico0605wh.svg);}
.gnav .menu0606 > a:before{background-image:url(../img/nav/ico0606wh.svg);}
.gnav .menu0607 > a:before{background-image:url(../img/nav/ico0607wh.svg);}
.gnav .menu0608 > a:before{background-image:url(../img/nav/ico0608wh.svg);}
.gnav .menu0609 > a:before{background-image:url(../img/nav/ico0609wh.svg);}
.gnav .menu0610 > a:before{background-image:url(../img/nav/ico0610wh.svg);}


/* hover時 */

.gnav .menu01 > a:hover:before  {background-image:url(../img/nav/ico01ye.svg);}
.gnav .menu02 > a:hover:before  {background-image:url(../img/nav/ico02ye.svg);}
.gnav .menu03 > a:hover:before  {background-image:url(../img/nav/ico03ye.svg);}
.gnav .menu04 > a:hover:before  {background-image:url(../img/nav/ico04ye.svg);}
.gnav .menu05 > a:hover:before  {background-image:url(../img/nav/ico05ye.svg);}
.gnav .menu06 > a:hover:before  {background-image:url(../img/nav/ico06ye.svg);}

.gnav .menu0601 > a:hover:before{background-image:url(../img/nav/ico0601ye.svg);}
.gnav .menu0602 > a:hover:before{background-image:url(../img/nav/ico0602ye.svg);}
.gnav .menu0603 > a:hover:before{background-image:url(../img/nav/ico0603ye.svg);}
.gnav .menu0604 > a:hover:before{background-image:url(../img/nav/ico0604ye.svg);}
.gnav .menu0605 > a:hover:before{background-image:url(../img/nav/ico0605ye.svg);}
.gnav .menu0606 > a:hover:before{background-image:url(../img/nav/ico0606ye.svg);}
.gnav .menu0607 > a:hover:before{background-image:url(../img/nav/ico0607ye.svg);}
.gnav .menu0608 > a:hover:before{background-image:url(../img/nav/ico0608ye.svg);}
.gnav .menu0609 > a:hover:before{background-image:url(../img/nav/ico0609ye.svg);}
.gnav .menu0610 > a:hover:before{background-image:url(../img/nav/ico0610ye.svg);}

/*　各種設定アクティブ */
.systemupdate .gnav .menu06 > a:before  {background-image:url(../img/nav/ico06ye.svg);}
.systemupdate .gnav .menu06 > a{color:#CEFF00;background-color:#24274A;}
.systemupdate .gnav .menu06 > a:after,
.gnav ul li a:hover:after{
	content:"";
	position:absolute;
	border-left:solid 4px #CEFF00;
	width:3px;
	height:57px;
	left:0;
	top:0;
}

/* activ時 */
.gnav .active > a{
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.gnav .active > a:before{left: -4px;}
.gnav .menu01.active > a:before  {background-image:url(../img/nav/ico01.svg);}
.gnav .menu02.active > a:before  {background-image:url(../img/nav/ico02.svg);}
.gnav .menu03.active > a:before  {background-image:url(../img/nav/ico03.svg);}
.gnav .menu04.active > a:before  {background-image:url(../img/nav/ico04.svg);}
.gnav .menu05.active > a:before  {background-image:url(../img/nav/ico05.svg);}
.gnav .menu06.active > a:before  {background-image:url(../img/nav/ico06.svg);}

.gnav .menu0601.active > a:before{background-image:url(../img/nav/ico0601ye.svg);}
.gnav .menu0602.active > a:before{background-image:url(../img/nav/ico0602ye.svg);}
.gnav .menu0603.active > a:before{background-image:url(../img/nav/ico0603ye.svg);}
.gnav .menu0604.active > a:before{background-image:url(../img/nav/ico0604ye.svg);}
.gnav .menu0605.active > a:before{background-image:url(../img/nav/ico0605ye.svg);}
.gnav .menu0606.active > a:before{background-image:url(../img/nav/ico0606ye.svg);}
.gnav .menu0607.active > a:before{background-image:url(../img/nav/ico0607ye.svg);}
.gnav .menu0608.active > a:before{background-image:url(../img/nav/ico0608ye.svg);}
.gnav .menu0609.active > a:before{background-image:url(../img/nav/ico0609ye.svg);}
.gnav .menu0610.active > a:before{background-image:url(../img/nav/ico0610ye.svg);}

.gnav .active a:after{border-left:none !important;}

/* サブメニュ */
body.dashboard .gnav .subMenu{display: none;}

.gnav .subMenu .active > a{
	background-color:#24274A!important;
	color:#FFF!important;
	border-left:solid 4px #24274A;
}

.gnav .subMenu{ border-top:solid 1px rgba(0, 0, 0, .2);}
.gnav .subMenu li{ margin-top:0; }
.gnav .subMenu a{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 1.2rem
	}
.gnav .subMenu a:after {display:none;}

.gnav .active .subMenu {
    display:block;
    transition:max-height ease 0.5s;
   /* max-height:0;*/
    overflow:hidden;
}

/* end */