@charset "utf-8";
.loginFrame{padding:30px 30px;margin:100px auto;border:1px solid gray;text-align:center;line-height:1px;
box-sizing:border-box;-webkit-border-radius: 10px; box-shadow: 10px 10px #FBD9D9;height:150px;width:400px;}
	    /*全体共通*/
		*{margin:0px;padding:0px;text-decoration:none;
		  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
		a:link { color:#000000; text-decoration:none; }
        a:visited { color:#000000; text-decoration:none; }
        a:hover { color:#000000; text-decoration:none; }
        a:active { color:#000000; text-decoration:none; }
        /*form のsubmit等ボタン用*/
        .blueButton {border: 1px solid #0a3c59;background: #3e779d;
         background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
         background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
         background: -moz-linear-gradient(top, #65a9d7, #3e779d);
         background: -ms-linear-gradient(top, #65a9d7, #3e779d); 
         background: -o-linear-gradient(top, #65a9d7, #3e779d);
         background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
         padding: 2px 4px;-webkit-border-radius: 25px;-moz-border-radius: 25px;
         border-radius: 25px;
         -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
         -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
         box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
         text-shadow: #7ea4bd 0 1px 0;color: #06426c;font-size: 15px;
         font-family: helvetica, serif;text-decoration: none;
         vertical-align: middle;
         }
        .blueButton:hover {text-shadow: #1e4158 0 1px 0;color: #fff;}
        .blueButton:active {text-shadow: #1e4158 0 1px 0;color: #fff;}

        .greenButton {border: 1px solid #0a3c59;background: #34A647;
         background: -webkit-gradient(linear, left top, left bottom, from(#3FD843), to(#34A647));
         background: -webkit-linear-gradient(top, #3FD843, #34A647);
         background: -moz-linear-gradient(top, #3FD843, #34A647);
         background: -ms-linear-gradient(top, #3FD843 #34A647); 
         background: -o-linear-gradient(top, #3FD843, #34A647);
         background-image: -ms-linear-gradient(top, #3FD843 0%, #34A647 100%);
         padding: 2px 4px;-webkit-border-radius: 25px;-moz-border-radius: 25px;
         border-radius: 25px;
         -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
         -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
         box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
         color: #1D4F06;font-size: 15px;
         font-family: helvetica, serif;text-decoration: none;
         vertical-align: middle;
         }
		 
        .greenButton:hover {text-shadow: #1e4158 0 1px 0;color: #fff;}
        .greenButton:active {text-shadow: #1e4158 0 1px 0;color: #fff;}
		/*ログイン部分*/
		.loginFrame{padding:30px 30px;margin:100px auto;border:1px solid gray;text-align:center;line-height:1px;
		   box-sizing:border-box;-webkit-border-radius: 10px; box-shadow: 10px 10px #FBD9D9;height:150px;width:400px;}
	    /*サイドパネル分*/
		.side{margin:0 30; float:left;width:220px;
		   text-align:center;box-sizing:border-box;}
        .box{border:1px solid gray;width:200px;text-align:center;line-height:1px;
		   box-sizing:border-box;-webkit-border-radius: 10px; box-shadow: 10px 10px #FBD9D9;}
		#box1{margin:20px;font-size:20px;}
		#box2{margin:auto;border:1px solid gray;box-shadow: 10px 10px #FBD9D9;
		   -webkit-border-radius: 10px; background-color:aaaaaa;}
		#box3{margin-left:20px;}
		#box4{clear:both;}
		#menu{list-style:none;line-height:35px;text-align:left;}
		li{border-top:1px solid #CCC;}
		#myPage:hover{-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;background-color:gray;}
		#myTeacher:hover{background-color:gray;}
		#feedback:hover{background-color:gray;}
		#allLessons:hover{background-color:gray;}
		#message:hover{background-color:gray;}
		#schedule:hover{background-color:gray;}
		#suggestion:hover{background-color:gray;}
		#setting:hover{-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;background-color:gray;}
		.panel{margin:5px;	width:80px;height:80px;}
		#panel1{float:left;border:1px solid gray;box-shadow: 5px 10px #FBD9D9;
		   -webkit-border-radius: 10px; background-color:B8CC00;}
		#panel2{float:left; box-shadow: 5px 10px #FBD9D9; -webkit-border-radius: 10px; 
		   border:1px solid gray;background-color:D0D8B4;}
		#panel3{clear:both;}
		/*メイン部分*/
		.main{margin-left:auto;border:1px solid gray;width:640px;box-shadow: 5px 10px #FBD9D9;
		   -webkit-border-radius: 10px; text-align:center;box-sizing:border-box; float:left;}
		/*スケジューラー*/
		.scheduler{}
		.reserved{background-color:D0D8B4;}
		.ownReservation{background-color:#FF8C88}
		.available{background-color:DDF096;}
		.available:hover{background-color:B8CC00;}
		.closed{background-color:FFFFFF;}
		.topLine{background-color:F4F4F4;}
		.schedulertopform{float:right;}
		.schedulertop{}
		#schedulertopbox1{float:left;line-height:25px;}
		#schedulertopbox2{float:left;}
		#schedulertopbox3{float:left;line-height:25px;}
		#schedulertopform{float:right;}
		.schedulerCalender{float:left;margin:auto 15px;margin-bottom:25px;-webkit-border-radius: 10px;border: 1px solid gray;}
		.schedulertable{overflow: hidden;}
		.schedulertable td,th{position: relative;}
		.schedulertable td:hover::after{
    content: "";
    position: absolute;
    background-color: #D6D6D6;
    left: 0;
    top: -5000px;
    height: 10000px;
    width: 100%;
    z-index: -1;
			}

		.schedulertable th:hover::after{
    content: "";
    position: absolute;
    background-color: #D6D6D6;
    left: 0;
    top: -5000px;
    height: 10000px;
    width: 100%;
    z-index: -1;
			}
.schedulertable tr:hover{
    background-color: #D6D6D6;
    border:1px solid #CCC; 
	border-right:none; 
	border-bottom:none;
}
.schedulertable tr td{border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.schedulertable tr td.hui{background:#999;}
.schedulertable tr td.hong{ background:#ff8989;}
.schedulertable tr td.zi{background:#fea9bb;}

		/* Main*/
		.mainbox1{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:600px;}
		.mainbox2{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:600px;}
		.mainbox3{margin:20 20;border:1px solid gray;
		   -webkit-border-radius: 10px;width:275px;float:left;}
		.mainbox4{margin:20 20;border:1px solid gray;
		   -webkit-border-radius: 10px;width:275px;float:left;}
		.mainbox5{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:600px;clear:both;}
		.mainbox6{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:600px;}
		.mainbox7{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:600px;}
		#mainboxH{
		   color:#34a647;text-align: left;
		   -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;
		}
		#mainboxI{
		   color:#F16E51;text-align:center;
		   -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;
		}
		#morelink{
		   text-align: right;color:#F16E51;
		}
		.news{
			list-style:none;

		}
		.note{font-size:12px; color:red;
		}
		/* message */
		.messageBox1{margin:20 auto;width:600px;text-align:left;
		}
		.messageBox2{margin:20 auto;width:600px;
		}
		.messageBox3{margin:20 auto;width:600px;
		}
		#messageBoxMenuItem{
		   float:left;border:1px solid gray;-webkit-border-radius: 10px;padding:0px 5px;
		}
		#messageBoxMenuClear{
		   clear:both;	
		}
		/* completedLessons */
		.lessonListTop{text-align:center;margin:20 auto;width:600px;text-align:left;
		}
		.lessonList{margin:20 auto;width:600px;}
  	    .hoverTable{width:100%; border-collapse:collapse;}
	    .hoverTable td{}
	    .hoverTable tr{}
        .hoverTable tr:hover{background-color: #ffff99;}
        /* feedback */
		.feedBackTop{text-align:left;margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:600px;}
		.feedbackTab1{margin:0 20;float:left;border:1px solid gray;
		   -webkit-border-radius: 10px; background-color:B8CC00;}
		.feedbackTab2{margin:0 20;float:left;border:1px solid gray;
		   -webkit-border-radius: 10px; background-color:B8CC00;}
		.feedbackClear{clear:both;}
		.feedbackBox{}
		.feedbackItem{text-align:left;margin:20 auto;width:100%;}
		.feedbackItemLeft{float:left;margin:20 20;border:1px solid gray;
		   -webkit-border-radius: 10px;width:100px;}
		.feedbackIcon{margin:20 20;border:1px solid gray;
		   -webkit-border-radius: 10px;}
		.feedbackItemRight{float:left;margin:20 auto;width:450px;}
		.feedbackFrom{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:400px;}
		.feedbackTime{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:400px;}
		.feedback{margin:20 auto;border:1px solid gray;
		   -webkit-border-radius: 10px;width:400px;}
        /* MyTeacher */
        .teacherList{}
        .teacher{float:left;margin:5px 2px;border:1px solid gray;width:205px;height:100px;}
		.teacherClear{clear:both;}
        .teacherIcon{float:left;margin:5px;}
		.teacherName{float:left;margin:5px auto;}
		.teacherPageLink{border: 1px solid #183140;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
   background: -webkit-linear-gradient(top, #6991e0, #adb1ff);
   background: -moz-linear-gradient(top, #6991e0, #adb1ff);
   background: -ms-linear-gradient(top, #6991e0, #adb1ff);
   background: -o-linear-gradient(top, #6991e0, #adb1ff);
   background-image: -ms-linear-gradient(top, #6991e0 0%, #adb1ff 100%);
   padding: 2px 4px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #ffffff;
   font-size: 15px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   margin:2px auto; box-shadow: 2px 2px #000000;float:left;}
		.teacherPageLink:hover{border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #69d459;
   background: -webkit-gradient(linear, left top, left bottom, from(#4da368), to(#69d459));
   background: -webkit-linear-gradient(top, #4da368, #69d459);
   background: -moz-linear-gradient(top, #4da368, #69d459);
   background: -ms-linear-gradient(top, #4da368, #69d459);
   background: -o-linear-gradient(top, #4da368, #69d459);
   background-image: -ms-linear-gradient(top, #4da368 0%, #69d459 100%);
   color: #fff;}

		.teacherHistory{   border: 1px solid #183140;
   background: #c1f7e3;
   background: -webkit-gradient(linear, left top, left bottom, from(#dced9f), to(#c1f7e3));
   background: -webkit-linear-gradient(top, #dced9f, #c1f7e3);
   background: -moz-linear-gradient(top, #dced9f, #c1f7e3);
   background: -ms-linear-gradient(top, #dced9f, #c1f7e3);
   background: -o-linear-gradient(top, #dced9f, #c1f7e3);
   background-image: -ms-linear-gradient(top, #dced9f 0%, #c1f7e3 100%);
   padding: 2px 4px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 15px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   margin:2px auto; box-shadow: 2px 2px #000000;float:left;}
		.teacherHistory:hover{   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #69d459;
   background: -webkit-gradient(linear, left top, left bottom, from(#4da368), to(#69d459));
   background: -webkit-linear-gradient(top, #4da368, #69d459);
   background: -moz-linear-gradient(top, #4da368, #69d459);
   background: -ms-linear-gradient(top, #4da368, #69d459);
   background: -o-linear-gradient(top, #4da368, #69d459);
   background-image: -ms-linear-gradient(top, #4da368 0%, #69d459 100%);
   color: #fff;}


   .teacherProfileMiddle{
      width:155px; float:left;
   }
   .teacherProfileleft{
      margin:10px 2px;width:465px; text-align:center;float:left;
   }
   .teacherProfileEnd{
   clear:both;
   }
   .profileMessage{
      margin:10px 2px;border:1px solid gray;width:465px;box-shadow: 5px 10px #FBD9D9;
      -webkit-border-radius: 10px; text-align:center;box-sizing:border-box; float:left;
   
   }
   .profileScheduler{
      margin:10px 2px;border:1px solid gray;width:465px;box-shadow: 5px 10px #FBD9D9;
      -webkit-border-radius: 10px; text-align:center;box-sizing:border-box; float:left;

   }