@charset "utf-8";





/* ---------- reset ---------- */

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,caption {
	margin:0;
	padding:0;
}

ul,ol {
	list-style:none;
}

img { 
	vertical-align:top;
	border:0;
}





/* ---------- color change ---------- */

#head {
	border-top-color:#3CB700;
	display:none;
}

#side ul li a:hover {
	color:#FF9900;
	border-left:#FF9900 3px solid;
	background:#FFEBCC;
}

#side ul li .now,
#side ul li .now:hover {
	color:#3CB700;
	border-left:#3CB700 3px solid;
	background:#EAF5E2;
}







/* ---------- templates ---------- */

html {
	overflow-y:scroll;
	height:100%;
}

body {
	text-align:center;
	color:#222222;
	height:100%;
	/*background:url(../images/bg_top.gif) 239px 0 repeat-y;*/
}

#top {
	min-width:980px;
	text-align:left;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}

#top2 {
	min-width:700px;
	text-align:left;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}

a {
	color:#0000FF;
}

a:hover {
	color:#FF0000;
	text-decoration:underline;
}

#loading {
	text-align:center;
	padding:80px 0;
}





/* ---------- btn ---------- */

.btn {
	text-align:center;
	margin-bottom: 10px;
}

.btn li {
	display:inline;
	padding:0 5px;
}

.btnYes {
	padding:0 10px;
	font-weight:bold;
	color:#0000FF;
	height:30px;
	border:1px solid #636363;
	/*background:url(../images/bg_yes.gif) left top;*/
	font-size:1.3em;
}

.btnNo {
	padding:0 10px;
	font-weight:bold;
	color:brown;
	height:30px;
	border:1px solid #636363;
	/*background:url(../images/bg_no.gif) left top;*/
	font-size:1.3em;
}

.btnAtt {
	padding:0 10px;
	font-weight:bold;
	color:#FF0000;
	height:30px;
	border:1px solid #636363;
	/*background:url(../images/bg_att.gif) left top;*/
	font-size:1.3em;
}





/* ---------- login ---------- */

#login {
	background:#EAF5E2;
}

#login div {
	width:340px;
	margin:60px auto 0;
	padding:29px;
	background:#FFFFFF;
	border:#DDDDDD 1px solid;
	text-align:left;
}

#login h1 {
	padding:0 0 10px;
}

#login .error {
	background:#EEEEEE;
	font-size:75%;
	line-height:1.5em;
	padding:10px;
	margin:10px 0 5px;
}

#login dl {
	padding:0 0 30px;
}

#login dt {
	padding:20px 0 0;
	font-size:75%;
	font-weight:bold;
	line-height:1.5em;
}

#login dd input {
	width:100%;
	font-size:160%;
}





/* ---------- head ---------- */

#head {
	width:100%;
	float:left;
	border-top-width:3px;
	border-top-style:solid;
	padding:5px 0;
	border-bottom:#CCCCCC 1px dotted;
	background:#FFFFFF;
}

#head h1 {
	float:left;
	padding:0 0 0 15px;
}

#head ul {
	float:right;
}

#head ul li {
	float:left;
	padding:0 15px 0 0;
}





/* ---------- side ---------- */

#side {
	width:239px;
	float:left;
	font-size:75%;
	line-height:1.5em;
	padding:0 0 50px;
	display: none;	/* 2013.06.06 ADD */
}

#side ul {
	width:239px;
	float:left;
}

#side ul li {
	width:239px;
	float:left;
	border-bottom:#CCCCCC 1px dotted;
	position:relative;
}

#side ul li a {
	width:216px;
	float:left;
	border-left:#999999 3px solid;
	background:#FAFAFA;
	padding:11px 10px 8px;
	display:block;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

#side ul li a:hover {
	width:216px;
	float:left;
	position:relative;
	z-index:100;
}

