@charset "utf-8";
:root {
	--header-bgcolor: rgb(65, 105, 225);
	--header-title-bgcolor: rgb(255, 255, 255);
	--header-color: rgb(255, 255, 255);
	--table-th-bgcolor: rgb(206, 216, 224);
	--table-th-color: rgb(25, 11, 87);
	--blocktitle-bgcolor: rgb(214, 214, 214);
	--blocktitle-color: rgb(0, 20, 37);
	--mgheader-bgcolor: rgb(75, 75, 75);
	--mgheader-title-bgcolor: #8c8d8d;
	--mgheader-color: rgb(255, 255, 255);
}
/*var(--table-th-bgcolor);*/

body{
	font-family: 'CI',"qMmpS Pro W3", "Hiragino Kaku Gothic Pro",  "Meiryo", "Osaka", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:13px;
}
#loginarea {
	width:400px;
	margin: 150px auto 30px auto;
}
p,div,img,ul,form { margin:0; padding:0; border:0; }
table,td,th { margin:0px; padding:0px; font-size:100%; border-collapse: collapse; border-spacing: 0;}
/*hr {display:none;}*/
hr {
	border-top:1px dashed #3F7A00;
	border-left:none;
	border-bottom:none;
	border-right:none;
}

/*** h1-h5 ***/

h1 {width:auto;margin:0px;padding:0px;}

h2,h3,h4,h5 {
	width:auto;
	margin:0px;
	padding:0px;
	color:#000;
}

/*** link ***/

a:link,
a:visited,
a:active {color:#1d3801;text-decoration:none;}

a:hover {color:red;text-decoration:none}

input,textarea,select,button {
	line-height: 25px !important;
	padding:1px;
}
input:focus,textarea:focus,select:focus {
	background-color:rgb(252, 250, 224);
}
/*input:read-only,textarea:read-only {
	background-color: #FFF;
	border:none;
}*/
textarea{
	font-size:1.2em;
}

.clear {
	clear:both;
}
/*---header---*/

#headertop {
	color:var(--header-color);
	width:100%;
	height:23px;
	background-color:var(--header-bgcolor);
	text-align: right;
	/*padding: 2px 5px 2px 0;*/
	font-size:1.2em;
}

#headertopmg {
	color:var(--mgheader-color);
	width:100%;
	height:23px;
	background-color:var(--mgheader-bgcolor);
	text-align: right;
	padding: 2px 5px 2px 0;
	font-size:1.2em;
}
.headertopmgtitle {
	color:#fff;
	font-size:1.4em;
}

#header {
	color:#2e1b0a;
	width:100%;
	background-color:var(--header-title-bgcolor);
	border-bottom: solid 1px rgb(241,191,191);
	padding:10px 20px 10px 20px;
	/*background-image:url("images/sakura.png");*/
	background-size:contain;
	background-repeat: no-repeat;
}
#headermg {
	color:#2e1b0a;
	width:100%;
	background-color:var(--mgheader-title-bgcolor);
	border-bottom: solid 1px rgb(241,191,191);
	padding:10px 20px 10px 20px;
	/*background-image:url("images/sakura.png");*/
	background-size:contain;
	background-repeat: no-repeat;
}

#header h3,
#headermg h3
{
	padding-left:20px;
	font-size:1.3em;
}

#headertopmg .home
{
	float:left;
	margin-left: 1em;
}

#headertopmg .login,
#headertopmg .logout,
#headertopmg .loginname
{
	font-size:0.8em;
	float:right;
	margin-right: 1em;
}

#headertopmg .home a,
#headertopmg .login a,
#headertopmg .logout a,
#headertopmg .loginname a
{
	color:white;
}

