@charset "utf-8";

/*********************************************************************
 * Standard Parts
 *********************************************************************/
body{
	padding-top: 10px;
	min-height:900px;
}

/*********************************************************************
 * Page Parts
 *********************************************************************/
/* Fix Area */
body, #container, div#header, div#PageHeader {width:100%;}  
div#PageHeader {
	position: fixed!important;
	position: absolute;
	min-width:1200px;
}
div#PageHeader {z-index:8998;}
div#header {z-index:8999;}
/* header */
/*24.04.26 K.Mikami アイコン変更によるヘッダーの修正*/
div#header {
	background-color: #ffffff;
/*
	background: linear-gradient(#ffffff, #f7b977);
	background: -moz-linear-gradient(top, #ffffff, #f7b977);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ff330));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f7b977));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f7b977))";
*/
	zoom: 1;
	position: fixed!important;
	position: absolute;
	top: 0;
	height:36px;
	height:59px;
	padding:2px 0 0 5px;
}
div#header div#headImage {
	float:left;
	margin-right:10px;
	margin-top: 10px;
}
div#header div#seasonImage {
	float:left;
}
div#header .company_logo {
	margin-bottom: -8px;
	height: 40px;
	width: 120px;
}
div#header div#authUser {
	position:relative;
	float:left;
	top:20px;
	font-size:13px;
}
div#header div#headComment {
	position:relative;
	float:left;
	top:20px;
	font-size:12px;
	color:#ff3300;
	font-weight:bold;
}

div#header div#headEmpName {
	position:relative;
	float:right;
	/* top:10px; */
	font-size:12px;
	/* color:#0000FF; */
	/* margin-right:20px; */
	cursor: pointer;
}
.EmpNameTip {
	display: none;
	position: absolute;
	padding: 10px;
	font-size: 12px;
	line-height: 1.6em;
	color: #fff;
	border-radius: 5px;
	background: #000;
	width: 240px;
	text-align: left;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.EmpNameTip:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	margin-left: -100px;
	transform: rotateZ(180deg);
}
div#header div#headEmpName:hover .EmpNameTip {
	display: inline-block;
	top: 60px;
	left: 0px;
}

/*Icon Menu(header)*/
div#signIcon, div#menuIcon, div#userIcon, div#passIcon, div#headEmpName, div#contactIcon{ /*24.10.23 Icon追加*/
	cursor:pointer;
	position:relative;
	top:1px;
	float:right;
	width:64px;
	height:30px;
	text-align:center;
	/* background-color:#eae5e3; */
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
div#signIcon a, div#menuIcon a, div#userIcon a, div#passIcon a, div#headEmpName a, div#contactIcon a{ /*24.10.23 Icon追加*/
	margin-top:2px;
	width:32px;
	height:10px;
}
/* div#signIcon:hover, div#menuIcon:hover, div#userIcon:hover, div#passIcon:hover, div#headEmpName:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:.80;
	background-color:#c0c6c9;
} */
div#headEmpName {margin-right:8px;}
div#passIcon {margin-right:8px;}
div#userIcon {margin-right:8px;}
div#menuIcon {margin-right:8px;}
div#signIcon {margin-right:16px;}

.headerIconTitle {
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 0.65rem;
}
div#userIcon div.headerIconTitle, div#passIcon div.headerIconTitle, div#headEmpName div.headerIconTitle{
	margin-top:-2px;
}
#header .material-symbols-outlined{
	font-size: 28px;
}
.symbols-fill {
	font-variation-settings: 'FILL' 1
}
#header a{
	text-decoration: none;
	color:#212529;
}
#header a:hover{
	color:#196FB9;
}


/*Pulldown Menu*/
div#menuBody {
	position: fixed;
	top:-1px;
	right:60px;
	background-color:#ffffff;
	text-align:left;
	display:none;
	z-index:10000;
}
div#menuBody a {
	width:190px;
	font-size:12px;
	text-decoration:none;
	display:block;
	padding:4px 5px;
	background-color:#474a4d;
	color:#ffffff;
}
div#menuBody a:not(.not):hover {
	background-color:#afafb0;
	color:#000000;
}
div#menuBody a.not:hover {
	background-color:#595455;
}
div#menuBody .sub a:before {
	content: "　";
}
/* Page Header */
#PageHeader {
	padding:3px 10px 2px 5px;
	font-size:12px;
	background-color:#004ea2;
	background-color:#4f4f4f;
	color:#ffffff;
	top: 60px;
	height:16px;
}
#PageHeader #PageName {
	float:left;
	margin-right:5px;
}
#PageHeader #PageTitle {
	float:left;
	margin-right:5px;
}
#PageHeader #PageRed {
	float:left;
	font-size:20px;
}
#PageHeader #PageSubTitle {
	position: relative;
	top:4px;
	float:right;
}

/* flash message */
div#flashMessage {
	position:relative;
	top:0;
	color:#e2041b;
	font-weight:bold;
	padding:0 0;
	float:left;
}

/* contents */
div#contents {
	min-height:600px;
	margin:80px auto 20px auto;
	background-color:#ffffff;
	text-align:left;
	width:98%;
}

/* footer */
div#ModeSwitch {
	clear:both;
	text-align:center;
	padding:5px 0;
	background-color:#ffffff;
}
div#footer {
}
div#fmenu {
	font-size:12px;
	background-color:#4f4f4f;
	padding:2px 10px;
	color:#ffffff;
}
div#fmenu li {
	display: inline;
}
div#fmenu li:after {
	display: inline-block;
	content: "|";
	margin: 0 0 0 5px;
}
div#fmenu li:last-child:after {content: "";}
div#fmenu a {
	color:#ffffff;
	text-decoration:none;
}
div#fmenu a:hover {
	color:#b0b0b0;
	text-decoration: underline solid #b0b0b0;
	
}
div#copyright {
	font-size:10px;
	padding:1px 0;
	background-color:#4f4f4f;
	color:#ffffff;
	width:100%;
	text-align:right;
}

/*********************************************************************
 * Etc Parts
 *********************************************************************/
 
.sel_cst,.cls_cst {margin:0 5px;}

/*SP-----------------------------------------------------------------------------------*/
@media only screen and (max-width:599px) {/*-------------------------------------------*/
.sp_none {display:none;}
.sp_disp {display:auto;}
}/*SP----------------------------------------------------------------------------------*/

/*TB-----------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:959px) {/*---------------------*/
.tb_none {display:none;}
.tb_disp {display:auto;}
}/*TB----------------------------------------------------------------------------------*/

/*PC-----------------------------------------------------------------------------------*/
@media only screen and (min-width:960px) {/*-------------------------------------------*/
.pc_none {display:none;}
.pc_disp {display:auto;}
}/*PC----------------------------------------------------------------------------------*/