#side ul li ul {
	border-top:#CCCCCC 1px dotted;
	border-left:#CCCCCC 1px dotted;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top:0px;
	left:239px;
	width:301px;
	height:0;
	background:#FFFFFF;
	margin:-1px 0 0;
}

#side ul li ul li {
	width:300px;
}

#side ul li ul li a {
	width:277px;
	border-left:#999999 3px solid;
	border-right:#CCCCCC 1px dotted;
	background:#FAFAFA;
	padding:8px 10px 6px;
}

#side ul li ul li a:hover {
	width:277px;
}

#side ul li:hover ul ,
#side ul li a:hover ul {
	visibility:visible;
	overflow:visible;
	height:auto;
	z-index:10;
}





/* ---------- main ---------- */

#main {
	padding: 0 0 0 0;	/* 2013.06.06 ADD */
}





/* ---------- pan ---------- */


#pan {
	width:100%;
	background:#7EC64F;
	border-bottom:#CCCCCC 1px dotted;
	font-weight:bold;
	display:inline-block;
	overflow:hidden;
}

#pan:after	{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#pan li {
	font-size:105%;
	line-height:1.3em;
	float:left;
	padding:0 10px 0 0;
	color:#FFFFFF;
}

#pan li a {
	color:#FFFFFF;
	padding:9px 15px 6px;
	display:block;
	text-decoration:none;
}

#pan li a:hover {
	text-decoration:underline;
}

#pan .p01 {
	background:url(../images/bg_p011.png) right top no-repeat;
}

#pan .p01 a {
	background:#2D8A00;
}

#pan .p02 {
	background:url(../images/bg_p021.png) right top no-repeat;
	margin:0 0 0 -10px;
}

#pan .p02 a {
	background:#37AA00 url(../images/bg_p011.png) left top no-repeat;
	padding:9px 15px 6px 25px;
}

#pan .p03 {
	background:url(../images/bg_p031.png) right top no-repeat;
	margin:0 0 0 -10px;
}

#pan .p03 a {
	background:#5FB91C url(../images/bg_p021.png) left top no-repeat;;
	padding:9px 15px 6px 25px;
}

#pan .now {
	padding:9px 15px 6px 15px;
}

#pan .time {
	padding:9px 15px 6px 15px;
	float:right;
	color:#333333;
	font-weight:bold;
}





/* ---------- conBox ---------- */

#main .conBox {
	padding:15px 50px 0;
}

#main .conBox h2 {
	font-size:125%;
	line-height:1.2em;
	padding:0 0 15px;
}

#main .conBox h3 {
	font-size:105%;
	line-height:1.2em;
	border-bottom:#CCCCCC 1px dotted;
	padding:0 0 5px;
	margin:0 0 15px;
}

#main .pgtop {
	font-size:75%;
	line-height:1.5em;
	padding:20px 30px 10px;
	text-align:right;
	display:none;
}

#main .conBox .tableBtn {
	width:100%;
	font-size:75%;
	line-height:1.5em;
	padding:0 0 10px;
	display:inline-block;
	overflow:hidden;
}

#main .conBox .tableBtn:after	{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

#main .conBox .tableBtn .tableBtnL {
	float:left;
}

#main .conBox .tableBtn .tableBtnR {
	float:right;
}

#main .conBox .plus {
	background:url(../images/bg_plus.gif) left center no-repeat;
	padding:0 0 1px 15px;
	font-size:2em;
}

#main .conBox .change {
	background:url(../images/bg_change.gif) left center no-repeat;
	padding:0 0 1px 15px;
	font-size:2em;
}

#main .conBox .category {
	font-size:85%;
	line-height:1.5em;
	border-top:#CCCCCC 1px dotted;
	margin:0 0 30px;
}

#main .conBox .category li {
	background:url(../images/bg_circle.gif) 10px center no-repeat;
	border-bottom:#CCCCCC 1px dotted;
	padding:10px 10px 10px 30px;
}

