@charset "UTF-8";

body {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin: 0px;
	padding: 0px;
}

input[type="text"] , input[type="password"] , textarea ,select {
	font-size: 15px;
	padding: 0.3rem 0.7em 0.3em 0.7em;
	background-color: #fafafa;
	border: 1px solid #CCC;
	box-sizing: border-box;
	border-radius: 4px;
	height: 2.25em;
	line-height: 1.5;
	vertical-align: middle;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

input[type="date"] {
	font-size: 15px;
	padding: 0.3rem 0.7em 0.3em 0.7em;
	background-color: #fafafa;
	border: 1px solid #CCC;
	box-sizing: border-box;
	border-radius: 4px;
	height: 2.25em;
	line-height: 1.5;
	vertical-align: bottom;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: 145px;
}

.Div_h1 {
	margin: 0;
	padding: 14px 20px 14px 20px;
	font-size: 2em;
	font-weight: bold;
	background-color: #A575AF;
	color: #fff;
	/*text-shadow: 1px 1px 0 #481F67,-1px 1px 0 #481F67,1px -1px 0 #481F67,-1px -1px 0 #481F67;*/
	/*border: 1px solid #41719C;*/
}

.Div_h1_in{
	max-width:1040px;
	margin:0px auto auto;
}

h2{
	padding-left: 0.6em;
	padding-right: 0.6em;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #BCBCBC #BCBCBC #BCBCBC #0d427b;
	color: #0d427b;
	font-size:30px;
	font-weight:normal;
}
h3{
	padding-left: 0.6em;
	padding-right: 0.6em;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #BCBCBC #BCBCBC #BCBCBC #1965b9;
	color: #1965b9;
}

.h3_Red{
	padding-left: 0.6em;
	padding-right: 0.6em;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #BCBCBC #BCBCBC #BCBCBC #D81A41;
	color: #D81A41;
}

.div_Red {
	color: #D81A41;
	font-size: 1.4em;
	font-weight: bold;
}

.ThEntry{
	width: 25%;
	text-align: left;
	background-color:#f2f2f2;
	padding:8px;
	font-weight:normal;
}

.ThEntryAdmin {
	width: 25%;
	text-align: center;
	padding: 8px;
	font-weight: normal;
	background-color: #006099;
	color: white;
}

.ThAdmin {
	text-align: center;
	padding: 8px;
	font-weight: normal;
	background-color: #006099;
	color: white;
}

.GrayArea{
	background-color: #efefef;
    font-size: 14px;
    font-weight: 300;
    margin-top: 0.8em;
    padding: 0.5em;
}

.RedSpan{
	color: #D81A41;
	border: 1px solid;
	border-radius: 3px;
	padding:3px;
	box-sizing: border-box;
	float: right;
	font-size: 11px;
	vertical-align: middle;
}
.RedSpan_Normal{
	color: #D81A41;
	border: 1px solid;
	border-radius: 3px;
	padding:3px;
	box-sizing: border-box;
	font-size: 11px;
	vertical-align: middle;
}
.RedSpan_Min{
	color: #D81A41;
	font-size:12px;
	vertical-align: middle;
}

.BlueSpan_Min {
	color: #1965b9;
	font-size: 12px;
	vertical-align: middle;
}

.MainArea{
	max-width:1000px;
	width:96%;
	padding-bottom: 100px;
	margin: 0px auto auto;
	box-sizing: border-box;
}

.btnOrange {
	color: #fff;
	font-size: 1em;
	min-width: 150px;
	height: 50px;
	background-color: #FF6F0F;
	border: 1px solid;
	border-radius: 8px;
	cursor: pointer;
}
.btnOrange:hover {
	background: #FF9D5B;
}

.btnRed {
	color: #fff;
	font-size: 1em;
	min-width: 150px;
	height: 50px;
	background-color: #D81A41;
	border: 1px solid;
	border-radius: 8px;
	cursor: pointer;
}
.btnRed:hover {
	background: #E95273;
}

.btnBlue {
	color: #fff;
	font-size: 1em;
	min-width: 150px;
	height: 50px;
	background-color: #3490dc;
	border: 1px solid;
	border-radius: 8px;
	cursor: pointer;
}

.btnBlue:hover {
	background: #6cb2eb;
}

.btnGray {
	color: #fff;
	font-size: 1em;
	min-width: 150px;
	height: 50px;
	background-color: #BABABA;
	border: 1px solid;
	border-radius: 8px;
	cursor: pointer;
}
.btnGray:hover {
    background-color: #D1D1D1;
}

.btnGray_Disabled {
	color: #4C4C4C;
	font-size: 1em;
	min-width: 150px;
	height: 50px;
	background-color: #BABABA;
	border: 1px solid;
	border-radius: 8px;
}

.btnLunchBlue {
	color: #000000;
	font-size: 1em;
	min-width: 100px;
	height: 50px;
	background-color: #DEF2FC;
	border: 1px solid;
	border-radius: 8px;
	cursor: pointer;
}

.btnLunchBlue:hover {
	background: #F1F9FD;
}

.btnBack {
	color: #fff;
	font-size: 1em;
	min-width: 150px;
	height: 50px;
	background-color: #b6b697;
	border: 1px solid;
	border-radius: 8px;
	cursor: pointer;
}

.btnBack:hover {
	background: #cacaab;
}

.Div_btnRed {
	color: #fff;
	font-size: 1em;
	min-width: 100px;
	padding: 12px 0px;
	background-color: #D81A41;
	border: 1px solid;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
}

.Div_btnRed:hover {
	background: #E95273;
}

.Div_btnGray {
	color: #4C4C4C;
	font-size: 1em;
	min-width: 100px;
	padding: 12px 0px;
	background-color: #BABABA;
	border: 1px solid;
	border-radius: 8px;
	cursor: default;
	text-align: center;
}

.button_01 {
	display: inline-block;
	color:#ffffff !important;
	font-size:1.2em !important;
	background-color:#BABABA;
	display:inline-block;
	cursor:pointer;
	padding:10px 30px;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.button_01:hover {
	background-color:#D1D1D1 !important;
	text-decoration:none;
}

.button_02 {
	display: inline-block;
	color:#ffffff !important;
	font-size:1.2em !important;
	background-color:#FF6F0F;
	display:inline-block;
	cursor:pointer;
	padding:10px 30px;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.button_02:hover {
	background-color:#FF9D5B !important;
	text-decoration:none;
}


.button_03 {
	display: inline-block;
	width: 300px;
	color:#ffffff !important;
	font-size:1.2em !important;
	background-color:#4179fd;
	display:inline-block;
	cursor:pointer;
	margin:30px 0px;
	padding:30px 30px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.button_03:hover {
	background-color:#4cb0fe !important;
	text-decoration:none;
}


.button_04 {
	display: inline-block;
	width: 195px;
	height: 140px;
	color:#666666 !important;
	font-size:12px !important;
	line-height:120% !important;
	background-color:#eeeeee;
	display:inline-block;
	cursor:pointer;
	margin:10px 0px 10px 30px;
	padding:20px 10px 0px 10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.button_04:hover {
	color:#ffffff !important;
	background-color:#4cb0fe !important;
	text-decoration:none;
}

.button_05 {
	display: inline-block;
	color: #ffffff !important;
	font-size: 1.2em !important;
	background-color: #FF9D5B;
	display: inline-block;
	cursor: default;
	padding: 10px 30px;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:0.5;
}

.waku03 {
    border: 3px solid #cccccc;
    padding: 10px;
    margin: 30px 0px 30px 0px;
}

.TableBorderSolid {
	width:100%;
	border: solid 1px silver;
	border-collapse: collapse;
}

.TableBorderSolid th{
	border: solid 1px silver;
}

.TableBorderSolid td{
	border: solid 1px silver;
	padding:6px 9px;
	height:2em;
}

.ErrMsg{
	background-color: #FEEDF2;
	color: #D81A41;
	font-size: 15px;
	padding: 0.5em;
	box-sizing: border-box;
	margin-top: 0.8em;
}

.container {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

.box {
    width: 60%;
    max-width: 300px;
    box-shadow: 0px 0px 4px 2px rgba(10,10,10,0.1);
    position: relative;
    padding: 40px 20px 10px;
}

.box img{
	padding: 5px;
	background: #3C413A;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
	box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
	width: 100px;
	height: 100px;
	position: absolute;
	top: -80px;
	left: 33.3333%;
}

.TdLink{
	cursor: pointer;
	text-decoration: underline;
	color: Blue;
}
.TdLink:hover{
	cursor: pointer;
	text-decoration: underline;
	color: #7A7AFF;
}

.Ul_Line {
	line-height: 2em;
}

.br-sp {
	display: ;
}

.TelWidth{
	max-width:7em;
	width:28%;
}

.EntrySeminarWidth{
	max-width:12em;
}

.editbtn {
	background-color:yellow;
	border:1px solid black;
}

@media screen and (min-width: 760px) {
	.br-sp {display: none;}
	.TelWidth {width:7em;}
	.EntrySeminarWidth {width:12em;}
}

.Msg_HIKAIIN {
	border: 1px solid red;
	color: red;
	background-color: yellow;
	margin-left: 14px;
	padding: 4px 10px;
}

/*20220317会員用追加*/
.MemTitle{
    background-color: #CAC75C;
    text-align: center;
    padding: 8px 0px 8px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin: 50px 0px 15px 0px;
    border-radius: 4px;
    border: 0px;
}

.MemMsg{
    text-indent: -1em;
    padding-left: 1em;
    color: #39C;
    margin: 0px !important;
}


/*20220513QR読み取り用追加*/
.QR_BgColor {
	background-color: #FFFFE5;
}
.QR_Ul_Line {
	line-height: 4em;
}

.QR_TdLink {
	cursor: pointer;
	text-decoration: underline;
	color: Blue;
}

	.QR_TdLink:hover {
		background-color: #ffd78c;
	}