@charset "utf-8";		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px; /* リセット */
	padding: 0px;
}

body {
	text-align:center;
	font-size: 0.8em;
	line-height: 1.2em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../images/backtop.gif) repeat-x;
}

#wrapper {
  width: 100%; /* 基本ページ幅*/
  color: #333333; /* 基本文字色 */
  text-align:left;
  padding-bottom:10px;
  }

/* ページ本体
---------------------------------------------------- */
#pagebody {
	width: 760px;
	margin:0px auto; 
}
/* リンク
---------------------------------------------------- */
a:link {
	color:#2d3b6f;
	text-decoration:underline;
}
a:visited {
	color:#2d3b6f;
	text-decoration:underline;
}
a:hover, 
a:active {
	color: #6493D7;
	text-decoration:underline;
}

/* ヘッダー
---------------------------------------------------- */
#header {
    width:760px;
	height:70px;
	background: url(../images/header.gif) no-repeat;
}

h1 {
   float:right;
  font-size: x-small;
  width:300px;
  height:30px;
  display:none;
}

#logo{
  width:315px;
  height:60px;
  display:block;
  margin-top:5px;
  text-indent:-9999px;
  float: left;
  }
#logo a{
  width:315px;
  height:60px;
  display:block;
  margin-top:5px;
  text-indent:-9999px;
  float: left;
  }

/* ナビゲーション
---------------------------------------------------- */
#navigation {
  width:760px;
  display:block;
  height:45px;
   margin-bottom:10px;
}





#navigation #page1{ background:url(../images/menu_off.gif) 0px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page2{ background:url(../images/menu_off.gif) -128px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page3{ background:url(../images/menu_off.gif) -254px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page4{ background:url(../images/menu_off.gif) -380px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page5{ background:url(../images/menu_off.gif) -506px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page6{ background:url(../images/menu_off.gif) -632px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}


#navigation #page1 a{ background:url(../images/menu_off.gif) 0px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page2 a{ background:url(../images/menu_off.gif) -128px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page3 a{ background:url(../images/menu_off.gif) -254px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page4 a{ background:url(../images/menu_off.gif) -380px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page5 a{ background:url(../images/menu_off.gif) -506px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page6 a{ background:url(../images/menu_off.gif) -632px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}


#navigation #page1 a:hover{ background:url(../images/menu_on.gif) 0px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page2 a:hover{ background:url(../images/menu_on.gif) -128px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page3 a:hover{ background:url(../images/menu_on.gif) -254px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page4 a:hover{ background:url(../images/menu_on.gif) -380px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page5 a:hover{ background:url(../images/menu_on.gif) -506px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #page6 a:hover{ background:url(../images/menu_on.gif) -632px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}


#navigation #on01{ background:url(../images/menu_on.gif) 0px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #on02{ background:url(../images/menu_on.gif) -128px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #on03{ background:url(../images/menu_on.gif) -254px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #on04{ background:url(../images/menu_on.gif) -380px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #on05{ background:url(../images/menu_on.gif) -506px 0px; width:126px; height:45px;display:block;text-indent:-9999px; float:left;}
#navigation #on06{ background:url(../images/menu_on.gif) -632px 0px; width:128px; height:45px;display:block;text-indent:-9999px; float:left;}



/*コンテンツ
---------------------------------------------------- */
#content {
	width: 760px;
	color: #333333;
	padding-bottom:20px;
}


/* スペース
---------------------------------------------------- */
.spb01{
padding-bottom:10px;}
.spb02{
padding-bottom:15px;}

/* トップページ
---------------------------------------------------- */
#topimg01{
	 width:760px;
	 height:195px;
	 background: url(../images/topimg.jpg) no-repeat;
	 text-indent:-9999px;
	 margin-bottom:10px;
	 }
	 

/* box */  
 
.box01{
    width:520px;
	padding:0px 8px 0px 0px;
	float:left;
	}

.box02{
    width:230px;
	float:right;
	}
/* タイトル*/ 
.tit01{
     background: url(../images/toptit01.gif) no-repeat;
	 width:520px;
	 height:25px;
	 text-indent:-9999px;
	 }
.tit02{
     background: url(../images/toptit02.gif) no-repeat;
	 width:230px;
	 height:25px;
	 text-indent:-9999px;
	 }
/* 新着情報*/
.info{
    width:518px;
	height:265px;
	border:1px solid #c3c5ca;
	margin-bottom:10px;
	}
	
.topschool{
   width:520px;
   height:170px;
   background: url(../images/topschool.jpg) no-repeat;
   }
.schoolbtn{
  padding-top:110px;
  padding-left:10px;
  width:245px;
  height:50px;
  }
	
/* お問い合わせ*/  
.topcontactbox{
    width:210px;
	height:95px;
	background-color:#f6f8fc;
	border:1px solid #c3c5ca;
	margin-bottom:10px;
	padding:9px;
	}
	
/* ボタン */  
.topbtn01{
    width:230px;
	height:100px;
	margin-bottom:10px;
	}



/* フッター
---------------------------------------------------- */
#footer{
	width:100%;
	font-size:x-small;
	letter-spacing:0.1em;
	text-align:center;
	line-height:100%;
	background: url(../images/footback.gif) repeat-x;
	 }
#footmenu{
  text-align:center;
  color:#2d3b6f;
  height:15px;width:760px;
  margin:0px auto 0px;
  background: url(../images/footback.gif) repeat-x;
  padding-top:10px;
  }

#footmenu a:link,
#footmenu a:visited {
	color:#333333;
	text-decoration: none;
}

#footmenu a:hover,
#footmenu a:active {
	color: #3333CC;
	text-decoration:underline;
}


#footcopy{
 text-align:center;
 width:760px;
 height:50px;
 margin:0px auto 0px auto;
 line-height:120%;
 font-size:0.8em;
 letter-spacing:0.1em;
  }
  
.pagetop{
  width:80px;
  height:10px;
  float:right;
  display:block;
  text-indent:-9999px;
  margin-top:5px;
  }
.pagetop a{
  width:80px;
  height:10px;
  background: url(../images/pagetop.gif) no-repeat;
  display:block;
  margin-top:5px;
  }
.pagetop a:hover{
  width:80px;
  height:10px;
  background: url(../images/pagetop_on.gif) no-repeat;
  display:block;
  margin-top:5px;
  }
/*その他
---------------------------------------------------- */
.clear {
	clear: both;
}

/* マークアップ
---------------------------------------------------- */

.mark{
    color:#FF0000;
	line-height:130%;
}

.mark02{
    color:#666666;
    font-weight: bold;
	font-size: 1.2em;
	color:#000000;
	line-height:1.5em;
}