#main .conBox .menu {
	width:100%;
	font-size:85%;
	line-height:1.5em;
	padding:0 0 30px;
	display:inline-block;
	overflow:hidden;
}

#main .conBox .menu:after	{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

#main .conBox .menu li {
	width:48%;
	padding:0 2% 0 0;
	font-weight:bold;
	float:left;
}

#main .conBox .menu li a {
	color:#FFFFFF;
	background:url(../images/bg_menu.gif) left top no-repeat;
	display:block;
	padding:8px 10px 6px 22px;
	margin:0 0 15px;
	text-decoration:none;
}

#main .conBox .menuBtn li {
	width: 15%;
	padding: 0 2% 0 0;
	float: left;
}

#main .conBox .menuBtn li input {
	width: 120px;
	height: 35px;
	line-height: 30px;
}

#main .conBox .menuBtn2 { margin: 10px 0 10px 0; }

#main .conBox .menuBtn2 li {
	padding: 3px 2% 0 0;
}

#main .conBox .menuBtn2 li input {
	width: 230px;
	height: 45px;
	line-height: 30px;
	font-size:1.3em;
}




/* ---------- table ---------- */

#main .tbl01 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin:0 0 15px;
	font-size:75%;
	line-height:1.5em;
	border-bottom:#DDDDDD 1px solid;
	border-left:#DDDDDD 1px solid;
	text-align:center;
	/*table-layout: fixed;*/
}

#main .tbl01 th {
	background:#EEEEEE;
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
}

#main .tbl01 th.error {
	background:#D63333;
	color:#FFFFFF;
}

#main .tbl01 td {
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
}

#main .tbl01 td.error {
	background:#F7D2D2;
}

#main .tbl01 td.error .input {
	border:#CC0000 2px solid;
}

#main .tbl01 tr.row {
	background:#EAF5FF;
}
#main .tbl01 td.seach {
	background:#ADD8E6;
}

#main .tbl02 {
	width:100%;
	border-collapse:separate;
	border-spacing:0 10px;
	border:none;
	margin:-10px 0 15px;
	font-size:75%;
	line-height:1.5em;
	text-align:center;
	table-layout: fixed;
}

#main .tbl02 th {
	background:#EEEEEE;
	padding:2px;
	white-space:nowrap;
	border:#DDDDDD 1px solid;
	border-right:none;
}

#main .tbl02 th.error {
	background:#D63333;
	border:#D63333 1px solid;
	color:#FFFFFF;
	border-right:none;
}

#main .tbl02 td {
	padding:2px;
	border:#DDDDDD 1px solid;
	border-left:none;
}

#main .tbl02 td.error {
	border:#D63333 2px solid;
	border-left:none;
}

#main .tbl02 td.att {
	color:#CC0000;
	border-right:none;
	font-weight:bold;
	width:5%;
}

#main .input {
	width:85%;
	font-size:120%;
}


#main .tbl03 {
	width:100%;
	border-collapse:separate;
	border-spacing:0 2px;
	border:none;
	margin:0 0 0 0;
	line-height:1.2em;
	text-align:center;
	font-size:75%;
}

#main .tbl03 th {
	border:none;
}

#main .tbl03 td {
	border:none;
	padding:0;
}

#main .select {
	background:#fef263;
}


#main .tbl04 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin:0;
	line-height:1.5em;
	border-bottom:#DDDDDD 1px solid;
	border-left:#DDDDDD 1px solid;
	text-align:center;
}

#main .tbl04 th {
	background:#EEEEEE;
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
	white-space:nowrap;
}

#main .tbl04 th.error {
	background:#D63333;
	color:#FFFFFF;
}

#main .tbl04 td {
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
}

#main .tbl04 td.error {
	background:#F7D2D2;
}

#main .tbl04 td.error .input {
	border:#CC0000 2px solid;
}


