@charset "utf-8";
/* teacher */

#side ul li.sidenavi0 a {
   background: url(../img/sidenavi0.gif) 0px 0% no-repeat;}
#side ul li.sidenavi1 a {
   background: url(../img/sidenavi1.gif) 0px 0% no-repeat;}
#side ul li.sidenavi2 a {
   background: url(../img/sidenavi2.gif) 0px 0% no-repeat;}
#side ul li.sidenavi3 a {
   background: url(../img/sidenavi3.gif) 0px 0% no-repeat;}
#side ul li.sidenavi4 a {
   background: url(../img/sidenavi4.gif) 0px 0% no-repeat;}
#side ul li.sidenavi5 a {
   background: url(../img/sidenavi5.gif) 0px 0% no-repeat;}
#side ul li.sidenavi6 a {
   background: url(../img/sidenavi6.gif) 0px 0% no-repeat;}
#side ul li.sidenavi7 a {
   background: url(../img/sidenavi7.gif) 0px 0% no-repeat;}
#side ul li.sidenavi8 a {
   background: url(../img/sidenavi8.gif) 0px 0% no-repeat;}
#side ul li.sidenavi9 a {
   background: url(../img/sidenavi9.gif) 0px 0% no-repeat;}
#side ul li.sidenavi10 a {
   background: url(../img/sidenavi10.gif) 0px 0% no-repeat;}
#side ul li.sidenavi11 a {
   background: url(../img/sidenavi11.gif) 0px 0% no-repeat;}


#side ul li a.on {
   background-position:-194px 0%;}

#side ul li a:hover {
background-position:-194px 0%;}
/*******************************************************************************************/

#main{background:#ecf5ed url(../img/bg_4.gif) 0px 0% repeat-x!important;}

/*******************************************************************************************/

h1 {
	background:#ecf5ed url(../img/bar_green.gif) 0px 50% no-repeat;
	width:760px;
	color:#FFFFFF;
	font-size:150%;
	letter-spacing:2px;
	margin:10px 0 11px 0;	
	padding:9px 0 8px 20px;}



#main p{line-height:160%;}


#main_menu p{margin:10px 25px 20px 10px;}

/********************************************************************************************/




/******upper********/

#upper {
margin:10px 0 20px 0;}
#upper h2 {
color:#00A593;
font-size:140%;}

#upper:after { 
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden; } 
#upper {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html #upper {height: 1%;} 
#upper {display: block;} 
/* End hide from IE-mac */

#upper p{float:left;}

#upper .search_btn {
float:left;
width:225px;
margin:0 0 0 15px;
padding:5px 5px 10px 5px;
border:#999999 solid 1px;
background-color:#FFFFFF;
text-align:center;
font-weight:bold;}

#upper .search_btn p {
padding:0 0 5px 20px;
color:#ED6E46;
background:url(../img/mark_or.gif) 0px 0% no-repeat;}


/******main_menu********/




#main_menu .kakikomi h3 {
padding:0 0 0 5px;
color:#00a593;
border-left:#00a593 solid 16px;}
* html #main_menu .kakikomi h3 {
font-size:120%;}

   
#main_menu .kakikomi {
border-top:#99a69f dotted 1px;
margin:0 25px 0 0;
padding:10px;}

#main_menu .kakikomi p,
#main_menu .kakikomi table {
margin:10px 0;
padding:0 0 0 20px;
border-left:#00a593 solid 3px;}

#main_menu .kakikomi table td p {
border:none;
padding:0;}

textarea {font-size:110%;}

*html #main_menu .kakikomi table {border:none;}

* html #main_menu .kakikomi div {
border-left:#00a593 solid 3px;
margin:10px 0;
padding:0 0 0 20px;}


#main_menu .kakikomi table div {
border:none;}


#main_menu .kakikomi table td{
padding:8px 0 ;
border-bottom:#99a69f dotted 1px;}

#main_menu .kakikomi table strong {
display:block;
margin:0 0 10px 0;
color:#5B928C;}

#main_menu .kakikomi table select {
vertical-align:top;
margin:0 20px 10px 0;} 

