@charset "utf-8";

/* テーブル基本設定 */

table{
  width: 100%;
  border: solid 2px hsla(0,0%,50%,1);
}

table tr, table th{
  border-right: solid 1px hsla(0,0%,50%,1);
  border-bottom: solid 1px  hsla(0,0%,50%,1);
}

table tr:last-child, table th:last-child{
  border-right: none;
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  padding: 10px;
  font-size:0.8em;
}

table th:after{

}

table td{
  font-size:15px;
  text-align: left;
  padding: 10px 10px 10px 20px;
}

/* 規約 */
table#kiyaku, table#privacy{
  border-collapse: collapse;
  border: none;
}

table#kiyaku th, table#privacy th{
  color: white;
  width: 20%;
}

table#kiyaku th:after, table#privacy th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
}

table#kiyaku th{
  background-color: var( --color15 );
}

table#kiyaku th:after{
  border-left: 10px solid var( --color15 );
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table#privacy th{
  background-color: #f0be0f;
}

table#privacy th:after{
  border-left: 10px solid #f0be0f;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table#kiyaku td, table#privacy td{
  color: black;
  width: 80%;
  background-color: #eee;
}

table#kiyaku tr, table#privacy tr, table#kiyaku th, table#privacy th{
  border-right: none !important;
  border-bottom: solid 2px white !important;
}

table#kiyaku tr:last-child, table#privacy tr:last-child, table#kiyaku th:last-child, table#privacy th:last-child{
  border-right: none !important;
  border-bottom: none !important;
}

/*tabの形状*/
.tab{
	display: flex;
	flex-wrap: wrap;
}
.tab li {
	list-style: none;
}
.tab li a{
	position: relative;
	display: block;
	background:#ddd;
	margin:10px 10px 0 0;
	padding:10px 20px;
	border-radius:10px 10px 0px 0px;
	box-shadow: 0 0 8px gray;
	z-index:10;
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
	background:#fff;
	box-shadow: 0 -4px 8px -4px gray;
	z-index:30;
}

/* 紺色枠 シルバーセル */
#table01{
	border:#003366 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#table01 th,#table01 td{
	background-image:linear-gradient(0deg,
	hsla(280, 0%, 100%,1) 0px ,
	hsla(280, 10%, 97%,1) 4px ,
	hsla(280, 19%, 94%,1) 6px ,
	hsla(280, 0%, 100%,1) 10px
	);
	border:#003366 solid 1px;
	padding:6px;
	vertical-align:top;
	font-size:100%;
	}
#table01 td.center{
	vertical-align:middle !important;
	text-align:center !important;
	}
#table01 td.middle{
	vertical-align:middle !important;
	}
	

/* 紺色枠 複数ライン */
#table02{
	border:#003366 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#table02 td{
	font-size:110%;
//	background:url(newimg/tableheader3.jpg) white repeat-y left bottom;
	background-image:linear-gradient(90deg,
	var( --color13 ) 5px ,
	white 5px ,
	white 10px ,
	var( --color13 ) 10px ,
	var( --color13 ) 14px ,
	white 14px ,
	white 18px ,
	var( --color13 ) 18px ,
	var( --color13 ) 21px ,
	white 21px ,
	white 24px ,
	var( --color13 ) 24px ,
	var( --color13 ) 26px ,
	white 26px ,
	white 28px ,
	var( --color13 ) 28px ,
	var( --color13 ) 29px ,
	white 29px ,
	white 100%
	);
	border:#003366 solid 1px;
	padding:4px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:0.4em;
	}
#table02 td.left{
	font-size:130% !important;
	padding:4px;
	text-align:center !important;
	vertical-align:middle;
	letter-spacing:0.3em;
	}
#table02 td.zen{
	letter-spacing:0em !important;
	}

#table03{
//	background:url(newimg/tablue.gif) white repeat-x center bottom !important;
	background-image:linear-gradient(0deg,
	white 3px ,
	var( --color13 ) 6px ,
	white 80px
	);
	border:#99CCEE solid 2px;
	border-collapse:collapse;
	margin:0;
	}
#table03 td{
	border:#99CCEE solid 1px;
	font-size:120%;
	padding:6px;
	text-align:center;
	vertical-align:middle;
	}
