/*---------- HTML Style */
/*
*{
  margin:0px;
  padding:0px;
  }

.s_form {margin:0px; padding:0px; width:150px; height:19px; border: 1px #666666 solid}
*/

.navi_border{
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
  width: 8px;
} 
  
.navi_border2{
  width: 166px;
  background-color: #F5F5F5;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
}   

#navi_li {
 margin:10px;
}

#navi_li a{
  background-image:url(../images/navi_plus.gif);
  background-position:left center;
  background-repeat:no-repeat;
  margin:0;
  padding:0px 0px 0px 18px;
  position:relative;
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}
  
#navi_li a:hover{
  background-image:url(../images/navi_mainasu.gif) ;
  color: #242424;
  font-weight: bold;
  text-decoration: underline;
}


body{
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  font-size:12px;
  /*
  
  color:#333333;
  line-height:160%;
  margin: 0px;
  padding: 0px;
  background-color: #F5F5F5;
  background-image: url(../images/common/back.gif);
  background-repeat: repeat-y;
  background-position: 800px;
  */
}


/*
#container{
  width: 797px;
  text-align: left;
  background-color: #F5F5F5;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #D3D3D3;
  border-left-color: #D3D3D3;
  padding:0px 0px 0px 1px;
}
*/
/*
#head{
  background-color: #FCFCFC;
  margin:0px;
  padding: 3px 0px 0px 10px;
  width: 797px;
  voice-family : "\"}\"";
 voice-family : inherit;
  width: 787px;
  text-align:left;
}

#head a:link{color: #FFFFFF; text-decoration: none;
}
#head a:visited {color: #FFFFFF; text-decoration: none;}

#head a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
*/
.logo{margin:0px 0px 3px 0px;}


#name_title{
 margin:10px 0px 20px 0px;
}

.tiiki{
  font-size: 12px;
  color: #FFFFFF;
  line-height:205%;
  padding:5px 5px 5px 5px;
  font-weight: bolder;
}

.gakkou{
  font-size: 17px;
  color: #000000;
  margin:0px 0px 0px 30px;
  font-weight: bolder;
}


#contents_top{
  width: 711px;
  margin: 0px 0px 30px 0px;
  padding: 30px 0px 30px 0px;
  text-align: left;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #BBBBBB;
  border-bottom-color: #BBBBBB;
  border-left-color: #BBBBBB;
}

#contents{
  width: 820px;
  text-align: left;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #BBBBBB;
  border-bottom-color: #BBBBBB;
  border-left-color: #BBBBBB;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  clear: both;
}



/*--- Šw�ZŒŸ�õ—pCSS�@**/

#search_li ul{
  margin:10px 0 0 0px;
  padding:0;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}

#search_li li{
  margin:15px 0;
}

        
#search_li a{
  background-image:url(../images/common/search_list.gif);
  background-position:left center;
  background-repeat:no-repeat;
  margin:15px 0;
  padding:0px 0px 0px 13px;
  position:relative;
  left: -8px;
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}
  
#search_li a:hover{
  background-image:url(../images/common/search_list_f2.gif) ;
  color: #242424;
  font-weight: bold;
  text-decoration: underline;
}

#search a:link{
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

#search a:visited {
 color: #666666;
  text-decoration: none;
  font-weight: bold;
}

#search a:hover {
  color: #242424;
  font-weight: bold;
  text-decoration: underline;
}

.search_border{
  border-left-color: #FFFFFF;
  border-left-width: 1px;
  border-left-style: solid;
}

.search_border2{
  border-left-color: #FFFFFF;
  border-left-width: 1px;
  border-left-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}

.search_border3{
  border-left-color: #FFFFFF;
  border-left-width: 1px;
  border-left-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D0D5D9;
}

.search_sub_title{
 margin: 0px 0px 0px 15px;
}

.search_sub_title2{
 margin: 0px 0px 0px 30px;
  font-size:16px;
  line-height:205%;
  font-weight: bolder;
}

.search_sub_title3{
 margin: 0px 0px 0px 30px;
  font-size:12px;line-height:205%;
}

.ser_tiiki{
  font-size: 12px;
  color: #999999;
  padding:0px 0px 5px 0px;
  font-weight: bolder;
}

.ser_gakkou{
  font-size: 17px;
  color: #000000;
  margin:0px 0px 18px 0px;
  font-weight: bolder;
}

/*--- �^Šw�ZŒŸ�õ—pCSS�@**/


/*--- ƒgƒsƒbƒNƒX—pCSS�@**/
.topics_title{
 padding:10px 0px;
  background:#FAFAFA;
}