div.loginMain{
	color:#555555;
	margin:60px auto;
	width:450px;
	padding:20px 20px;
	border:solid 1px #AAAAAA;
	background:#FFFFFF;
	border-radius: 10px;
}
div.loginMain h1{
	color:#555555;
	font-weight:bold;
	margin-bottom:8px;
}        
div.loginMain p.msg{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #AAAAAA;
	padding-bottom:10px;
}    
div.loginMain label{
	display:block;
	text-align:right;
	width:140px;
	float:left;
	padding-top:4px;
}
div.loginMain .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
div.loginMain input{
	float:left;
	font-size:12pt;
	padding:4px 2px;
	/*border:solid 1px rgb(170,0,0);*/
	width:200px;
	margin:0px 0 20px 10px;
}
div.loginMain p.button{
	text-align: center;
}
/*---contents---*/

#conts {
	width:100%;
	border-top:1px solid #fff;
	background-color:rgb(255,255,255);
	text-align:center
	}

#conts-body {
	width:98%;
	margin: 0 auto;
	text-align:left;
	}

/*タブレット対応*/
/*タブレット(iPad)で表示するとボタン非表示(原因不明)*/
/*.btn-primary bootstrap.min.css*/
/* #conts-body	.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
#conts-body .btn-primary:hover,
#conts-body .btn-primary:focus,
#conts-body .btn-primary.focus,
#conts-body .btn-primary:active,
#conts-body .btn-primary.active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
} */
/**/

#conts-body p{
	margin: 7px 0;
	}
	
#conts .usertools{
	color:#333333;
	text-align:right;
	font-size:90%;
	margin: 5px 0 0 0;
	padding: 2px 0 2px 10px;
	line-height:100%;
	}

.message {
	display:block;
	border-top: solid #b4e169 4px;
	padding: 2px 0 2px 10px;
	color:#990000;
	margin-bottom:15px;
	text-align:left;
	}

.search-box {
	padding: 5px 0 5px 0px;
	color:#2e1b0a;
	text-align:right;
	background-color:#f5eec5;
	}

#disp-page {
	width:90%;
	text-align:left;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}

#page-area {
	width:80%;
	text-align:left;
	margin-top: 20px;
	float:right;
	}
	
	
.button-area {
	text-align:center;
	padding: 15px 0px 15px 0px;
	}
	
.button-area input {margin: 0px 10px;}
.button-area img {margin: 0px 10px;}

/*---footer---*/

#footermg {
	width:100%;
	margin-top:10px;
	padding:5px 0 5px 0; 
	text-align:center;
	clear:both;
	color:rgb(255, 255, 255); /*var(--header-color);*/
	background-color:var(--mgheader-bgcolor);
	position: fixed; /* 固定 */
	bottom: 0; /* 一番下に表示 */
	}
	
#footer {
	width:100%;
	margin-top:10px;
	padding:5px 0 5px 0; 
	text-align:center;
	border-top: solid rgb(255, 190, 190) 3px;
	clear:both;
	color:rgb(90, 90, 90); /*var(--header-color);*/
	background-color:rgb(241,191,191); /*var(--header-bgcolor);*/
	position: fixed; /* 固定 */
	bottom: 0; /* 一番下に表示 */
	}
		
#footer .banner{
	position:absolute;
	top:15px;
	right:10%;
	width:100px;
	height:27px;
	}

#footer address{font-weight: normal;}	

#main-area {
	width:710px;
	text-align:center;
	margin: 20px auto 10px auto;
	float:left;
	}

#main-area img {
	margin: 0px 20px;
	}

#main-area-bt2 {
	text-align:center;
	padding: 20px 0px 30px 0px;
	}

#main-area-bt2 img {
	margin: 0px 10px;
	}

#side-area {
	width:170px;
	text-align:center;
	margin: 20px auto 10px auto;
	float:right;
	}

#side-area-bt2 {
	text-align:center;
	padding: 20px 0px 30px 0px;
	}

#side-area-bt2 img {
	margin: 0px 10px;
	}

#menu-area {
	width:20%;
	text-align:left;
	float:left;
	}

#contens-area {
	width:680px;
	float:right;
	}