#table03 .room{
	width:85px;
	font-size:110%;
	}

#table03B{
	background:url(newimg/tablue.gif) white repeat-x center bottom !important;
	border:#99CCEE solid 2px;
	border-collapse:collapse;
	margin:0;
	}
#table03B td{
	border:#99CCEE solid 1px !important;
	font-size:110%;
	padding:6px;
	vertical-align:top;
	}
#table03B td.center{
	vertical-align:middle !important;
	text-align:center !important;
	}
#table03B td.right{
	text-align:right !important;
	}
#table03B td.middle{
	vertical-align:middle !important;
	}

#table03C{
	border-top:#99CCEE dashed 2px;
	border-left:#99CCEE dashed 2px;
	border-collapse:collapse;
	margin:0;
	}
#table03C td{
	border-right:#99CCEE dashed 2px;
	border-bottom:#99CCEE dashed 2px;
	padding:6px;
	vertical-align:top;
	}
#table03C td.center{
	vertical-align:middle !important;
	text-align:center !important;
	}
#table03C td.right{
	text-align:right !important;
	}
#table03C td.middle{
	vertical-align:middle !important;
	}

#tableB2{
	border:#003366 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tableB2 td{
	background:url(newimg/tablewhite.gif) white repeat-x center bottom;
	border:#003366 solid 1px;
	padding:6px;
	vertical-align:top;
	font-size:100%;
	}
#tableB2 td.center{
	vertical-align:middle !important;
	text-align:center !important;
	}
#tableB2 td.middle{
	vertical-align:middle !important;
	}
#tableB2 .ao td{
	background:url(newimg/tablue.gif) white repeat-x center bottom;
	}
	

#tableE{
	background:url(newimg/tablav.gif) white repeat-x center bottom !important;
	border:#D4CCFB solid 2px;
	border-collapse:collapse;
	margin:0;
	}
#tableE td{
	border:#D4CCFB solid 1px;
	font-size:120%;
	padding:6px;
	text-align:center;
	vertical-align:middle;
	}

#tableF{
	border:0;
	margin:0 !important;
	}
#tableF td{
	font-size:13px;
	}

#tableG{
	border:0px none !important;
	margin:0 !important;
	}
#tableG td{
	background:none !important;
	border:0px none !important;
	margin:0 !important;
	padding:0 !important;
	}

.ao { color:#09F; }
.aka{ color:#F36; }

/* テーブルヘッド */
#tablehead01{
	background:url(newimg/tableheader.png) var( --color12 ) repeat-x center bottom !important;
	height:calc(48px - 1px);
	font-size:150% !important;
	font-weight:bold;
	line-height:calc(48px - 1px);
	color:#003366;
}
	
#tableheadline{
	display:block;
	width:90%;
	margin:0 auto;
	border-top:1px solid var( --color01 );
	box-shadow:0px 0px 2px hsla(360,100%,100%,1), 0px 0px 2px hsla(360,100%,100%,1), 0px 0px 2px hsla(360,100%,100%,1);
}

#tablehead02_A{
	background-image:url(newimg/tableheader02.png) !important;
	background-repeat:repeat-x;
	background-position:center bottom !important;
	height:28px;
	font-size:140% !important;
	font-weight:bold;
	line-height:33px;
	color:white;
}
#tablehead02_B{
	height:22px;
	font-size:100% !important;
	font-weight:normal;
	line-height:22px;
	color:black;
}

#tablehead02_A.blue{ background-color:hsla(223, 100%, 23%, 1); background-image:none; }
#tablehead02_B.blue{ background-color:hsla(216, 100%, 83%, 1); background-image:none; }

#tablehead02_A.pink{ background-color:hsla(340, 100%, 70%, 1); background-image:none; }
#tablehead02_B.pink{ background-color:hsla(0, 100%, 90%, 1); background-image:none; }

#tablehead02_A.yellow{ background-color:hsla(45, 86%, 53%, 1); background-image:none; }
#tablehead02_B.yellow{ background-color:hsla(60, 100%, 90%, 1); background-image:none; }

