@import "init.css";

select{
	padding-top:1px;
	padding-bottom:3px;
}

#container{
  /*padding:1.0em;*/
  position:static;
  /*height:100%;
  overflow: auto;*/
}
#wrap{
  margin:0 auto 0 auto 0;
  /* border-top:solid 5px #8483FF; */
  position:static;
  /*height:100%;*/
  font-size:16px;
}
#head{
  font-weight:bold;
  font-size:16px;
  /* border-bottom:solid 2px #8483FF; */
  background-color:#8483FF;
  font-color:white;
  padding:3px;
}

#head h1{
  margin:0;
  font-size:24px;
}
#head h1 a{
	color:white!important;
}

#userInfoBox{
  font-size:16px;
  color:white;
  font-weight:normal;
}
#userInfoBox .info1{
	padding-left:75px;
}
#userInfoBox .info2{
  padding-left:75px;
}
#userInfoBox .info3{
  padding-left:100px;
}

a{
  text-decoration: none;
}
a:hover{
  color:red;
}
p{
	line-height:150%;
}

.button1{
	padding:0.2em 1.6em;
	min-width:120px;
	font-size:16px;
}

.buttonCtrl{
	margin-top:1.0em;
}
.buttonCtrl input[type=button], .buttonCtrl input[type=submit]{
	padding:0.2em 1.6em;
  min-width:120px;
  font-size:16px;
}
.logoutButton{
  position: absolute;
  top:5px;
  right:5px;
  background-color:white;
  padding:0.1em 0.3em;
  font-size:16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.logoutButton a{
  color:#8483FF;
}
.logoutButton a:hover{
	color:red;
}
.logoutLink{

}

.resultCtrl{
	margin-top:-0.5em;
	margin-bottom:0.5em;
	text-align:right;
}

/*
#menu{
  position:static;
  background-color:#C0C0C0;
  float:left;
}

#menu a{
  display:block;
  width:195px;
  background-color:#C0C0C0;
  color:white;
  font-weight:bold;
  padding-left:1.0em;
  text-decoration: none;
  border-right:solid 1px #A9A9A9;
  border-bottom:solid 1px #A9A9A9;
  font-size:17px;
}

#menu a:hover{
  color:black;
  background-color:white;
}

#menuEnd{
  clear:both;
}
*/


.menuBox {
  overflow: visible;
  width: 180px;
  height: auto;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position:absolute;
  float:left;
  /*position:absolute;*/
}
.nav {
  /*width: 220px;*/
  margin: 0;
  padding: 0;
}
.nav li {
  position: relative;
  /*width: 220px;*/
  height: 40px;
}
.nav > li {
  border-bottom: none;
}
.nav li:last-child {
  border-bottom: none;
}
.nav li:hover > ul > li {
  border-bottom: none;
}
.nav li > ul > li:last-child {
  border-bottom: none;
}
.nav li a {
  display: block;
  cursor:pointer;
  width: 170px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 2.8;
  padding: 0 5px;

  background: #222222;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  text-decoration: none;
}
.nav > li:hover > a {/*layer-1*/
  color: orange;
  background: #afc6e2;
}
.nav > li li:hover > a {/*layer-2*/
  color: olive;
  background: #afc6e2;
}
.nav li:hover > ul > li {
  overflow: visible;
  top: -40px;
  left: 170px;
  height: 40px;
}
.nav li ul li {
  overflow: hidden;
  height: 0;
  left: 170px;
  list-style: none;
}
.nav li ul li a {
  background: #444444;
  width:210px!important;
  overflow: visible;
  position:absolute;
  z-index:99;
}
.nav li ul:before {
  position: absolute;
  z-index:100;
  content: "";
  top: 14px;
  left: 160px;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
}

#content{
  box-sizing:border-box;
  float:left;
  width:99%;
  padding-left:180px;
  padding-bottom:2.0em;
}



/*
.content {
  width: auto;
  height: auto;
  background: #eee;
  margin: 0;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}
*/


/*
dt {
  float: left;
  width: 200px;
  font-weight: bold;
  background-color:#ddeeff;
}

dd {margin: 0 0 0 20%;}

dd:before { content: '……　'; }
*/

