@import "0_style.css"; 


        
/**
Plan message 
*/






.PM_left{
    width:25%;
	border:0px solid #ccc;
	text-align:left;
	color:#ffff00;
	float:left; 
	padding-top:10px;
	padding-left:10px;
	font-size:26px;
	line-height: 40px;　
	text-indent: 2em;
}


.PM_right{
    width:3%;
	border:0px solid #ccc;
	text-align:center;
	margin:5px;
	float:right;
	background:#046A98;
	/* overflow-x:hidden; */
	
}

.Menu_left
{
	
	
}
.Menu_left ul
{
	margin:1%;
	
}

.PM_middle{
    width:60%;
	background:var(--middle-background-color); 	
	float:left;
	height:800px;
	overflow:auto;
	margin-bottom:20px;
	   background:#ffffff; 
	
}

.PM_container_head {
border-color: var(--title-background-color); 
border-style: solid;

border-width: 1em 2em ;
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
border-color: #6599FF;
background:#6599FF;

}


.PM_container {
border-color: var(--middle-background-color);  
border-style: 8px solid ; 

border-width: 1em 2em 0em 2em;
background:var(--middle-background-color); 
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:1em;
padding-right:1em;
overflow-x:hiddle;
border-color:#ffffff;
background:#ffffff;

}

.table_1
{
	border: 0px solid black;
	color:black;
	border-collapse:collapse; 
	
}


#n40_schedule_header_0{
	width: 100%;
	margin: 0 auto;
	height: 100px;
	
	
}
.n40_schedule_header{
	/* background-color: #352d2f; */
	/* background-color:white; */
	border:0px solid red;
	
	height: 100px;
	padding:0px;
	width: 100%;
	text-align:center;
	color:black;
}
.n40_schedule_header img{
	float:left;
	margin: 0px 0 0 5px; 
	}
	





.table_2
{
	border: 1px solid red;
	color:black;
	border-collapse:collapse; 
	height:20px;
	
}

.PM_container2 {
border-color: var(--middle-background-color); 
border-style: 4px solid red; 

border-width: 1em 2em 3em 2em;
background:var(--middle-background-color);  
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:4em;
padding-right:1em;
}




.PM_container2 li ,dl{
	 text-indent: -0.1em;
	 
	  margin-left: 0.5em;
      
	}
.PM_container2 dt{
	 text-indent: -1em;
	 
	  margin-left: 2.5em;
      
	}
.PM_container2  dd{
	 text-indent: -1em;
	  margin-left: 2em;
      
	}
	
.S40_Box {
	margin:0px 100px 20px 100px;
	
    border: 0px solid red;

	

color:#17365D;
text-align: left;

font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:0em;
padding-right:0em;
line-height: 28px;
letter-spacing: 2px;
font-weight:bold;　 　
}

.S40_Box  dd{
	 text-indent: -1em;
	  margin-left: 2em;
      
	}


.PM_container table{
  width: 480px;
  height: 250px;
  border: 1px solid grey;
  margin: auto;
  
}
.PM_container table td{
  vertical-align: middle;
  text-align: center;
  border: 1px solid grey;
}
.PM_container table content{
  width: 400px;
  background: #ccc;
  display: inline-block;
  text-align: left;
}


.PM_middle table{
	
  width: 80%;
  height: 300px;
  text-align: center;
  border: 1 px solid blue;
  margin: 0 auto;
  padding-top:20px;
  border-collapse:collapse; 
}

.PM_middle table th{
  vertical-align: middle;
  text-align: center;
  border: 1px solid grey;
  background:#E1F0F8;
  height:20px;
  
}

.PM_middle table td{
  vertical-align: middle;
  text-align: left;
  border: 1px solid grey;
  text-indent: 10px;
}


.PM_middle table td ol {
  counter-reset: item;
}

.PM_middle table td ol li{
  display: block ; counter-increment: item; 
  margin-left: -2.1em;
  text-indent: -0.3em;
}




.PM_middle table td ol li:before{
 content: "("counter(item,decimal)")"; 
}


.PM_middle table content{
  width: 500px;
  background: #ccc;
  display: inline-block;
  text-align: left;
}



.mainContent_head {
border-color: var(--title-background-color); 
border-style: solid;

border-width: 0.4em 2em ; 
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
border-color: #6599FF;
background:#6599FF;


}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}




/* Main content of the site */
#content {
	clear: both;
	overflow: auto;
	padding-top: 1vh;
}
/* Sidebar */
#content .sidebar {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	float: left;
	width: 26%;
	padding-left: 1%;
	
	text-align: center;
	background-color: rgba(246,246,246,1.00);
	padding-top: 30px;
	height: 775px;
	background-color:blue;
	background-color: #26507E;
	margin-right:2%;
	height:70vh;
	overflow:auto;
	

	
}

/* main content of the site */
#content .mainContent {
	float: left;
	width: 72%;
	/*text-align: center;*/
	padding-left: 4%;
	background:#ffffff; 
	padding-left: 0%;
	float: center;
	height:70vh;
	
	overflow:scroll;
	overflow:auto;
	
	
}
/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
	text-align: left;
	color: rgba(146,146,146,1.00);
	position: relative;
	left: 0%;
}