#tablehead02_A.green{ background-color:hsla(193, 60%, 50%, 1); background-image:none; }
#tablehead02_B.green{ background-color:hsla(200, 100%, 90%, 1); background-image:none; }

#tablehead03{
	background:url(newimg/tableheader_zigzag.png) var( --color09 ) repeat-x center bottom !important;
	height:calc(48px - 1px);
	font-size:150% !important;
	font-weight:bold;
	line-height:calc(48px - 1px);
	color:#439;
}

#tablehead04{
	background:url(newimg/tableheader04.png) center bottom / auto 90px repeat-x var( --color01 ) !important;
	height:48px;
	font-size:150% !important;
	font-weight:bold;
	line-height:45px;
	color:#003366;
}

#tablehead05{
	background-color:white;
	height:48px;
	font-size:150% !important;
	font-weight:bold;
	line-height:48px;
	color:#003366;
	}

#tablehead06{
	background-color:white;
	height:48px;
	font-size:160% !important;
	font-weight:bold;
	line-height:48px;
	color:#404040;
	text-shadow:0px 0px 0px #404040,1px 1px 0px #FFFFFF,2px 2px 0px #4472c4;
	}
	
#pro{
	color: #4472c4;
	font-weight:bold;
	}

#pro2{
	color: red;
	font-weight:bold;
	}

#red{
	background:url(newimg/bg_h3_03.gif) no-repeat left center;
	text-indent:24px;
	font-weight:bold;
	font-size:150%;
	line-height:45px;
	vertical-align:top;
	color:red;
	margin:10px 0 10px 0;
	}
	
#red2{
	text-indent:10px;
	font-weight:bold;
	font-size:130%;
	line-height:40px;
	vertical-align:top;
	color:red;
	}

#guide1 {
	padding:0 0 0 14px;
}

#guide2 {
	list-style-type: disc;
	list-style-position: outside;
}
	
#tablenumber{
	background:url(newimg/tableheader.jpg) repeat-x center bottom !important;
	height:48px;
	font-size:150%;
	font-weight:bold;
	color:#003366;
	}
	
#shikaku{
	padding:10px;
	border:solid 1px #000000;
	}

/*　入院案内　*/
#tablehead_lav{
	background:url(newimg/tableheader_lav.jpg) repeat-x center bottom !important;
	height:48px;
	font-size:150% !important;
	font-weight:bold;
	line-height:48px;
	color:#439;
	}
	
#lav{
	background:url(newimg/bg_h3_02.gif) no-repeat left center;
	text-indent:24px;
	font-weight:bold;
	font-size:150%;
	line-height:45px;
	vertical-align:top;
	color:#439;
	margin:10px 0 10px 0;
	}
	
#lav2{
	text-indent:10px;
	font-weight:bold;
	font-size:130%;
	line-height:40px;
	vertical-align:top;
	color:#439;
	}
	
#box{
	width:640px;
	height:51px;
	line-height:51px;
	background:url(newimg/gradbox.jpg) no-repeat center center;
	text-align:center;
	font-size:150%;
	color:#000000;
	text-indent:0px;
	margin:0px 0px 0px 0px;
	}

#box.wide{
	font-size:120%;
	background:url(newimg/gradbox2.jpg) no-repeat center center;
	}