#topics img{
 margin:0px 10px 5px 0px;
}

#topics p{
 margin:0px 0px 10px 0px;
  font-size: 10px;
  line-height:140%;
}

/*--- �^ƒgƒsƒbƒNƒX—pCSS�@**/



/*--- ƒ}ƒCƒy�[ƒW—pCSS�@**/
#mypage_head ul{
 list-style:none;
}


#mypage_head li{
  float:left;
}

#mypage_head img{
 margin:0px 0px 5px 25px;
  }


#mypage_news{
 margin:0px 0px 5px 0px;
}


#mypage_news td{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D0D5D9;
}

#mypage_news p{
 margin:0px 10px;
}

#mypage_pagetop_top{
  width: 593px;
  padding: 20px 0px 20px 0px;
  text-align:right;
}

#mypage_pagetop{
  width: 640px;
  text-align:right;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

.mypage_left{
 width:197px;
 border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #D3D3D3;
}

.mypage_right{
 width:593px;
 border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
}

#.mypage_con_right{
#  border-left-width: 2px;
#  border-left-style: solid;
#  border-left-color: #FFFFFF;
#  border-bottom-width: 2px;
#  border-bottom-style: solid;
#  border-bottom-color: #FFFFFF;
#  width:250px;
#  padding-top: 0px;
#  padding-right: 0px;
#  padding-bottom: 10px;
#  padding-left: 0px;
#}

.mypage_con_right{
 padding:7px 0px 10px 0px;
 border-left-width: 2px;
 border-left-style: solid;
 border-left-color: #FFFFFF;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #FFFFFF;
 width:239px;
}

.mypage_con_left{
  margin:0px;
  text-align:left;
  background-repeat: no-repeat;
  width: 333px;
  voice-family : "\"}\"";
  voice-family : inherit;
  width: 333px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*
#mypage_main{
  width: 598px;
  height: 108px;
  text-align:left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}
#mybox_waku {
  width: 640px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
  margin-right: 20px;
  _margin-right: 10px;
  text-align: left;
}
#mybox_title_top {
  background-image: url(../images/mybo_title.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 21px;
  width: 146px;
  padding-top: 8px;
  padding-left: 160px;
}

#mybox_title {
  background-image: url(../images/mybo_title.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 21px;
  width: 156px;
  padding-top: 8px;
  padding-left: 150px;
}

#mybox_title p {
  font-weight: bold;
  color: #336600;
}
*/
#mypage_main{
  width: 640px;
  height: 78px;
  text-align:left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}
#mybox_waku {
  width: 640px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
  margin-right: 20px;
  _margin-right: 10px;
  text-align: left;
}
#mybox_title {
  background-image: url(../images/mybo_title.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 21px;
  width: 156px;
  padding-top: 8px;
  padding-left: 150px;
}
#mybox_title p {
  font-weight: bold;
  color: #336600;
}

#mybox_waku #mypage_bt {
  margin: 0px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 640px;
}
#mybox_waku #mypage_bt li {
  float: left;
  list-style-type: none;
}
#mypage_bt #mybo_menu01 a {
  background-image: url(../images/mybo_menu/myb_m_001.gif);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999em;
  display: block;
  height: 42px;
  width: 161px;
}
#mypage_bt #mybo_menu01 a:hover {
  background-image: url(../images/mybo_menu/myb_m_001_on.gif);
}
#mypage_bt #mybo_menu02 a {
  background-image: url(../images/mybo_menu/myb_m_002.gif);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999em;
  display: block;
  height: 42px;
  width: 233px;
}

#treatise_bt a {
  background-image: url(../images/trea.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 34px;
  width: 211px;
  display: block;
  margin-right:10px;
  float:left;
}
#exam_bt a {
  background-image: url(../images/exam.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 34px;
  width: 288px;
  display: block;
  float:left;
} 
#mybox_waku #mypage_bt {
  margin: 0px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 640px;
}
#mybox_waku #mypage_bt li {
  float: left;
  list-style-type: none;
}
#mypage_bt #mybo_menu01 a {
  background-image: url(../images/mybo_menu/myb_m_001.gif);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999em;
  display: block;
  height: 42px;
  width: 161px;
}
#mypage_bt #mybo_menu01 a:hover {
  background-image: url(../images/mybo_menu/myb_m_001_on.gif);
}
#mypage_bt #mybo_menu02 a {
  background-image: url(../images/mybo_menu/myb_m_002.gif);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999em;
  display: block;
  height: 42px;
  width: 233px;
}
#mypage_bt #mybo_menu02 a:hover {
  background-image: url(../images/mybo_menu/myb_m_002_on.gif);
}
#mypage_bt #mybo_menu03 a {
  background-image: url(../images/mybo_menu/myb_m_003.gif);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999em;
  display: block;
  height: 42px;
  width: 129px;
}
#mypage_bt #mybo_menu03 a:hover {
  background-image: url(../images/mybo_menu/myb_m_003_on.gif);
}
#mypage_bt #mybo_menu04 a {
  background-image: url(../images/mybo_menu/myb_m_004.gif);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999em;
  display: block;
  height: 42px;
  width: 117px;
}
#mypage_bt #mybo_menu04 a:hover {
  background-image: url(../images/mybo_menu/myb_m_004_on.gif);
}