#main_menu .kakikomi table div input {
margin:2px;}


.line2 {
border-top:#99a69f dotted 1px;}





/********policy********/
#main_menu div.policy {
margin:5px 0 20px 0;
padding:10px;
border:#aaaaaa solid 1px;
background-color:#FFFFFF;}  

#main_menu div.policy p{
padding:3px 10px;
background-color:#dddddd;}
#main_menu div.policy p.p1 {
background-color:#999999;
color:#FFFFFF;
font-weight:bold;}


.policy dl {
margin:10px 0;}

.policy dl div {
border-bottom:#999999 dotted 1px;
padding:10px 0;}

.policy dl div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.policy dl div{display:inline-block;}
/* Hides IE-mac \*/
* html .policy dl div{height:1%;}
.policy dl div{display:block;}
/* End IE-mac */

#main_menu div.policy dd,
#main_menu div.policy dt{
float:left;}

#main_menu div.policy dd{
width:165px;
padding:0 0 0 30px;
background:url(../img/mark2.gif) 15px 46% no-repeat;}

#main_menu div.policy dt {
width:555px;}







/******teacher*******/
div.system:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
div.system {display:inline-block;}
/* Hides IE-mac \*/
* html div.system {height:1%;}
div.system {display:block;}
/* End IE-mac */


div.system p{
float:left;
width:148px;}

div.system span{
float:left;
display:block;}



.teacher {
margin:10px 25px 20px 0;
background-color:#dddddd;}


.teacher strong {
color:2daaad;}

.teacher div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.teacher div {display:inline-block;}
/* Hides IE-mac \*/
* html .teacher div {height:1%;}
.teacher div {display:block;}
/* End IE-mac */


.teacher div{
background-color:#ffffff;
padding:10px;
border-left:#dddddd solid 27px;}

.teacher div div {
border:none;}

.teacher div.img {
    float:left;
	width:110px;}

.teacher .img img{
float:left;
margin:0 0 10px 0;}

.teacher span {
margin-bottom:5px;
display:block;
color:#2DAAAD;
font-weight:bold;
font-size:120%;
line-height:120%;}

span.add {
font-size:100%;
font-weight:normal;}

#main_menu .teacher p {
	float:left;
	width:330px;
	margin:0;
	padding:0 10px;
	border-left:#2DAAAD solid 3px;
}


/*******confirm*****/
#main_menu div.confirm {
border-top:#99a69f dotted 1px;
margin:0 25px 0 0;
padding:10px 0 0 30px;}

#main_menu div.confirm p{
border:none;
margin:0;
padding:0 80px 0 0;
width:500px;
float:left;}

#main_menu div.confirm strong a {
color:#00a593;
text-decoration:none;}


#main_menu div.confirm input{
margin:15px 0 0 15px;}


/******************result***********************/
.result {
margin:20px 30px;}

.result span {
margin:0 25px 0 0;
padding:5px 0 5px 70px;
background:url(../../img/obj2.gif) 0px 0% no-repeat;}
.result span.ken {
background:url(../../img/obj1.gif) 0px 0% no-repeat;}


.result2 {
margin:15px 40px 15px 30px;
padding:12px 15px 12px 30px;
color:#FFFFFF;
font-size:140%;
font-weight:bold;
background:#34b7a4 url(../../img/mark.gif) 20px 50% no-repeat;}

.result2 span {
font-size:60%;
font-weight:normal;}


/******************errorr***********************/

#main_menu  em {
margin:0 0 0 10px;
font-style:normal;
color:#a02738;}


.em_err {
font-weight:bold; 
color:#FF0000;
}

/*******************end*************************/

.end p{
padding:100px 0 300px 180px;}
.end p strong{
display:block;
margin:10px 0;
color:#00a593;
font-size:140%}

.end p input { 
margin:10px 0 0 0;
display:block;}





   
/************button***********/   
.btn {text-align:center;
padding:0 0 370px 0;}     
   
/*******************************************************************************/ 
 #main_menu .kakikomi table td.none {border-bottom: none}