#main .tbl05 {
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin:0 0 15px;
	font-size:75%;
	line-height:1.5em;
	border-bottom:#DDDDDD 1px solid;
	border-left:#DDDDDD 1px solid;
	text-align:center;
}

#main .tbl05 th {
	background:#EEEEEE;
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
	white-space:nowrap;
}

#main .tbl05 th.error {
	background:#D63333;
	color:#FFFFFF;
}

#main .tbl05 td {
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
}

#main .tbl05 td.error {
	background:#F7D2D2;
}

#main .tbl05 td.error .input {
	border:#CC0000 2px solid;
}


#main .tbl06 {
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin:0 0 15px;
	font-size:75%;
	line-height:1.5em;
	border-bottom:#DDDDDD 1px solid;
	border-left:#DDDDDD 1px solid;
	text-align:center;
}

#main .tbl06 th {
	background:#EEEEEE;
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
	white-space:nowrap;
}

#main .tbl06 th.error {
	background:#D63333;
	color:#FFFFFF;
}

#main .tbl06 td {
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:2px;
}

#main .tbl06 td.error {
	background:#F7D2D2;
}

#main .tbl06 td.error .input {
	border:#CC0000 2px solid;
}


/* ---------- page ---------- */

.page {
	font-size:75%;
	line-height:1.5em;
}

.page .prev {
	width:20%;
	float:left;
}

.page .info {
	width:60%;
	padding:0 0 0 20%;
	text-align:center;
}

.page .next {
	width:20%;
	float:right;
	text-align:right;
}

.pager {
    clear: both;
    font-size: 75%;
    text-align: center;
    line-height: 1.4;
}

.pager li {
    display: inline;
}

.pager li a,
.pager li span {
    display: inline-block;
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    border: 1px solid #a7a7a7;
    background: #fff;
    text-decoration: none;
    color: #777;
    text-align: center;
}

.pager li span.focus,
.pager li a:hover {
    background: #7EC64F;
    color: #ffffff;
}

.pager li span.focus {
    font-weight: bold;
}

.pager li span {
    border-color: #dcdcdc;
    color: #dcdcdc;
}

.pager li.next a,
.pager li.next span {
    padding-right: 20px;
    padding-left: 20px;
}




/* ---------- foot ---------- */

#foot {
	display:none;	/* add */
	clear:both;
	text-align:left;
	width:100%;
	font-size:65%;
	line-height:1.5em;
	border-top:#DDDDDD 1px solid;
	background:#EEEEEE;
	padding:20px 0;
}

#foot address,
#foot p {
	font-style:normal;
	padding:0 0 0 20px;
}



ul.navilink {
	margin:bottom: 15px;
	clear: both;
}

ul.navilink li {
	width: 150px;
	float: left;
	height: 20px;
	font-size: 0.8em;
}

ul.navilink li a {
	display: block;
}


#main .sticky_table {
	display: block;
	position: relative;
	overflow: scroll;
	/*width: calc(100vw - 3.0rem);*/
	height: calc(75vh);
	border-collapse: collapse;
	font-size: 0;
	border-bottom:#DDDDDD 1px solid;
	border-left:#DDDDDD 1px solid;
}

#main .sticky_table thead,
#main .sticky_table tbody {
	display: block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

#main .sticky_table th,
#main .sticky_table td {
	display: inline-block;
	width: 8.0rem;
	background: #fff;
	font-size: 0.8rem;
	border-top:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	text-align: center;
}

#main .sticky_table th.w05,
#main .sticky_table td.w05 {
	width: 4.0rem;
}
#main .sticky_table th.w15,
#main .sticky_table td.w15 {
	width: 12.0rem;
}
#main .sticky_table th.w25,
#main .sticky_table td.w25 {
	width: 20.0rem;
}
#main .sticky_table th.w30,
#main .sticky_table td.w30 {
	width: 24.0rem;
}

#main .sticky_table tbody th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
}

#main .sticky_table thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}

#main .sticky_table thead th.blank {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
}