/* 詳細表示用（編集利用可） */
dl.detail{
  display:flex;
  flex-wrap: wrap;
  border: 3px solid whie;
  border-top: none;
  width:99%;
}
dl.detail dt{
  background: #ddd;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 3px solid white;
  font-weight:bold;
}
dl.detail dd{
  padding: 10px;
  margin: 0;
  border-left: 3px solid white;
  border-top: 3px solid white;
  width: 70%;
  background: #eee;
  box-sizing: border-box;
}
dl.detail dt.title{
  width: 100%;
  background-color:#777;
  color:white;
}
dl.detail dt.title2{
  width: 100%;
  background-color:#ddd;
  font-weight:normal;
}

.detail input{
	font-size:14px;
}
.detail input[type=text], .detail textarea, .detail select{
	width:90%;
}

/* 詳細表示用　４段組 */
dl.detail2{
  display:flex;
  flex-wrap: wrap;
  border: 3px solid whie;
  border-top: none;
  width:99%;
}
dl.detail2 dt{
  background: #ddd;
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 3px solid white;
  font-weight:bold;
}
dl.detail2 dd{
  padding: 10px;
  margin: 0;
  border-left: 3px solid white;
  border-top: 3px solid white;
  width: 30%;
  background: #eee;
  box-sizing: border-box;
}
dl.detail2 dt.title{
  width: 100%;
  background-color:#777;
  color:white;
}
dl.detail2 dt.title2{
  width: 100%;
  background-color:#eee;
  font-weight:normal;
}
dl.detail2 label{
	padding-right:1.0em;
	cursor:pointer;
}


/* 詳細表示用　２段組　dt小 */
dl.detail3{
  display:flex;
  flex-wrap: wrap;
  border: 3px solid whie;
  border-top: none;
  width:99%;
}
dl.detail3 dt{
  background: #ddd;
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 3px solid white;
  font-weight:bold;
}
dl.detail3 dd{
  padding: 10px;
  margin: 0;
  border-left: 3px solid white;
  border-top: 3px solid white;
  width: 80%;
  background: #eee;
  box-sizing: border-box;
}
dl.detail3 dt.title{
  width: 100%;
  background-color:#777;
  color:white;
}
dl.detail3 dt.title2{
  width: 100%;
  background-color:#ddd;
  font-weight:normal;
}


.errorMsg{
	color:red;
	padding:0.5em;
	margin:0.5em;
	margin-left:170px;
	font-weight:bold;
	border:double 3px red;
}

#content h2{
  width:100%;
  display:block;
  font-size:20px;
  color:#70849E;
  border-bottom:solid 1px #B0C4DE;
  padding:0 0 0 0.5em;
  margin:0.6em 0 0.5em -0.5em;
  /* margin-left:-2.0em;
  padding-top:0.6em;
  margin-bottom:0.2em;
  padding-bottom:0.2em;
   */
  font-weight:bold;
  height:27px;
}

.h2bottom{
  text-align:right;
  width:100%;
  margin-left:-2.0em;
  padding-top:0em;
  margin-top:0em;
}

.h2bottom a{
  margin:0px;
  padding:4px 10px 4px 10px;
  border-right:solid 2px white;
  text-decoration: none;
  color:white;
  background-color:#a0a0a0;
  font-weight:bold;
}

.h2bottom a.selected{
  background-color:#003366;
}

.h2bottom a:hover{
  background-color:#DCDCDC;
  color:#003366;
}

#content h3{
  margin-left:-1.0em;
}

#foot{
  clear:both;
}


table.list{
	width:99%;
	border-collapse: collapse;
}

table.list th{
  padding:0.4em 0.6em;
  background-color:#ddd;
  border-right:solid 3px white;
  border-bottom:solid 3px white;
  font-size:13px;
}
table.list td{
  padding:0.6em;
  background-color:#eee;
  border-right:solid 3px white;
  border-bottom:solid 3px white;
  font-size:14px;
}

table.list2{
  width:99%;
  border-collapse: collapse;
  margin:-0.5em;
}

