.class-sunday {
  color: red !important;
}
.class-saturday {
  color: blue !important;
}

@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
	}



/*----------ƒNƒŠƒAƒtƒBƒbƒNƒX*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*----------ƒNƒŠƒAƒtƒBƒbƒNƒX*/




.header{
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	width:100%;
	min-width:640px;
	/*height:160px;*/
	background-color:#E5E5E5;
	position:fixed;
	padding-left:5%;
	}

.nav{
	width:100%;
	clear:both;
	}

.title{
	font-size:20px;
	font-weight:bold;
	color:#4C4C4C;
	float:left;
	margin:0;
	padding:0;
	}
.logout{
	position:absolute;
	right:0%;
	/*float:right;*/
	text-align:right;

	/*padding:0.25em;*/
	color:#fff;
	}
.logout a{
	display:block;
	text-decoration:none !important;
	color:#fff;
	background-color:#999;
	padding:0.2em 0.4em;
	border-radius: 3px;        /* CSS3‘�ˆÄ */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome—p */
    -moz-border-radius: 3px;   /* Firefox—p */
	}

.logout a:hover{
	color:#fff;
	background-color:#B7B7B7;
	}

.sub_title{
	font-size:20px;
	color:#4C4C4C;
	float:left;
	margin:5px 0 5px 0;
	}

.nav_div{
	  list-style-type: none;
  width: 100%;
 /* margin: 10px auto 5px;*/
  padding: 0;
	position:relative;
	}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  /*width: 1200px;*/
  /*margin: 5px 0 30px 0;*/
  padding: 0;
  margin:0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 19%;
  float: left;
  margin: 0;
	margin-right: 5px;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 0 10px;
  /*background: #4C4C4C;*//*-----�eƒ�ƒjƒ…�[�@�EƒfƒtƒHƒ‹ƒg‚̃oƒbƒN�F*/
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #4C4C4C), color-stop(0.00, #919191));
background: -webkit-linear-gradient(top, #919191 0%, #4C4C4C 88%);
background: -moz-linear-gradient(top, #919191 0%, #4C4C4C 88%);
background: -o-linear-gradient(top, #919191 0%, #4C4C4C 88%);
background: -ms-linear-gradient(top, #919191 0%, #4C4C4C 88%);
background: linear-gradient(to bottom, #919191 0%, #4C4C4C 88%);


  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  border-radius: 3px;        /* CSS3‘�ˆÄ */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome—p */
    -moz-border-radius: 3px;   /* Firefox—p */
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border: 1px solid #AAAAAA/*B2B2B2*/;
  background: #fff/*B2B2B2*/;/*----Žqƒ�ƒjƒ…�[ƒoƒbƒN�F*/
	color:#282828/*4C4C4C*/;/*----Žqƒ�ƒjƒ…�[ƒfƒtƒHƒ‹ƒg•¶Žš�F*/
  text-align: left;
}

/*�eƒ�ƒjƒ…�[ƒzƒo�[�F�EŽq‘I‘ðŽž*/
.dropmenu li:hover > a{
  background: #4C4C4C/*6D6D6D*/;
}
/*�eƒ�ƒjƒ…�[ƒzƒo�[�F�E�e‘I‘ðŽž*/
.dropmenu li a:hover{
  background: #606060/*6D6D6D*/;
}

.sub_menu a:hover{
	color:#fff;
	background-color:#9E9E9E !important;
	}


#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}






.wrapper{
	margin:20px;
	}





/*ƒwƒbƒ^�[ƒRƒR‚Ü‚Å*/




.midasi_1 {
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	padding: .5em .75em;
	background-color: #EFEFEF/*f6f6f6*/;
	border-left: 6px solid #4C4C4C/*ccc*/;
	font-size:22px;
	font-weight:normal;
	color:#282828;
}








.midasi_2 {
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	position: relative;
	padding: 1em 0;
	font-weight:normal;
	font-size:16px;

}
.midasi_2::before,
.midasi_2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.midasi_2::before {
	top: 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.midasi_2::after {
	bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}


.midasi_3{
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
	font-size:15px;
	font-weight:lighter;
}

.midasi_4 {
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	position: relative;
	padding: .5em 1em .5em 1.5em;
	/*border: 1px solid #ccc;*/
	background-color:#999;
	color:#FFF;
	font-size:18px;
	margin:2% 0 2% 0;
}
.midasi_4::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #FFF;
	border-radius: 4px;
}


.midasi_5{
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	padding: .2em .75em;
	background: -webkit-linear-gradient(top, #666 0%, #333 100%);
	background: linear-gradient(to bottom, #666 0%, #333 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-size:24px;
	font-weight:bold;
}

.midasi_6{
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	padding: .5em .75em;
	background-color: #f6f6f6;
	border: 3px double #ccc;
	font-size:16px;
	margin:3% 3% 3% 3%;
}

.midasi_7{
	font-family:"ƒ�ƒCƒŠƒI", Meiryo, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size:22px;
	margin:3% 2% 3% 2%;
}

.misasi_8{
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}



.misasi_9 {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 1px solid #ccc;
}
.misasi_9::before,
.misasi_9::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.misasi_9::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
.misasi_9::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}


.kakomi_1{
	padding: .5em .75em;
	border: 1px solid #ccc;
	margin:3% 3% 3% 3%;
}

.kakomi_2{
	padding: 1em 1em;
	background-color:#DFDFDF;
	margin:3% 3% 3% 3%;
	font-weight:bold;
	 border-radius: 3px;        /* CSS3‘�ˆÄ */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome—p */
    -moz-border-radius: 3px;   /* Firefox—p */
}




/*ŠÇ—��Ý’è‰æ–Ê“àƒe�[ƒuƒ‹2*/

.kanrisettei_tbl_2{
	display:inline-block;vertical-align:top;
	}

.kanrisettei_tbl_2 th{
	width:80%;
	}



/*ƒAƒ‰�[ƒg‚̒ljÁ�Ý’è*/
.cls_div_messages{
	color:#f00;
	font-weight:bold;
	}


/*ƒŠƒ“ƒN‚̉º�ü’²�®*/
.link_line a{
	text-decoration:underline;
	}


	/*‹³ŽºŒŸ�õ’²�®*/
.title_lesson_search{
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
	}

.frame_lesson_search{
	padding:10px 20px 10px;
	border:solid 1px #dddddd;
	}