@charset "UTF-8";
/* CSS Document */
/* Body ******************/

body{
	margin:0;
	padding:0;
	color:#333333;
	font-size  : 13px;
	font-family : "MS UI Gothic",Osaka, sans-serif;
	line-height : 120%;
}

img{
	border:0;
}

form{
  margin:0;
}

#wrapper{
	margin:0px auto;
	width:760px;
	text-align:left;
}

.left {
	float: left;
}
.left2 {
	text-align: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}

/* Link *****************/
a:hover,a:active{
	color:#74BAEE;
	background:transparent;
	text-decoration:underline;
}


/* Main ******************/
#myclass.dev-env
{
	background: antiquewhite;
}


/*header******************/
#header{
	margin-bottom:10px;
}

/* content **************/
#content{
	float:left;
	width:70%;
	padding:10px 0px 10px 10px;
}
#info_table{
  border: 1px solid #D6D6D6 ;
  width : 555px ;
  text-align : left ;
  padding-bottom : 10px ;
  padding-top : 10px ;
}

/* fullcontent **********/
#fullcontent{
	width:100%;
}

/* under_content ********/
#under_content{
	width:760px;
	clear:both;
	padding:5px 10px;
	margin:0 auto;
}

/* Text *****************/

.h1{
	margin:0px auto;
	text-size:14px;
	font-weight: bold;
	color : #1671C2 ;
	padding-left : 10px ;
}
.h2{
	margin:0px auto;
	text-size:14px;
	color : #1671C2 ;
	margin-left : 10px ;
	padding-top : 5px ;
}

.Size1{
	margin-left : 10px ;
	text-align : left ;
	border-bottom:1px dotted #499FEA;
	padding-top : 5px ;
	padding-bottom : 10px ;
	width : 535px ;
}
.button{
	margin-right : 10px ;
	text-align : right ;
	padding-top : 10px ;
	padding-bottom : 10px ;
}
.Size2{
	text-size:13px;
	color : #FF0000 ;
	text-align : center ;
}
.Size3{
	text-size:13px;
	color : #0000FF;
	text-align : center ;
}
.Size4{
	text-size:13px;
	color : #44A2E8;
	text-align : center ;
	font-weight: bold;
}
.Size5{
	text-size:13px;
	color : #333333;
	text-align : left ;
	padding : 5px ;
}
.Size6{
	text-size:13px;
	color : #74BAEE;
}
.Size7 {
	text-size:12px;
	color : #74BAEE;
}
/* subnav menu **************/

table.subnav {
	border-color:white;
}
table.subnav td {
	height:25px;
	border-color:white;
	border-width:1px;
	background-color:#74BAEE;
	color:white;
	text-align:center;
}
table.subnav a {
	color:white;
}
table.subnav a:hover {
	color:white;
	text-decoration:none;
}
table.subnav a:visited {
	color:white;
}

/* title **************/
#long_ti{
  background-color : #74BAEE ;
  width :100% ;
}
#long_ti2{
  background-color : #FF9D4D ;
  width :100% ;
  margin-top:10px;
  margin-bottom:10px;
}
#long_border{
  padding-left : 5px ;
  padding-top : 5px ;
  padding-bottom : 5px ;
  font-size : 14px ;
  font-weight : bold ;
  color : #ffffff;
  border-top :1px dotted #ffffff;
  border-bottom :1px dotted #ffffff;
  margin-top : 2px ;
  margin-bottom : 2px ;
  text-align:left;
}
/* login **************/
#login{
  background-color : #C1E0F7 ;
  width :290px ;
  font-size : 14px ;
  font-weight : bold ;
  color : #666666 ;
  text-align : center ;
  padding-top :5px ;
}
.login_bt{
  padding-bottom : 10px ;
}
.error {
	color: red;
}
.errorMessage {
	color: red;
}

#description{
  padding-top : 5px ;
  text-aign : left ;
  font-size : 13px ;
}

/* window **************/
#window{
	color:#000000;
	font-size  : 13px;
	font-weight : bold;
	font-family : "MS UI Gothic",Osaka, sans-serif;
	text-align:left;
}

#window2{
	color:#5EAE58;
	font-size  : 13px;
	font-weight : bold;
	font-family : "MS UI Gothic",Osaka, sans-serif;
	text-align:left;
}

#windowsubject{
	color:#000000;
	font-size  : 15px;
	font-weight : bold;
	font-family : "MS UI Gothic",Osaka, sans-serif;
	text-align:left;
}

#windowtitle{
	color:#FF7CFF;
	font-size  : 25px;
	font-weight : bolder;
	font-family : "MS UI Gothic",Osaka, sans-serif;
	text-align:center;
}
.box{
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
}
.icon{
	margin-top:5px ;
}
/*school rank*/
#schoolrank th{
    border-right : 1px solid #ffffff ;
    border-bottom : 1px solid #ffffff ;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:5px;
	padding-right:5px;
	background-color:#FF9D4D;
	font-weight: bold;
	font-size: 13px;
	color:#FFFFFF;
}

#schoolrank td{
    border-right : 1px solid #ffffff ;
	border-bottom : 1px solid #ffffff ;
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:5px;
	padding-right:5px;
	background-color:#EDEFF1;
}


.schoolrank0{
	color:#000000;
}
.schoolrank0 a:link,.schoolrank0 a:visited,.schoolrank0 a:hover,.schoolrank0 a:active{
	color:#000000;
	text-decoration:underline;
}
.schoolrank3{
	color:#3300FF;
}
.schoolrank3 a:link,.schoolrank3 a:visited,.schoolrank3 a:hover,.schoolrank3 a:active{
	color:#3300FF;
	text-decoration:underline;
}
.schoolrank2{
	color:#FF3300;
}
.schoolrank2 a:link,.schoolrank2 a:visited,.schoolrank2 a:hover,.schoolrank2 a:active{
	color:#FF3300;
	text-decoration:underline;
}

.caution{
	background-color:#ff3333 !important;
	color:#FFFFFF;
}

input.login {
	ime-mode:disabled;
	width:100px;
}

.subtitle{
  background-color : #74BAEE ;
  width :100% ;
}

.subtitle_inner{
  padding-left : 5px ;
  padding-top : 5px ;
  padding-bottom : 5px ;
  font-size : 14px ;
  font-weight : bold ;
  color : #ffffff;
  border-top :1px dotted #ffffff;
  border-bottom :1px dotted #ffffff;
  margin-top : 2px ;
  margin-bottom : 2px ;
  text-align:left;
}

.scheduletable{
	width: 100%;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-collapse: collapse;
}

.scheduletable th{
	width: 12%;
	font-weight:lighter;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background-color: #FFF2E0;
}
.scheduletable .label{
	width: 9%;
	height:50px;
	font-size: 12px;
	background-color: #FFF9E5;
}
.scheduletable td{
	border: solid 1px #CCC;
	border-collapse: collapse;
	vertical-align:top;
	height:50px;
}
.scheduletable th.other_month,
.scheduletable td.other_month{
	background-color: #F0F0F0;
}
.scheduletable th.today,
.scheduletable td.today{
	background-color: #FFCCCC;
}
.scheduletable th.normal,
.scheduletable td.normal{
}
.scheduletable th.sunday,
.scheduletable td.sunday{
	background-color: #FFF4E6;
}
.scheduletable th.saturday,
.scheduletable td.saturday{
	background-color: #EEF3FF;
}
.scheduletable th.daynum,
.scheduletable td.daynum{
	text-align:left;
	font-weight:bold;
	text-align:left;
}

.scheduletable2week th{
	width: 6.6% !important;
	padding : 0px !important;
}