table.list2 th{
  padding:0.2em;
  background-color:#ddd;
  border:solid 1px #666;
  font-size:13px;
}
table.list2 td{
  padding:0.2em;
  background-color:#eee;
  border:solid 1px #666;
  font-size:13px;
}

table.spreadsheet{
	width:100%;
  page-break-inside:avoid!important;
}
table.spreadsheet th, table.spreadsheet td{
  padding:0.5em;
	text-align:left;
  border-right:solid 3px white;
  border-bottom:solid 3px white;
}
table.spreadsheet th{
  font-weight:bold;
  background-color:#eee;
}
table.spreadsheet th.person{
  background-color:#87CEFA;
  color:black;
  font-weight:bold;
}
table.spreadsheet th.date{
  background-color:green;
  color:white;
  font-weight:bold;
  font-size:18px;
}
table.spreadsheet th.center{
  background-color:#ddd;
  color:black;
  font-weight:bold;
  text-align:center!important;
}
table.spreadsheet th.line{
  background-color:#ddd;
  color:black;
  font-weight:bold;
  text-align:right!important;
}
table.spreadsheet th.total{
  background-color:#333;
  color:white;
  font-weight:bold;
}
table.spreadsheet td{
  background-color:#eee;
}
.spreadsheet th, .spreadsheet td{
  font-size:14px;
}

table.noStyle, table.noStyle th, table.noStyle td{
	background-color:inherit;
	border:none;
	padding:0;
	margin:0px;
}

/*
table.list {
  border-collapse: collapse;
}

table.list th {
  padding: 6px 6px 6px 12px;
}
table.list th:hover {
  background:#ff0;
}
table.list tr:nth-child(2n+1) {
  background: #eee;

}
table.list tr:first-child, table.list th:first-child {
  background: #0ff;

}
table.list tr:hover {
  background:#ff0;
}
*/

/* table,td,th{border: 1px #2b2b2b solid;} */

table.detail{
  width:100%;
}

table.detail th{
  width:30%;
  padding:1.0em 0.3em 0.3em 0.6em;
  background-color:white;
  border-bottom:solid 1px black;
  font-weight:bold;
  text-align:left;
}

table.detail td{
  width:70%;
  padding:1.0em 0.3em 0.3em 0.6em;
  background-color:#f0f0f0;
  border-bottom:solid 1px black;
  font-weight:normal;
  text-align:left;
}

table.detail2{
  width:100%;
}

table.detail2 th{
  padding:6px;
  background-color:#ddd;
  font-weight:bold;
  text-align:left;
  border-bottom:solid 2px white;
  border-right:solid 2px white;
}

table.detail2 td{
  padding:6px;
  background-color:#eee;
  font-weight:normal;
  text-align:left;
  border-bottom:solid 2px white;
  border-right:solid 2px white;
}
table.detail2 td .dateInputForm{
	width:6em!important;
}


/*
.detail label{
  padding:0.25em 0.6em 0.25em 0em;
  cursor:pointer;
}
.detail input, .detail select{
  padding:0.2em 0.5em 0.2em 0.2em;
}
.detail textarea{
  width:90%;
  height:3.0em;
}
*/

.ctrlBox{
  padding:1.0em 0 0.5em 0;
  text-align:center;
}

.ctrlBox a.funcLink{
  margin:0.6em;
  padding:0.5em 1.0em 0.3em 1.0em;
  background-color:#DCDCDC;
  border-top:solid 1px #B0C4DE;
  border-left:solid 1px #B0C4DE;
  border-right:solid 1px blue;
  border-bottom:solid 1px blue;
  color:blue;
  font-weight:bold;
  text-decoration: none;
}

.ctrlBox a.funcLink:hover{
  color:white;
  background-color:#191970;
}

.ctrlBox input{
  cursor:pointer;
  min-width:125px;
  font-size:14px;
  padding:0.3em;
  margin:0.6em;
}


.checkedItem{
  display:block;
}

.loginBox{
  margin-left:0;
  margin-right:auto;
  padding:10px;
  border-spacing:separate;

}

.loginBox th{
  padding:0.5em 0.6em;
  font-weight:bold;
  font-size:16px;
  background-color:#ddd;
  border-right:solid 3px white;
  border-bottom:solid 3px white;
}
.loginBox td{
  padding:0.5em 0.6em;
  text-align:right;
  background-color:#eee;
  border-right:solid 3px white;
  border-bottom:solid 3px white;
}

