@charset "UTF-8";

/*==================================================================
	layout setting for JHS
===================================================================*/

/*------------------------------------------
	base
------------------------------------------*/

body {
    background: #FFF5E6;
    accent-color: #A17125 !important;
}
#header {
    padding-left: 0.3em;
}
#main {
	background: #FFF5E6 !important;
	accent-color: #A17125 !important;
}
#loginArea {
    background-image: url(../../Images/JHS/image_3.png) !important;
    background-size: cover;
}
#loginArea h1 {
	background-image: url(../../Images/JHS/HomilleCANVAS_tatelogo_white_rgb.png) !important;
    background-size: cover;
    margin: auto;
}
#loginArea .simpleForm {
    margin-left: 2em;
}
#inputarea {
    margin: auto;
    background-color: #FFF;
    width: 220px !important;
}
#loginArea .left {
    font-weight: bold;
    margin-top: 0.2em;
}
#loginArea .btns {
    width: 90%;
    margin-bottom: 1em;
}
#loginArea .btns button {
    border-color: #000000;
    background-color: #000000;
    color: #FFF;
    margin-bottom: 1em;
}

#logo a {
    background-image: url(../../Images/JHS/HomilleCANVAS_tatelogo_rgb.svg) !important;
    width: 150px;
    height: 50px;
}
#logo img {
	vertical-align: bottom !important;
}

#hNav ul {
	background: #FFF !important;
}
#hNav li a {
	color: #404040 !important;
}
#hNav li.active a,
#hNav a:hover {
    background: #FFF5E6 !important;
    color: #A17125 !important;
}
/*------------------------------------------
	sideMenu
------------------------------------------*/
#gNav {
	background: #FFF !important;
	color: #404040 !important;
}
#gNav .menu-trigger {
  width: 22px;
  right: 34px;
 }
#gNav a {
	border-bottom: 1px solid #404040 !important;
}
#gNav .menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background-color: #404040;
}
#gNav .icon {
    width: 22px;
    height: 22px;
    left: 14px;
}
/*非アクティブ時*/
#gNav .topPage {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/topPage.png");
}
#gNav .property {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/property.png");
}
#gNav .member {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/member.png");
}
#gNav .building {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/building.png");
}
#gNav .facilities {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/facilities.png");
}
#gNav .history {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/history.png");
}
#gNav .anshin24 {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/anshin24.png");
}
#gNav .appContents {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appContents.png");
}
#gNav .appAccess {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appAccess.png");
}
#gNav .appProductDoc {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appProductDoc.png");
}
#gNav .appSurvey {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appSurvey.png");
}
#gNav .buildingCS {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/buildingCS.png");
}
#gNav .master {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/master.png");
}
#gNav .i-fileManage {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/fileManage.png");
}
#gNav .sharedMaterialFile {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/sharedMaterialFile.png");
}
/*アクティブ・マウスオーバー時*/
#gNav li.active a,
#gNav a:hover {
	background: #FFF5E6 !important;
	color: #A17125 !important;
}
#gNav li.active p.topPage,
#gNav a:hover p.topPage {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/topPage_brown.png");
}
#gNav li.active p.property,
#gNav a:hover p.property {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/property_brown.png");
}
#gNav li.active p.member,
#gNav a:hover p.member {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/member_brown.png");
}
#gNav li.active p.building,
#gNav a:hover p.building {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/building_brown.png");
}
#gNav li.active p.facilities,
#gNav a:hover p.facilities {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/facilities_brown.png");
}
#gNav li.active p.history,
#gNav a:hover p.history {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/history_brown.png");
}
#gNav li.active p.anshin24,
#gNav a:hover p.anshin24 {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/anshin24_brown.png");
}
#gNav li.active p.appContents,
#gNav a:hover p.appContents {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appContents_brown.png");
}
#gNav li.active p.appAccess,
#gNav a:hover p.appAccess {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appAccess_brown.png");
}
#gNav li.active p.appProductDoc,
#gNav a:hover p.appProductDoc {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appProductDoc_brown.png");
}
#gNav li.active p.appSurvey, 
#gNav a:hover p.appSurvey {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/appSurvey_brown.png");
}
#gNav li.active p.buildingCS,
#gNav a:hover p.buildingCS {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/buildingCS_brown.png");
}
#gNav li.active p.master,
#gNav a:hover p.master {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/master_brown.png");
}
#gNav li.active p.i-fileManage,
#gNav a:hover p.i-fileManage {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/fileManage_brown.png");
}
#gNav li.active p.sharedMaterialFile,
#gNav a:hover p.sharedMaterialFile {
    background-image: url("../images/icons/sideMenu/sideMenu_JHS/sharedMaterialFile_brown.png");
}
/*------------------------------------------
	button
------------------------------------------*/
.btn.orange,
button.orange,
submit.orange {
	border-color: #A17125 !important;
	background-color: #A17125 !important;
	color: #FFF !important;
}

.btn:hover,
button:hover,
submit:hover {
    border-color: #A17125;
    background: #FFF5E6;
    color: #A17125;
}

.indexPaging a.active {
    border-color: #A17125 !important;
    background: #A17125 !important;
    color: #FFF !important;
}

.secHead th {
	background: #EEE !important;
	color: #000000 !important;
}

.secHead .sort.active,
.secHead td.active {
    background: #e5f1fb !important;
    color: #0078d7 !important;
}

.secHead .sort.active.up,
.secHead td.active.up {
    background: #FBE5E5 !important;
    color: #D70010 !important;
}

#mainHead .btn {
    color: #FFF !important;
}
/*------------------------------------------
	table
------------------------------------------*/
table tr.bg,
table tr.bg th {
    background: #EEE !important;
    color: #000000 !important;
}

#Highlight tr.bg th {
    background: #C00 !important;
    color: #FFF !important;
}

.tfImg:hover {
    border: 1px solid #A17125;
    background: #FFF5E6;
    padding: 2px;
}

.overlay .box {
    background: #FFF5E6 !important;
    accent-color: #A17125 !important;
}
.overlay footer {
    background: #FFF5E6 !important;
}

article#AssurancePatternDisplay,
article#FTInspectionPatternDisplay,
article#OrderPatternDisplay {
    background-color: #FFF5E6 !important;
    accent-color: #A17125 !important;
}

#uploadWindow > .box, #uploadWindow article, #uploadWindow iframe {
    border-color: #A17125;
    background: #FFF5E6;
    color: #A17125;
}
/*------------------------------------------
	#appMenuTable
------------------------------------------*/
#appMenuTable th#COMPANY_PROVIDER_MANAGEMENT_ID,
#appMenuTable th#COMPANY_NAME {
    width: 130px;
    min-width: 130px;
}

#appMenuTable thead tr:first-of-type th:nth-of-type(-n+1),
#appMenuTable thead tr:nth-of-type(2) th:nth-of-type(-n+2),
#appMenuTable tbody th:nth-of-type(-n+2) {
	position: sticky;
	left: 0;
	z-index: 10;
}

#appMenuTable thead tr:nth-of-type(2) th:nth-of-type(2),
#appMenuTable tbody th:nth-of-type(2) {
	left: 130px;
}

#appMenuTable thead tr:first-of-type th:nth-of-type(-n+1),
#appMenuTable thead tr:nth-of-type(2) th:nth-of-type(-n+2) {
	z-index: 20;
}