.mybox{
  margin: 0px 0px 0px 22px;
}

.info_bord {
  padding:2px 0px 2px 0px;
  border: 1px solid #E2E2E2;
  height:228px;
  width:225px;
}

#mypage_sch img{
  margin:0px 0px 5px 0px;
}

.calender {
  border: 1px solid #E2E2E2;
 padding:5px;
  font-size:10px;
  line-height:110%;
  font-weight: bold;
}

.calender_sunday{
  border: 1px solid #E2E2E2;
 padding:5px;
  font-size:10px;
  line-height:110%;
  font-weight: bold;
  color:#FF3300;
}

.calender_satday{
  border: 1px solid #E2E2E2;
  padding:5px;
  font-size:10px;
  line-height:110%;
  font-weight: bold;
  color:#576ADD;
}

.calender_noday{
  border: 1px solid #E2E2E2;
  padding:5px;
  font-size:10px;
  line-height:110%;
  font-weight: bold;
  color:#B2B2B2;
}

.calender_noday_sat{
  border: 1px solid #E2E2E2;
  padding:5px;
  font-size: 10px;
  line-height:110%;
  font-weight: bold;
  color:#CCD2F5;
}

.calender_noday_sun{
  border: 1px solid #E2E2E2;
  padding:5px;
  font-size: 10px;
  line-height:110%;
  font-weight: bold;
  color:#FFC1B2;
}

.back_a{
  background-repeat: no-repeat;
}

.back_b{
  background-repeat: no-repeat;
}

.back_c{
  background-repeat: no-repeat;
}

.list{
  margin:0px 11px 5px 0px;
  padding: 6px;
  border: 1px solid #FFFFFF;
  float:left;
  background-color: #FFFFFF;
  font-size:9px;
  line-height:130%;
  width: 56px;
  voice-family : inherit;
  height:76px;

}

.list_ov{
  margin:0px 11px 5px 0px;
  padding: 6px;
  border: 1px solid #FF9B7F;
  float:left;
  background-color: #FFFFFF;
  font-size:9px;line-height:130%;
  color:#CCCCCC;
  width: 56px;
  voice-family : inherit;
  height:76px;
}

#mailbox{
  padding: 0px;
  float:left;
  width: 313px;

  background-color: #F5F5F5;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: 21px;

}

#mailbox_detele{
  padding: 1px;
  margin:5px 6px 5px 9px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  text-align:center;
  width: 294px;
  voice-family : inherit;
  height:149px;
}

.mailbox_bord {
  height:115px;
  width:285px;
  padding:2px 0px 2px 0px;
  margin:5px 0px;
}
  
#mailobox_li ul{
  margin:0;
  padding:0;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}

#mailobox_li li{
  background-image:url(../images/icon_plus.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  margin:0px 0px 5px 0px;
  padding:0px 8px 2px 15px;
  position:relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2D9D6;
}
/*
#mailbox {
  color:#333333;
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  font-size:12px;
  line-height:160%;
  margin: 0px;
  padding: 0px;
  width:90%;
  background-color: #FFFFFF;
 scrollbar-3dlight-color:    #646466;
 scrollbar-arrow-color:      #FFFFFF;
 scrollbar-darkshadow-color: black;
 scrollbar-face-color:       #9A9A9A;
 scrollbar-highlight-color:  #EEEEEE;
 scrollbar-shadow-color:     #9A9A9A;
}
*/
#mailobox_li{
  height:115px;
  width:285px;
  overflow:auto;
  padding:2px 0px 2px 0px;
  margin:5px 0px;

  background-color: #FFFFFF;
  scrollbar-3dlight-color:    #646466;
  scrollbar-arrow-color:      #FFFFFF;
  scrollbar-darkshadow-color: black;
  scrollbar-face-color:       #9A9A9A;
  scrollbar-highlight-color:  #EEEEEE;
  scrollbar-shadow-color:     #9A9A9A;
}