/* Whole page content */
#mainWrapper {
	width: 80%;
	padding-left: 10%;
}
/*menu elements */
.menu ul li {
	list-style-type: none;
	font-size: x-large;
	position: relative;
	left: -35px;
	padding-top: 5px;
	font-size: 1.2rem;
	color: white;
}



.sidebar #menubar .menu ul li a {
	color: rgba(146,146,146,1.00);
	text-decoration: none;
	color: #ffff00;
	font-size:1.2rem;
	color: white;
	white-space:nowrap;
	
}
.sidebar #menubar .menu ul li a:hover {
	color: rgba(107,97,97,1.00);
	text-decoration: none;
	color:#6599FF;
	
}
/* Menu headings in sidebar */
#menubar .menu h2 {
	font-size: 14px;
}
/*Links under menus in sidebar */
#menubar .menu ul li a {
	font-size: 14px;
}
/* Menus in sidebar */
.sidebar #menubar .menu {
	margin-bottom: 29px;
}

.mainContent_text  {
border-color: var(--middle-background-color); 
border-style: 0px solid ; 

border-width: 1em 1em 0em 1em;
background:var(--middle-background-color);  
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:2em;
padding-right:2em;
/*overflow-x:hidden;*/
line-height:1.8rem;


}


.mainContent_text1  {
border-color: var(--middle-background-color); 
border-style: 0px solid ; 

border-width: 1em 1em 0em 1em;
background:var(--middle-background-color);  
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:0.5em;
padding-right:0.5em;
overflow-x:hidden;
line-height:1.8rem;
overflow-x:scroll;


}









.mainContent_text1 table {
  width:100%;
  border:1px solid blue;
  margin:0 auto;
  
  
}

 .mainContent_text1 table th{
  vertical-align: middle;
  text-align: center;
  border: 1px solid grey;
  background:#E1F0F8;
  height:20px;
  
}


.mainContent_text1 table td{
  vertical-align: middle;
  text-align: left;
  border: 1px solid grey;
  text-indent: 10px;
}


.mainContent_text1 table td ol {
  counter-reset: item;
}

.mainContent_text1 table td ol li{
  display: block ; counter-increment: item; 
  margin-left: -2.1em;
  text-indent: -0.3em;
}




ol.a {
  
  counter-reset: item;
  
  padding-left:4rem;
  
   
}
ol.a li{
	
   display: block ; 
  counter-increment: item; 
 
  
 
 
  
  
}

ol.a li:before {
  content: " ("counter(item,decimal)") "; 
  
  
}

#confirm {
         display: none;
         background: #046A98;
         color: #fff;
         border: 1px solid #aaa;
         position: absolute;
         left: 50%;
		 top:50%;
		 height: 300px;
		 width: 500px;
		 margin-top: -150px;     
         margin-left: -250px;
         padding: 6px 8px 8px;
         text-align: center;
         
      }
      #confirm button {
         background: 	LightGray;
         display: inline-block;
         border-radius: 5px;
         border: 1px solid #aaa;
		 position: absolute;;
         padding: 5px;
         text-align: center;
         width: 80px;
         cursor: pointer;
		 left: 40%;
		 top:80%;
		 height: 50px;
		 width: 100px;
		 
      }
      #confirm .message {
         text-align: left;
		 font-size: 20px;
      }
#submit {
 color: #000000;
 font-size: 0;
 width: 150px;
 height: 50px;
 border: none;
 margin: 0;
 padding: 0;
 cursor:pointer;
 background: #fff url(../images/0/submit.png) 0 0 no-repeat; 
}	  

input[type=checkbox] {width:20px; height:20px;}
        
#content .mainContent2 {
	float: left;
	width: 72%;
	/*text-align: center;*/
	padding-left: 4%;
	background:#ffffff; 
	padding-left: 0%;
	float: center;
	height:70vh;
	width: 72%;
	
	overflow:scroll;
	
}


#sendmail {
 color: #000000;
 font-size: 0;
 width: 150px;
 height: 50px;
 border: none;
 margin: 0;
 padding: 0;
 cursor:pointer;
 background: #fff url(../images/0/sendmail.png) 0 0 no-repeat; 
}	 

.day14
{
	background:#E1F0F8;
	border:0px solid ;
}	


#content .mainContent3 {
	float: left;
	
	/*text-align: center;*/
	
	background:#ffffff; 
	padding-left: 0%;
	float: center;
	height:70vh;
	width: 72%;
	padding: 0%;
	overflow:auto;
	
}


.mainContent_head3 {
border-color: var(--title-background-color); 
border-style: solid;

border-width: 0.4em 2em ; 
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
border-color: #6599FF;

background:#6599FF;



}


.mm6
{
	margin:0 1em 0em -1em ;
	
	
	
}


ol.mm6 {
  counter-reset: item;
 
}




ol.mm6 li {
  display: block ; 
  counter-increment: item; 
  text-indent: -1.5em;

  
   
}
ol.mm6 li:before {
  content: "  ("counter(item,decimal)") "; 
  
}