#contens-area h4 {
	margin-left:5px;
	padding-left:15px;
	margin-top:10px;
	padding-top:5px;
	border-left:solid #3F7A00 5px;
	border-bottom:1px dashed #3F7A00;
	height:20px;
	}

#contens-area h5 {
	text-align:center;
	}

#contens-area ul {
	list-style-type:none;
	}

#contens-area li {
	color:#2e1b0a;
	font-size:95%;
	width:95%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-left:10px;
	padding-top:10px;
	border-bottom:dashed #3F7A00 1px;
	}

.kiji {
	margin-top:20px;
	margin-left:20px;
	}

.frmbtn {
	padding:6px 20px 4px 20px;
	border: solid 2px rgb(97, 97, 97);
	background-color:#EEEEEE;
	color:#1d3801;
}

.frmbtn:hover {
	color:red;
	text-decoration:none;
	cursor: pointer;
}


.inputmsg {
	color:#3F7A00;
}


#login-box {
	width:160px;
	text-align:center;
	margin:0px auto;
	margin-bottom:30px;
	background-color:rgb(248,248,248);
	padding:5px 5px 5px 5px;
	}

#login-box2 {
	width:160px;
	text-align:center;
	margin:0px auto;
	margin-bottom:30px;
	background-color:rgb(248,248,248);
	padding:5px 0px 5px 0px;
	}

.login-size1
{
	font-size:80%;
}
.login-size2
{
	font-size:60%;
}
.loginBtn {
	background:url('../images/login.gif') no-repeat 0 40%;
	width:86px;
	height:28px;
	border:0 none;
	cursor:pointer;
	margin: 0 10px;
	color:#FFFFFF;
	}

.top-message {
	width:700px;
	margin:0px auto 10px auto;
	padding: 0 0 0 55px;
	text-align:left;
	}

#new {
	text-align:center;
	width:700px;
	margin:10px auto 15px auto;
	padding:0px 10px 5px 10px;
	}

#new ul {
	margin:10px;
	padding:0px ;
	text-align:left;
	list-style-image:url('../images/list.gif');
	}

#new ul li {
	margin-left:10px ;
	}

#new h3 {
	margin:0px;
	text-align:left;
	position:relative;
	border-bottom:2px solid #b4e169;
	background:url('new-title_bg.gif') no-repeat 2% 50%;; padding-left:80px; padding-right:0; padding-top:8px; padding-bottom:8px
	}

#new h2 {
	margin:0px;
	text-align:left;
	position:relative;
	border-bottom: solid #3F7A00 3px;
	}

#new a.new-bt{
	font-size:85%;
	padding:0 5px;
	background: #f5dc67 ;
	border:solid #ceb300 2px;
	position:absolute;
	top:8px;
	right:0px;
	}

.oshirase {
	width:620px;
	text-align:left;
	background:url('oshirase.gif') no-repeat 0 50%;
	border-bottom:3px dotted #FFCC00;
	line-height:150%; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:15px; padding-left:70px; padding-right:10px; padding-top:10px; padding-bottom:10px	
	}

.oshirase strong{font-size:115%;color:#FF0000;}
	
.clr {clear:both;}

#navi {
	text-align:center;
	margin-bottom:20px;
	}

#navi img {
	margin: 0px 20px;
	}	

.grouplist {
	width:700px;
	list-style-type: none;
}

.grouplist li {
	margin-left:15px;
	padding-left:15px;
	margin-top:10px;
	padding-top:5px;
	border-left:solid #3F7A00 5px;
	border-bottom:1px dashed #3F7A00;
	height:20px;
}

.menulist {
	width:80%;
	list-style-type: none;
}

.menulist li {
	color:#2e1b0a;
	font-size:100%;
	width:100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-left:10px;
	border-bottom:dashed #3F7A00 1px;

}