.loginBox input{
  width:250px;
  font-size:16px;
}


.longText {
  width:500px
}

/*
table.sortList{
  width:100%;
}

table.sortList th, table.sortList td{
	padding-left:6px;
}

table.sortList th{
	background-color:#C0C0C0;
	border:solid 2px white;
	padding:0.25em;
}
table.sortList tr{
  background-color:#e0e0e0;
}
table.sortList td{
	border:solid 2px white;
	padding:0.25em;
}

table.sortList th[id]{
	cursor:pointer;
}
table.sortList th[id]:after{
  content:attr(sort-icon);
}
table.sortList th:hover[id]{
	color:red;
}

.sortAscTh{
	background-color:#A0B4CE!important;
	color:white;
}
.sortAscTd{
  background-color:#D0E4FE!important;
}

.sortDescTh{
  background-color:#E40450!important;
  color:white;
}
.sortDescTd{
  background-color:#FFB470!important;
}

.sortList tr:hover{
  background-color:#e0d0d0!important;
}
*/

#pager{
	text-align:center;
	white-space:nowrap;
	width:100%;
	overflow:visible;
}
#pager:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#pager img{
	transform: scale3d(2, 2, 2);
	cursor:pointer;
  display:block;
  float:left;
  margin:10px 6px;
}
#pager span.noLink{
	font-size:18px;
	font-weight:bold;
	background-color:#ddd;
	padding:0.4em;
	border:solid 1px #8483FF;
	text-align:center;
	min-width:25px!important;
	display:block;
	float:left;
	margin:2px;
}
#pager span a{
	font-size:18px;
  background-color:#8483FF;
  font-weight:bold;
  color:white;
	padding:0.4em;
	text-align:center;
	min-width:25px!important;
  display:block;
  float:left;
  margin:2px;
}

/* mizudo admin */
.error{
	color:red;
	font-weight:bold;
	margin:2px 0;
}
.nowrap{
	white-space:nowrap;
}
.functionLink{
  border           : 1px solid #cccccc;
  background-color : #f6f6f6;
  font-weight : bold;
  color       : blue;
  outline     : none;
  white-space : nowrap;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:5px 8px 1px 8px!important;
  margin:3px 0px!important;
  display:inline-block;
  height:18px;
  vertical-align: bottom;
  cursor:pointer;
  font-size:14px;
}

.dateInputForm, .dateInputForm2{
  width:10.5em!important;
  padding-top:0px;
  padding-bottom:3px;
}

.num{
	text-align:right!important;
}
.num_k{
  text-align:right!important;
}

.ctrlBar{
	margin:0.5em 0;
}

@media print{
	@page{
	}
  body {
   margin-top: 0.8cm;
   margin-right: 1.0cm;
   margin-bottom: 0.8cm;
   margin-left: 1.0cm;
  }

	#content, .menuBox{
    display:table-cell;
    vertical-align:top;
    float:none;
  }
  /*.spreadsheet{ page-break-after: always!important; }*/
  .spreadsheet th, .spreadsheet td{
    border:solid 1px black!important;
    page-break-inside:avoid!important;
	}
	.noStyle{
	  margin:0px!important;
	  paddding:0px!important;
	}
	.noStyle td, .noStyle th{
	  border:none!important;
	  padding:0px!important;
	}
  .spreadsheet th, .spreadsheet td, .noStyle td, .noStyle th{
    background-color:white!important;
    padding:3px;
    font-size:12px;
    color:black!important;
    page-break-inside:avoid!important;
  }

  .spreadsheetSmall th, .spreadsheetSmall td{
    background-color:white!important;
    padding:1px!important;
    font-size:8px!important;
    color:black!important;
  }

  .spreadsheet{
    margin-top:2.0em!important;
  }
  .spreadsheet:first{
    padding-top:0!important;
  }
  .border{
    table-layout:auto!important;
  }
  
  .enterPage{
    page-break-after: always!important;
  }
  .mainForm{
    display:none;
  }
}