@CHARSET "UTF-8";

#overlay {
  /* viewpointを相対位置にし、全画面表示にする */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);  /* 背景を半透明にする */
  display: none;  /* HTML要素を非表示にする */
  z-index: 1  /* 「メインのHTML要素」よりもスタックレベルを高くする */
}

#modal-content {
  width: 80%px;
  height: 400px;
  position: fixed; /* viewpointを相対位置にする */
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  padding:4px;
  display: none;
  z-index: 2 ;/* 「オーバーレのHTML要素」よりもスタックレベルを高くする */
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  overflow:auto;
}

#ch_main_form {
	width:600px;
	padding-top:4px;
	padding-left:4px;
}

.ch_sel_form{
	width:95%;
	/*	border-top-left-radius: 10px;*/
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border: 1px solid #e0e0e0;
	background-color: #d3edfb;
	padding: 8px;
	display: inline-block;
	margin-bottom:4px;
	cursor: pointer;
}
.ch_name_form{
	float:left;
	width:20%;
	border-right:1px solid #e0e0e0;
	overflow: visible;
}
.ch_enname_form{
	float:left;
	width:25%;
	border-right:1px solid #e0e0e0;
	padding-left: 8px;
	overflow: visible;
}
.ch_mail_form{
	float:left;
	width:50%;
	padding-left: 8px;
	overflow: visible;
}
.clear_float{
	clear:both;
}

#mclose{
	cursor: pointer;
	float: right;
}
#ch_title{
	font-size: 120%;
	font-weight: bold;
	margin-left:8px;
}