#schedule{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.sth {
	border-top:1px solid #3F7A00;
	border-left:1px solid #3F7A00;
}
.sthl {
	border-top:none;
	border-left:1px solid #3F7A00;
	color:#FFFFFF;
}
.std {
	border-top:1px solid #3F7A00;
	border-left:1px solid #3F7A00;
	height:50px;
	padding-left:3px;
}
.stdl {
	border-top:none;
	border-left:1px solid #3F7A00;
	height:50px;
	color:#FFFFFF;
}
.stdblank {
	border-top:1px solid #3F7A00;
	border-left:1px solid #3F7A00;
	height:50px;
	background-color:#DDDDDD;
}
.stdunder {
	border-top:1px solid #3F7A00;
	color:#FFFFFF;
}


/*Support*/
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
.su_listtable,
.form,
.mgform,
.youbouform,
.youbou_listtable
{
	width:100%;
	margin-bottom:5px;
}

.su_listtable th,
.form th
{
	line-height: 1.1em;
	font-weight:bold;
	background-color:rgb(206, 216, 224); /*var(--table-th-bgcolor);*/
	color:rgb(25, 11, 87); /*var(--table-th-color);*/
	border:solid 1px #BCBCBC;
	text-align:center;
	padding:5px;
	font-size:1.0em;
}
.mgform th
{
	font-weight:bold;
	background-color:rgb(26, 89, 145);
	color:rgb(255, 255, 255);
	border:solid 1px #BCBCBC;
	text-align:center;
	padding:5px;
	font-size:1.0em;
}
.youbou_listtable th,
.youbouform th
{
	font-weight:bold;
	border:solid 1px #BCBCBC;
	text-align:center;
	padding:5px;
	font-size:1.0em;
}
.youbou_listtable th
{
	background-color:rgb(254, 244, 213); /*var(--table-th-bgcolor);*/
}
.youbouform th
{
	color:rgb(25, 11, 87);
	background-color:rgb(254, 244, 213); /*var(--table-th-bgcolor);*/
}
.thcolor
{
	color:rgb(25, 11, 87); /*var(--table-th-color);*/
}

.su_listtable td,
.form td,
.mgform td,
.youbouform td,
.youbou_listtable td
{
	padding: 3px;
	border: solid 1px #BCBCBC;
	font-size:1.0em;
}

.form .help,
.mgform .help {
	font-size: 0.9em;
	color:rgb(94, 94, 94);
}

.list1 {
	background-color:rgb(255, 255, 255);
}
.list2 {
	background-color:rgb(230, 228, 228);
}
.delline {
	background-color:rgb(145, 145, 145);
}

#btnAreaTop
{
	margin-top:20px;
	margin-bottom:20px;
}
#btnAreaBottom
{
	margin-top:20px;
}

#print_option
{
	width:95%;
	margin-top:5px;
	margin-left:5px;
	border:solid 1px #BCBCBC;
	padding:5px 10px;
}

#srchArea,
#faqsrchArea,
#filesrchArea{
	width:100%;
	padding:10px 10px;
	border:1px solid #BCBCBC;
	margin-bottom:20px;
	border-radius: 5px;
	line-height: 3.0;
}

#modallist
{
	list-style-type: none;
}

.blocktitle
{
	background-color:rgb(214, 214, 214); /*var(--blocktitle-bgcolor);*/
	color:rgb(0, 20, 37); /*var(--blocktitle-color);*/
	margin:5px auto;
	font-size:1em;
}
.blockopenclose
{
	background-color:rgb(214, 214, 214); /*var(--blocktitle-bgcolor);*/
	color:rgb(0, 20, 37); /*var(--blocktitle-color);*/
	font-size:1em;
}

