body {
/*   font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif; */
   font-family: 'Open Sans', 'ＭＳ Ｐゴシック';
/*   font-size: 1.5rem; */
}

.big {
   font-size: 19px;
}

.small {
   font-size: 13px;
}

.tiny {
   font-size: 9px;
}

.unit {
   -moz-border-radius: 5px;    /* 古いFirefox */
   -webkit-border-radius: 5px; /* 古いSafari,Chrome */
   border-radius: 5px;         /* CSS3 */
   padding: 2px 10px;
   display: inline-block;
   min-width: 120px;
   text-align: center;
   vertical-align: middle;
   margin: 2px 2px;
   text-decoration: none;
   white-space: nowrap;
}

.perfect {
/*   background-image: linear-gradient(to top left, #FAE108, #DA8E00, #EDAC06, #FAE108, #ECB802, #DAAF08, #B67B03); */
   background-image: linear-gradient(to top left, #FFE60D, #DF9305, #F2B00B, #FFE60D, #F1BD07, #DFB40C, #BB8008);
   border: 2px #666600 solid;   /* 枠線の装飾 */
/*   color: #111100; */
}

.testcleared {
/*   background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2); */
   background-image: linear-gradient(to top left, #AAAAAA, #BFBFC7, #F0F0F0, #AAAAAA, #BFBFC7);
   border: 2px #666666 solid;   /* 枠線の装飾 */
/*   color: #070707; */
}

.levelcleared {
/*   background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2); */
   background-image: linear-gradient(to top, #DDDDDD, #DFDFE7, #FFFFFF, #EEEEEE, #DFDFE7);
   border: 2px #666666 solid;   /* 枠線の装飾 */
/*   color: #070707; */
}

.cleared {
/*   background-image: linear-gradient(to top left, #321031, #5E2D5A, #9F37A8, #923097, #F0A7FF, #461437); */
   background-image: linear-gradient(to top left, #826081, #AE7DAA, #EF87F8, #E280E7, #FFF7FF, #966487);
   border: 2px #666666 solid;   /* 枠線の装飾 */
/*   color: #111111; */
}

.doing {
   border: 2px #223388 solid;     /* 枠線の装飾 */
   background-image: linear-gradient(to top, #9096C0, #90AAFF, #9EFEFF, #DEFFFF, #FFFFFF, #B2FFFF, #90BAFF, #BEFEFF);
}

.english {
   border: 2px #C71585 solid;   /* 枠線の装飾 */
   background-color: #FFC0CB;   /* 背景色 */
   background: #FFC0CB;   /* 背景色 */
}

.japanese {
   border: 2px green solid;     /* 枠線の装飾 */
   background-color: #CCFFCC;   /* 背景色 */
   background: #CCFFCC;   /* 背景色 */
}

.society {
   border: 2px #B8860B solid;   /* 枠線の装飾 */
   background-color: #FFDAAD;   /* 背景色 */
   background: #FFDAAD;   /* 背景色 */
}

.math {
   border: 2px #191970 solid;   /* 枠線の装飾 */
   background-color: #B0E0E6;   /* 背景色 */
   background: #B0E0E6;   /* 背景色 */
}

.science {
   border: 2px #4B0082 solid;   /* 枠線の装飾 */
   background-color: #F0B2F0;   /* 背景色 */
   background: #F0B2F0;   /* 背景色 */
}

.math_obsolated {
   border: 2px #C71585 solid;   /* 枠線の装飾 */
   background-color: #FFF0FB;   /* 背景色 */
}

.science_obsolated {
   border: 2px green solid;     /* 枠線の装飾 */
   background-color: #F0FFF0;   /* 背景色 */
}

.society_obsolated {
   border: 2px #B8860B solid;   /* 枠線の装飾 */
   background-color: #FFFAFD;   /* 背景色 */
}

.japanese_obsolated {
   border: 2px #191970 solid;   /* 枠線の装飾 */
   background-color: #E0F0F6;   /* 背景色 */
}

.english_obsolated {
   border: 2px #A56E43 solid;     /* 枠線の装飾 */
   background-color: #FFFEC3;   /* 背景色 */
}

.uniticon {
   min-width:0;
   padding:2px 4px;
   border: 2px #777777 solid;   /* 枠線の装飾 */
   background-color: #EEEEEE;   /* 背景色 */
}

.uniticon:hover {
   background-color: #AAAAAA;   /* 背景色 */
}

.schedule-col {
   border: 1px #000000 solid;
   padding: 5px 0px;
   text-align: center;
}

.text-col {
   padding: 0px 10px;
}

.unit-col {
   text-align: left;
   padding: 0px 10px;
}

#schedule-grade {
   width: 60px;
}
#schedule-month {
   width: 60px;
}
#schedule-week {
   width: 30px;
}
#schedule-text {
   min-width: 80px;
}
#schedule-unit {
   width: 700px;
}

.menuButton {
	background-color:#229c39;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.menuButtonSelected {
	background-color:#ccffdd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#229c39;
	font-size:13px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.menuButton:hover {
	background-color:#3bb85c;
}
.menuButton:active {
	position:relative;
	top:1px;
}

#menuBar {
	margin-top: 4px;
}

#title {
	font-weight: bold;
}

.ui-datepicker {
    font-size: 50%;
}

.score100 {
	font-weight: bold;
	background-image: linear-gradient(to top left, #FFE60D, #DF9305, #F2B00B, #FFE60D, #F1BD07, #DFB40C, #BB8008);
}

.score90 {
	font-weight: bold;
	background-image: linear-gradient(to top left, #FFE60D, #DF9305, #F2B00B, #FFE60D, #F1BD07, #DFB40C, #BB8008);
}

.score80 {
	font-weight: bold;
	background-image: linear-gradient(to top left, #AAAAAA, #BFBFC7, #F0F0F0, #AAAAAA, #BFBFC7);
}

.scoreAvg {
	font-weight: bold;
	/* background-image: linear-gradient(to top left, #A280A1, #AE7DAA, #EF87F8, #E280E7, #FFF7FF, #B684A7); */
	/* background: #C7C7FF; */
}

.scoreDown {
	font-weight: bold;
	background: #FFBBBB;
}

.sort_item {
  font-size: 75%;
}

.submenuButton {
	background-color:#4B0082;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:2px;
	border:1px solid #100020;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.submenuButton:hover {
	background-color:#6A5ACD;
}
.submenuButton:active {
	position:relative;
	top:1px;
}
.submenuSelected {
	background-color:#FFC0FF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:2px;
	border:1px solid #100020;
	display:inline-block;
	cursor:pointer;
	color:#4B0082;
	font-size:12px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}

.movable {
    cursor: move;
}

@media print {
	.noprint { display:none; }
	.print { display:inline; }
}
@media screen {
	.onlyprint { display:none; }
}