@media screen and (max-width: 375px) {
	body {
		margin: 10px;
	}
	span.sub { font-size: .8em; }
}
@media screen and (min-width: 375px) {
	body {
		width: 355px;
		margin: 10px auto;
	}
}
/*
@media screen and (max-width: 620px) {
	body {
		margin: 10px;
	}
	span.sub { font-size: .8em; }
}
@media screen and (min-width: 620px) {
	body {
		width: 620px;
		margin: 10px auto;
	}
}
*/
body{
	color: #362e6e;
	font-size: 10pt;
	font-family: sans-serif;
	text-align: justify;
}
img {
	max-width: 100%;
	height:auto;
	vertical-align: bottom;
}
a{color: #362e6e;}
a.label{color: #fff; text-decoration: none;}
a.nodeco{text-decoration: none;}
h1 a{text-decoration:none;}
.warn {color: #aa0c3c; }
.warn a {color: #aa0c3c; font-weight: bold; }
a.notice {text-decoration: none;}
div.note {
	padding: 10px;
	border: 2px solid #5f5da1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.notice {
	color:  #aa0c3c;
	padding: 10px;
	border: 2px solid #aa0c3c;
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
}
div.warn {
	border: 2px solid #aa0c3c;
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
}
div.warn.nobg {
	padding: 2px;
	color: #aa0c3c; background: #fff;
	border: none;
}
span.date {
	vertical-align: top;
	padding: 2px; margin: 5px;
	font-weight: bold;
	font-size: .6em;
	color: #aa0c3c; 
/* 	background: #aa0c3c; */
	border: 1px solid #aa0c3c;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
span.notice {
	padding: 2px;
	font-weight: bold;
	color: #fff; background: #aa0c3c;
	border: 2px solid #aa0c3c;
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
}
span.warn {
	padding: 2px;
	font-weight: bold;
	color: #fff; background: #aa0c3c;
	border: 2px solid #aa0c3c;
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
}
span.warn.nobg {
	padding: 2px;
	color: #aa0c3c; background: #fff;
	border: none;
}
span.title {
	width: 110px;
	display: inline-block;
}
table {
	margin: 5px auto;
	border-radius: 2px ;
	-moz-border-radius: 2px ;
	-webkit-border-radius: 2px ;
}
table.intable {margin: 0em; padding: 0em; border-spacing: 0em;}
th{	background: #f8f8ff; color: #362e6e;
	padding: 4px;
	text-align: left;
	border-radius: 3px ;
	border: 1px solid #cccbe1;
# #f8f8ff;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
td{	font-weight: normal;background: #ffffff;
	padding: 2px; margin: 0px;
	border: 1px solid #ffffff;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
th.floor {
	text-align: right;
}
td.floor {
	border: 1px solid #cccbe1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;	
}
td.ground {
	padding: 0px 10px;
	border-bottom: 2px solid #cccbe1;
	border-radius: 0px ;
	-moz-border-radius: 0px ;
	-webkit-border-radius: 0px ;
}
.login th{ padding: 4px; }
.login td{ padding: 4px; }
h1 {
	color: #362e6e; line-height: 1;
	margin: 0px;
	padding: 1pt;
	border-bottom: 5pt solid #5f5da1;
}
h2 {
	font-size: 1.4em;
	color: #362e6e; line-height: 1;
	padding: 4px;
	margin: 4px 0px;
	margin-top: 1em;
	border-bottom: 4px solid #5f5da1;
}
.item h2 { font-size: 1.2em; margin-top: 0px;}
h2.other {
	color: #fff; font-size: 1em;
	padding: 6px 4px 4px 4px;
	background: #7f7dc1;
	border-radius: .2em ;
	-moz-border-radius: .2em ;
	-webkit-border-radius: .2em ;
	border: none;
}
h3 {
	color: #362e6e; line-height: 1;
# 	border-top: 1px solid #5f5da1;
# 	border-left: .5em solid #5f5da1;
# 	border-right: 1px solid #5f5da1;
	border-bottom: 1px solid #5f5da1;
	margin: 20px 0px 5px 0px;
}
h3.deadline {
	color: #aa0c3c;
	border-bottom: 1px solid #aa0c3c;
}
h3.warn {
	color: #fff; background: #aa0c3c;
	font-size: 1.05em; font-weight: bold;
	padding: 2pt 1pt 1pt 1pt;
	border: 1px solid #aa0c3c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
h3:before { content: "笆� "; margin-left: 0em; padding-left: 0em; }
h4 {
	color: #ffffff; font-weight: bold;
	line-height: 1.1;
	margin: 0pt 0pt 2pt 0pt;
	padding: 6px;
	text-shadow: 1px 1px 1px #5f5da1;
	border-bottom: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #7f7dc1; 
}
h4.list {
	color: #362e6e; background: #fff;
	font-weight: bold; font-size: 1.15em;
	line-height: 1;
	text-shadow: none;
	border: none;
	border-bottom: 1px solid #5f5da1;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
h4.warn {
	color: #fff; background: #aa0c3c;
	font-size: 1.05em; font-weight: bold;
	padding: 2pt 1pt 1pt 1pt;
	border: 1px solid #aa0c3c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
h4.list:before { content: "笆｡ "; margin-left: 0em; padding-left: 0em; }
.room {
	padding: .2em; margin: .2em auto;
	font-size: 2em; color: #362e6e; font-weight: bold;
	width: 3em; float: center;
	background: #ffffff; text-align: center;
	border: 1px solid #337;
	border-radius: .2em ;
	-moz-border-radius: .2em ;
	-webkit-border-radius: .2em ;
}
.id {
	padding: .2em; margin: .2em auto;
	font-size: 4em; color: #fff; font-weight: bold;
	width: 3em; float: center;
	background: #5f5da1; text-align: center;
	border: 1px solid #337;
	border-radius: .2em ;
	-moz-border-radius: .2em ;
	-webkit-border-radius: .2em ;
}
.jc_right {
	display: flex;
	justify-content: flex-end;
}
.jc_center {
	display: flex;
	justify-content: center;
}
.button {
	padding: .2em; margin: 0px 2px; float: left; 
	width: 40px;
	font-size: 1.2em;
	color: #fff;
	text-shadow: 1px 1px 1px #5f5da1;
	box-shadow: 1px 1px 2px 0px #5f5da1;
	background: #808fd5; text-align: center;
	border: 1px solid #5f5da1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.button:active { 
	box-shadow: 0px 0px 2px 0px #5f5da1;
}
.button a { color: #fff; text-decoration:none;}
.letter {
	padding: .2em; margin: 0px 2px; float: left; 
	width: 40px;
	font-size: 1.2em;
	color: #362e6e;
	box-shadow: 1px 1px 2px 0px #5f5da1;
	background: #ffffff; text-align: center;
	border: 1px solid #5f5da1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.letter:active { 
	box-shadow: 0px 0px 2px 0px #5f5da1;
}
.letter a { color: #362e6e; text-decoration:none;}
.period {
	padding: .2em .5em; margin: 2px 2px; 
	font-size: 1em;	font-weight: normal; text-align: center;
	color: #fff;
	box-shadow: 1px 1px 2px 0px #5f5da1;
	background: #808fd5;
	border: 1px solid #5f5da1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.stdid {
	padding: .2em; margin: 2px 2px;float: left;
	width: 7em;
	font-size: 1em;
	color: #362e6e;
	box-shadow: 1px 1px 2px 0px #5f5da1;
	background: #ffffff; text-align: center;
	border: 1px solid #5f5da1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.stdid:active { 
	box-shadow: 0px 0px 2px 0px #5f5da1;
}
.stdid a { color: #362e6e; text-decoration:none;}
.na { padding: .1em; margin: .1em; float: left; 
	width: 2em;
	font-size: 1em;
	background: #fff; text-align: center;
	border: 1px solid #fff;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.on { padding: .1em; margin: .1em; float: left; 
	width: 2em;
	font-size: 1em; color: #fff;
	background: #337; text-align: center;
	border: 1px solid #337;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.off { padding: .1em; margin: .1em; float: left; 
	width: 2em;
	font-size: 1em;
	background: #fff; text-align: center;
	border: 1px solid #e0e0ef;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.border {
	padding: 8px 8px 4px 8px;
	margin: 4px 4px 8px 4px;
	border: 1px solid #5f5da1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
.copyright {
	font-size: .5em;
	border-top: 1px solid #5f5da1;
	margin-top: 10px;
	padding: 5px;
}
div.datenavi {
	display: flex;
	margin: 0px;
}
div.date {
	width: 52px;
	margin: 2px;
	font-size: 1em; color: #337; background: #fff;
	text-align: center;
	box-shadow: 1px 1px 2px 0px #5f5da1;
	border: 1px solid #5f5da1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
div.date.selected {
	width: 52px;
	margin: 2px;
	font-size: 1em; color: #fff; background: #5f5da1;
	text-align: center;
	box-shadow: 1px 1px 2px 0px #5f5da1;
	border: 1px solid #5f5da1;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
div.date:active {
	box-shadow: 0px 0px 2px 0px #5f5da1;
}
div.deadline {
	color: #a3331a;
	border: 1px solid #a3331a;
	padding: 2px;
	margin: 4px;
	box-shadow: 1px 1px 2px 0px #a3331a;
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
}
div.item {
	border: 1px solid #5f5da1;
	padding: 8px;
	margin: 4px 0px;
	box-shadow: 1px 1px 2px 0px #5f5da1;
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
}
div.item.selected {
# 	animation: transbg .5s infinite alternate;
 	border: 2px solid #5f5da1;
	background: #f2f1f8;
}
div.item:active {
	box-shadow: 0px 0px 2px 0px #5f5da1;
}
div.item   { text-decoration:none;}
@keyframes transbg {
	  0%{ background: #ededf6; }
	100%{ background: #ffffff; }
}
span.label {
	padding: 3px;
	font-size: 1em;
	color: #337; background: #d6d5eb;
	text-align: center;
	border: none;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
span.value {
	padding-right: 4px;
	font-size: 1em;
	text-align: center;
	border: none;
	border-radius: 3px ;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
}
div.idform {
	margin-left: calc((100% - 180px)/2);
	margin-right: calc((100% - 180px)/2);
}
div.narrow {
	margin-left: calc((100% - 280px)/2);
	margin-right: calc((100% - 280px)/2);
}
div.footnote {
	border-top: 2px solid #5f5da1;
	font-size: .8em;
	text-align: right;
}
.idnum { font-size: 2em; }
input[type="text"].idnum {
	margin: .1em;
	width: 124px;
	color: #5f5da1;
	text-align: right;
	border: none;
}
.none:before { content: none; margin-left: 0em;}
ul { margin: 0em; padding-left: 2em;}
ul.square { list-style: none; margin-left: .5em; padding-left: 0em; }
ul.square li:before { content: "笆� "; margin-left: .5em; padding-left: 0em; }
li { margin-top: 2px; }
.compact li { display: inline-block; justify-content: left;}
ol { margin: 0em; padding-left: 2em;/* font-weight: bold;*/}
ul.square ol li:before { content: none; margin-left: 0em; padding-left: 0em; }
dl { margin: 0em; padding-left: 1.5em;}
dt { font-weight: bold;}
dd { font-size: .9em; margin-left: 0em; margin-bottom: 1em;	}
dl.compact { margin: 0em; padding-left: .5em;}
.compact dt { float: left; clear: float; width: 8em; font-weight: bold;}
.narrow dt { float: left; clear: float; width: 4em; font-weight: bold;}
.compact dd { font-weight: normal; margin-left: 8em; margin-bottom: .3em;}
.narrow dd { font-weight: normal; margin-left: 4em; margin-bottom: .3em;}
.nb	{ border: none;}
.base { width: calc(100% - 10px); margin: 5px;}
.content { width: calc(100% - 10px); margin: 5px;}
.description { width: calc(100% - 12px); margin: 5px 12px;}
.right{text-align: right;}
.left{text-align: left;}
.center{text-align: center;}
.middle	{ vertical-align: middle; }
.top { vertical-align: top; }
.bottom {vertical-align: bottom; }
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.italic{font-style: italic;}
.huge{font-size: 1.2em;}
.large{font-size: 1.1em;}
.Small{font-size: .9em;}
.small{font-size: .8em; font-weight: normal;}
.smallsmall{font-size: .8em; font-weight: normal;}
.tiny{font-size: .6em; font-weight: normal; }
.desc{font-size: .8em; color: #463e7e; margin: 5px 10px;}
.smallletter{font-size: .8em; font-weight: normal; margin: 2px 0px;}
.sub{font-size: .6em; font-weight: normal; line-height: 1em;}
.w140 { width: 140px;}
.lh150 { line-height: 150%;}
.m00 { margin: 00px; }
.m05 { margin: 05px; }
.m10 { margin: 10px; }
.mb00 { margin-bottom:	0px; }
.mb03 { margin-bottom:	3px; }
.mb05 { margin-bottom:	5px; }
.mt05 { margin-top:		5px; }
.mh05 { margin-right:	5px; margin-left:	5px; }
.mr05 { margin-right:	5px; }
.ml05 { margin-left: 	5px; }
.mt10 { margin-top:		10px; }
.mr10 { margin-right:	10px; }
.ml10 { margin-left:	10px; }
.mb10 { margin-bottom:	10px; }
.mb15 { margin-bottom:	15px; }
.mt20 { margin-top:		20px; }
.mr20 { margin-right:	20px; }
.ml20 { margin-left:	20px; }
.mb20 { margin-bottom:	20px; }
.mt30 { margin-top:		30px; }
.mr30 { margin-right:	30px; }
.ml30 { margin-left:	30px; }
.mb30 { margin-bottom:	30px; }

/*
()•t‚«‚̘A”Ô
*/

ol.number2 li {
	margin: 0em;
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -1.3em;
	padding-left: -1.3em;
}
 
ol.number2 li::before {
	content: "(" counter(cnt) ")";
}