/* [ Client Account Page ] */ 
	.system_body_area{ 
	  min-height:80vh;
	  
	}
	 
	  .contents_area{
	    display:flex;
	    padding:20px;
	    justify-content:space-between;
	  }  
	 
	    #information{
		  	
		  flex: 0 1 49%; 
		  font-size:1.2em;
	    }
		
		#information > h1{
		  font-weight:bold;	
		  padding:10px 0;
		}
		
		  .rule{
		    line-height:1.5em;
		  }
		
		  .rule > p:nth-child(n+2){
			margin-top:15px;	  
		  }
		  
		  .rule ul{
			padding-left:1em;  
		  }
		  
		  .rule table{
			width:95%;
			margin-left:1em;  
			font-size:0.9em;
		  }
		  .rule table td,.rule table th{
			border:1px #777777 solid;  
		    padding:3px 5px;
		  }
		  .rule table th{
			text-align:left;  
			color:#FFFFFF;
            background-color:rgba(0,0,0,0.8);			
		  }
		  
		  .rule table td:nth-child(1){
			width:65%;  
		  }
		  
		  
		  .document{
			margin:5px 0;  
		  }
		  .document > a{
			text-decoration:underline;  
			padding:0 10px;
		  }
		
	    #signfunction{
		  flex:1; 
	      padding:0 50px;
		}
	   
			ul.area_select{
			  display:flex; 
			  font-size:0.95em;
			}
			ul.area_select > li{
			  width:120px; 
			  padding:8px 10px;
			  border:0px #CDCDCD solid;
			  border-bottom:2px #FFFFFF solid;
			  text-align:center;
			  cursor:pointer;
			}
		  
			ul.area_select > li:nth-child(n+2){margin-left:-1px;}
			li.area_tab{cursor:pointer;opacity:0.6;}
			li.area_tab.atthis{ cursor:default;opacity:1; border-bottom:2px #CDCDCD solid; font-weight:bold;}
		    
	        section{
			  border: 1px #CDCDCD solid;
			  padding: 15px;
			  margin-bottom: 20px;
			  background-color: #F6f6f6;
			  border-radius: 3px;		
			}
	  
			  div.sign_mode{
			    margin:0 5px;
			  }
			  
			  div.switch{
				display:none;  
			  }
			  
			  
			  
			  #signup{display:block;}
			  
			  #act_signin,#regist,#act_recover,#act_repass,#license{padding:10px 20px;}
			  #act_forgot{color:#666666;}
			    
				
				
				
				div.form_option  input[type="text"],	
				div.form_element input[type="text"],
				div.form_element input[type="file"],
				div.form_element input[type="date"],
				div.form_element input[type="time"],
				div.form_element input[type="email"],
				div.form_element input[type="password"],
				div.form_element select,
				div.form_element textarea{
				  background-color:#FFFFFF;
				  padding:5px;
				  border:1px #e8e8e8 solid;
				  border-radius:4px;
				  color:#007bbb;
				  width:100%;
				  height:40px;
				  line-height:40px;
				}
				
				
				div.form_element textarea{
				  height:6em;	
				  line-height:2em;	
				  width:100%;
				  resize: vertical;
				}
				
 				div.form_element{
				  padding:5px 0;
				  margin-bottom:10px;
				}
			    
				div.form_element > label{
				  display:block;	
				  padding:0 0 4px 2px;	
				  font-size:0.95em; 
				}
				
				div.form_element > div{
				}
			  
				div.form_element > i{
				  display:block;
				  margin-top:7px;
				  font-style: italic;
				  font-size:0.9em;
				  opacity:0.8;  
				}
				
				div.form_set{
				  display:flex; 
				  justify-content:space-between;
				}
				 
				div.form_set > *{
				  width:49%;
				}
				
				div.form_option{
				  display:flex;
				  justify-content:space-between;
				  align-items:center;			  
				}
		        
				.captcha > a{color:green;}
				
				div.form_element input.form_error{
				  border-color:red;	
				}
				
				div.form_element input:disabled{
				  background-color:#efefef;
				}
				
				div.form_element._nessary > label:before{
				  content:"＊";
                  color:red;		  
				}
				
				.regbutton{}
				.regbutton > button{ display:none; }
				.regbutton[mode='regist'] > #regist{display:inline-block;}
				/*.regbutton[mode='submit'] > #license{display:inline-block;}*/
				
				#personal_data_collect_declaration{
				  cursor:pointer;	
				  text-decoration:underline;
				  position:relative;
				}
				
				#personal_data_collect_agreement{
				  padding-top:15px;
				}
				
				#agree_personal_data_collect:checked:after{
				  content:"同意";
                  color:green;	
                  display:inline-block;		
                  position:absolute;
				  left:150px;
                  font-weight:bold;
                  
				}
				
				
	div.declaration_area{
	  position:absolute;
      top:0;left:0;right:0;bottom:0;
	  padding:50px 80px;
	  background-color:rgba(0,0,0,0.5);
	  display:none;
	  
	}
	div.declaration_block{
	   
	}
	.declaration{
	  padding:10px; 	
	  line-height:1.5em;
	  height:60vh;
	  overflow:auto;
	}
	
	.declaration h2{
	  font-weight:bold;  
	  margin:5px 0;
	  padding:5px 0;
	} 
	.declaration > p.baner{
	  color:rgb(178,34,34)	
	}
	
	.declaration > p.baner::first-letter {
	  font-size: 1.5em;
	}
	
	
	.declaration > p.rule{
	  margin-left:2em;	
	  margin-bottom:15px;
	  /*text-indent: -2em;  margin-left:4em;*/
	}
	
	
	.reference{
	  padding:0 10px;	
	  display:flex;	
	  justify-content:space-between;
	}
	.reference > div:nth-child(1){
	  width:60%;	
	}
	
	.agrement{
	  padding:20px;
	  background-color:#b3c5c7;
	  text-align:center;	
	  font-weight:bold;
	  color:#583822;	
	  border-radius:5px;
	  box-shadow:0 0px 4px -1px rgba(0,0,0,0.2);		  
	}
	
	.disallow{
	  list-style-type:square;
	  margin-left:1.3em;
	}
	
	.refer{
	  list-style-type:square;		
	  margin-left:1.3em;
	}
	.refer > li{ min-height:0.5em;}