/*ToukouData*/
.toukoutitle,
.toukounaiyou,
.kaitounaiyou,
.fnaiyou
{
	font-size:1.2em;
}
/*KyougiList*/
#KyougiList,
#KaitouList{
	width:100%;
	max-height:600px;
	border:1px solid #BCBCBC;
	padding:2px 2px;
	margin: 5px 0;
	list-style-type: none;
	overflow-y: scroll;
}
#KyougiList .mine,
#KyougiList .other {
	min-width:100%;
	max-width:100%;
}
#KyougiList .other,
#KyougiList .mine {
	margin-bottom:15px;
	float:left;
}
#KyougiList .kyougimine,
#KyougiList .kyougiother {
	text-align:left;
}
#KyougiList .kyouginaiyoumine,
#KyougiList .kyouginaiyouother
{
	border:1px solid #BCBCBC;
	padding:5px 5px;
	font-size:1.1em;
}
#KyougiList .kyouginaiyoumine
{
	/*border-radius: 15px 0px 15px 15px;*/
	background-color:rgb(202, 255, 226);
}
#KyougiList .kyouginaiyouother
{
	/*border-radius: 0px 15px 15px 15px;*/
	background-color:rgb(251, 255, 202);
}
/*
#KyougiList .mine {
	margin-bottom:15px;
	float:right;
}
#KyougiList .kyougimine {
	text-align:right;
}
#KyougiList .kyouginaiyoumine
{
	border-radius: 15px 0px 15px 15px;
	background-color:rgb(202, 255, 226);
}

*/

#KaitouList .kaitounaiyou
{
	border:1px solid #BCBCBC;
	padding:5px 5px;
	background-color:rgb(202, 255, 226);
}

#KyougiRelationList{
	width:100%;
	border:1px solid #BCBCBC;
	padding:2px 2px;
	margin: 5px 0;
	list-style-type: none;
}

#KyougiRelationData ul{
	display:flex;
	list-style-type: none;
	margin-bottom:5px;
}
#KyougiRelationData li{
	margin-right:10px;
}
/*faqList*/
#faqList{
	width:100%;
	/*border:1px solid #BCBCBC;*/
	padding:2px 2px;
	margin: 5px 0;
	list-style-type: none;
}
#faqList .mine,
#faqList .other {
	min-width:100%;
	max-width:100%;
}
#faqList .mine,
#faqList .other {
	margin-bottom:15px;
	float:left;
}
#faqList .faqmine,
#faqList .faqother {
	text-align:left;
}
#faqList .faqnaiyoumine,
#faqList .faqnaiyouother
{
	margin-left:32px;
	border:1px solid #BCBCBC;
	padding:5px 5px;
	font-size:1.2em;
}
#faqList .faqnaiyoumine
{
	/*border-radius: 15px 0px 15px 15px;*/
	background-color:rgb(224, 231, 255);
}
#faqList .faqnaiyouother
{
	/*border-radius: 0px 15px 15px 15px;*/
	background-color:rgb(255, 235, 221);
}

/*新着*/
.new{
	color:red;
}

/*メッセージ*/
#msgbox{
	width:100%;
	border:1px solid #BCBCBC;
	border-radius: 10px;
	background-color:rgb(255, 235, 221);
	padding:10px;
}
#msgbox ul{
	list-style-type: none;
	margin-left:10px;
}
.msglisttitle{
	font-weight:bold;
}

/*詳細メニュー*/
#detailmenu{
    margin-bottom:20px;
}
#detailmenu ul{
    display:flex;
    list-style-type:none;
}
#detailmenu ul li{
    min-width:130px;
    text-align:center;
    padding:5px 5px 5px 5px;
    border:1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    margin-right:5px;
}
#detailmenu ul li:hover{
    background-color:#EEE;
}

.su_listtable a{
	text-decoration:underline;
}

.color-red{
    color:red;
}
.color-gray{
    color:gray;
}
.color-lightgray{
    color:lightgray;
}
.color-black{
    color:black;
}
.color-pink{
    color:rgb(255,0,213);
}

.color-folder{
    color:rgb(252,221,126);
}


.color-word{
    color:rgb(20,90,189);
}
.color-excel{
    color:rgb(16,124,65);
}
.color-powerpoint{
    color:rgb(201,74,38);
}
.color-pdf{
    color:rgb(169,32,46);
}
.color-image{
    color:gray;
}

@media screen and (max-width:480px) {
#header img{
	width:100%;
}
}