#mailobox_li p{
  background-image:url(../images/icon_plus.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  margin:0px;
  padding:2px 8px 5px 15px;
  position:relative;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #E2D9D6;
  font-size: 10px;
}

.custom {
  background-repeat: repeat-x;
  margin:5px 0px 20px 0px;
  height: 29px;
  width:593px;
  text-align:left;
}

.custom_list{
 margin:0px 0px 0px 22px;
}

.custom_contents{
  background-image: url(../images/custom_back_b.jpg);
  background-repeat: repeat-x;
  height:29px;
}

#custom_contents2{
�@margin:3px 11px;
}

#custom_contents2 img{
�@margin:0px 5px;
}

.myjoybox {
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.myjoybox2 {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #FFFFFF;
}

#myjoybox_li ul{
  margin:0;
  padding:0;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}

#myjoybox_li li{
  background-position:left center;
  background-repeat:no-repeat;
  margin:0px 0px 5px 0px;
  padding:0px 0px 4px 15px;
  position:relative;
  left: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2D9D6;
}

#srch_navi {
  position:absolute;
  left:10px;
  top:90px;
  width:178px;
  z-index:auto;
  visibility: visible;
}

#up_a {
  position:absolute;
  left:10px;
  top:90px;
  width:178px;
  z-index:auto;
  visibility: hidden;}

#up_b {
  position:absolute;
  left:10px;
  top:90px;
  width:178px;
  z-index:auto;
  visibility: hidden;}

#up_c {
  position:absolute;
  left:10px;
  top:90px;
  width:178px;
  z-index:auto;
  visibility: hidden;}

#up_d {
  position:absolute;
  left:10px;
  top:90px;
  width:178px;
  z-index:auto;
  visibility: hidden;}


#mypage_scholl{
  height: 43px;
  background-repeat: no-repeat;

}

#mypage_scholl_btn img{
 margin: 12px 20px;
 float: right;
}

/*--- �^ƒ}ƒCƒy�[ƒW—pCSS�@**/

#contents_top p{
 margin: 0px 0px 30px 0px;
}

#contents p{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

#contents li{
  list-style-type: none;
  list-style-position: outside;
}

.main_img{
  margin: 0px 0px 30px 0px;
}

.sub_img{
 margin: 0px 0px 5px 0px;
}

.sub_t_img{
 margin: 0px 0px 10px 0px;
}

#course p{margin: 0px 0px 30px 11px;}

#pagetop{
  width: 797px;
 padding: 20px 0px 40px 0px;
  text-align:right;
}

#copyright{
 padding: 20px 15px 30px 0px;
  text-align:right;
}


#sub_contents h3{
  background-image:url(../images/common/search_list.gif);
  background-position:left center;
  background-repeat:no-repeat;
  margin:15px 0;
  padding:0px 0px 0px 13px;
  position:relative;
  left: -8px;
  font-size:14px;
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

#sub_contents img{
  margin:30px 15px 15px 0px;
  border:1px solid #cccccc;
}

#sub_contents dt{
  margin:15px 15px 15px 10px;
  font-size:12px;
  color: #666666;
 font-weight: bold;
}

#sub_contents p,dd{
  margin:15px 15px 15px 25px;
  font-size:12px;
  color: #666666;
}

/*--- Šw�ZƒiƒrƒQ�[ƒVƒ‡ƒ“CSS�@**/
/*
#navi_scholl {
  width: 712px;
  background-image: url(../images/common/navi_back.gif);
  padding:0px 0px 0px 1px;
}

#navi_scholl li{
  font-size:12px;
  line-height:120%;
   font-weight: bold;
}

#navi_scholl .data_li{
  width: 89px;
  background-image: url(../images/common/navi.jpg);
  float: left;
 padding: 4px 0px 0px 0px;
  height: 35px;
 voice-family : "\"}\"";
  voice-family : inherit;
  height: 31px;
}

#navi_scholl .data_li_ov{
  width: 89px;
  background-image: url(../images/common/navi_ov.jpg);
  float: left;
 padding: 4px 0px 0px 0px;
  height: 35px;
 voice-family : "\"}\"";
  voice-family : inherit;
  height: 31px;
}
*/
#school_list {
  width: 328px;
  margin-right: auto;
  margin-left: 17px;
  height: 375px;
}
#messageBox {
  border: solid 1px #333;
  padding: 10px;
  line-height: 1em;
  margin-left: 10px;
  background-color: #fff;
}
#messageBox .message_error{
  font-weight: bold;
}
#messageBox ul{
  margin-top: 5px;
}
#messageBox .errorMessage{
  list-style-type: none;
  color: red;
  font-size: 0.9em;
}