/*------------------------------------------------------------------------------------------------------------------------*/
/* くずし字BOX章 */
.box-chapter{ border:1px solid #808080; border-radius:5px; padding:20px 10px; }
@media screen and (min-width:901px){

}
@media screen and (max-width:900px){

}
/*------------------------------------------------------------------------------------------------------------------------*/
/* くずし字BOXピンク */
.box-pink{ background:rgba(253,239,242,1); border-radius:5px; padding:20px 10px; }
@media screen and (min-width:901px){

}
@media screen and (max-width:900px){

}
/*------------------------------------------------------------------------------------------------------------------------*/
/* くずし字BOX水色 */
.box-aqua{ background:rgba(231,245,254,1); border-top:1px solid rgba(229,229,229,1); line-height:2em; }
#aqua-line{ height:0px; border-bottom:1px solid rgba(229,229,229,1); clear:both; }
#aqua-left { width:8em; float:left; padding:0.5em 0 0.5em 1em; }
#aqua-right{ width:calc(100% - 10em); float:left; padding:0.5em 0 0.5em 0;}

@media screen and (max-width:800px){
	#aqua-left { width:calc(100% - 1em); padding:0.5em 0 0.5em 1em; }
	#aqua-right{ width:calc(100% - 2em); padding:0.5em 1em 0.5em 1em;}
}
/*------------------------------------------------------------------------------------------------------------------------*/
/* 鑑定BOX水色 */
.box-aqua-2{ background:rgba(231,245,254,1); border-top:1px solid rgba(50,50,50,1); line-height:2em; }
#aqua-line2{ height:0px; border-bottom:1px solid rgba(50,50,50,1); clear:both; }
.darkarea{ background:rgba(211,235,254,1); }

@media screen and (min-width:901px){
	#aqua-1st { width:8em; padding:1em 0 1em 1em; }
	#aqua-2nd { width:6em; padding:1em 0 1em 1em; }
	#aqua-3rd { width:calc(100% - 26em); padding:1em 0 1em 1em; }
	#aqua-4th { width:7em; padding:1em 0 1em 1em; }
	#aqua-1st,#aqua-2nd, #aqua-3rd, #aqua-4th { float:left; }
}
@media screen and (max-width:900px){
	#aqua-1st { width:calc(100% - 1em); padding:1em 0 1em 1em; }
	#aqua-2nd { width:6em; padding:1em 0 1em 1em; }
	#aqua-3rd { width:calc(100% - 17em); padding:1em 0 1em 1em; }
	#aqua-4th { width:7em; padding:1em 0 1em 1em; }
	#aqua-2nd, #aqua-3rd, #aqua-4th { float:left; }
}

@media screen and (max-width:800px){
	#aqua-1st { width:calc(100% - 1em); padding:0.5em 0 0.5em 1em; }
	#aqua-2nd { width:calc(100% - 1em); padding:0.5em 0 0.5em 1em; }
	#aqua-3rd { width:calc(100% - 1em); padding:0.5em 0 0.5em 1em; }
	#aqua-4th { width:calc(100% - 1em); padding:0.5em 0 0.5em 1em; }
	#aqua-2nd, #aqua-3rd, #aqua-4th { float:left; }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 筆跡診断についてBOX */
.ivorybox{ background:rgba(246,242,237,1); border:1px solid rgba(222,215,206,1); line-height:2em; padding:1em;}

@media screen and (min-width:801px){
	.ivorybox{ border-radius:18px; }
}

@media screen and (max-width:800px){
	.ivorybox{ border-radius:22px; }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* 受講要領BOX */
.white-cream{ }

.box-cream{ background:rgba(255,250,244,1); border:1px solid rgba(222,215,206,1); line-height:2em; }
.cream-line{ height:0px; border-bottom:1px solid rgba(222,215,206,1); clear:both; }
.cream-1st,.cream-2nd{ float:left; }

@media screen and (min-width:801px){
	.white-1st { width:10em; padding:1em 0 1em 1em; }
	.white-2nd { width:calc(100% - 13em); padding:1em 1em 1em 1em; }
	.cream-1st { width:calc(40% - 2em - 2px); padding:1em 1em 1em 1em; }
	.cream-2nd { width:calc(60% - 2em - 1px); padding:1em 1em 1em 1em; border-left:1px solid rgba(222,215,206,1); }
	.white-1st, .white-2nd{ float:left; }

}

@media screen and (max-width:800px){
	.white-1st { padding:1em 0 1em 1em; }
	.white-2nd { padding:1em 1em 1em 1em; }
	.cream-1st { width:calc(100% - 1em); padding:0.5em 0 0.5em 1em; }
	.cream-2nd { width:calc(100% - 1em); padding:0.5em 0 0.5em 1em; }
}


/* 参加者募集 */
.boshuu{ 
	font-size:0.8em;
	animation: change 4s ease-in-out infinite;
	border-radius:5px;
	padding:5px 10px;
}

@keyframes change {
	0% {	color:#726D40; border:1px solid #726D40; }
	50% {	color:#880015; border:1px solid #880015; }
	100% {	color:#726D40; border:1px solid #726D40; }
}