﻿@charset "utf-8";

/* 基本書式 */
* {	line-height: 140%; font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-decoration: none; }

/* リンクの設定 */
a:link { text-decoration:none; color: #2e6eab}
a:visited { text-decoration:none; color: #64233e;}
a:active { text-decoration:none; color: #000;}

/* 画像のボーダーなし */
img{ border: 0;}

/* 見出し*/
h1 { font-size: 32px;}
h2 { font-size: 24px;}
h3 { font-size: 18px;}
h4 { font-size: 14px;}

/* 箇条書き */
ol, ul { list-style: none;}

/* 強調 */
strong { font-weight: bold; color:#ff0000; }

/* ボディ（body）のデフォルト設定 */
/* body {width:1024px; margin:0px 7px 10px 7px; font-size:0.95em; text-align:left; background-color:#ffffff;} */
body {
       margin:0px 7px 10px 7px; 
       font-size:0.95em; 
       text-align:center;
       background-color:#ffffff;
      } 

/* ヘッダ（header）のデフォルト設定 */
div#header {margin: 0px 0px 0px 0px;}

/* ドロップダウンメニュー */
#dropmenu div {position: relative; z-index: 1;}

ul#dropmenu {
	color: #ffffff; text-align: center; font-size: 1em; cursor: pointer;
	display: block; padding: 4px 0px 2px 0px; width: 128px; background-color: #333366; float:left; }
ul#dropmenu a:hover {
	color: #ffffff; text-align: center; font-size: 1em; cursor: pointer; padding: 4px 0px 2px 0px; width: 101px; background-color: #7c8c0e; float:left; }

ul#submenu { color: #ffffff; font-size: 0.95em; display: none; background: #7c8c0e; width: 202px; cursor: pointer; }
ul#submenu li a { color: #ffffff; font-size:0.95em; display: block; padding: 6px 0px 5px 6px; border-bottom:1px solid #8a9b0f;}
ul#submenu li a:hover { background:#8a9b0f; }

/* 左カラム（submenu）*/
div#submenu {position:absolute; top:95px; width:248px;}


/*研修*/
ul#training_banner { width:240px; height:65px; position:absolute; top:0px; list-style-type:none; display:inline; }
ul#training_banner a { width:240px; height:65px; display:block; background-color:#336666; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#training_banner a:hover { background-color:#339966; }

/*目標*/
ul#objective_banner { width:240px; height:65px; position:absolute; top:75px; list-style-type:none; display:inline; }
ul#objective_banner a { width:240px; height:65px; display:block; background-color:#336666; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#objective_banner a:hover { background-color:#339966; }

/*新しい学習指導要領*/
ul#course_banner { width:240px; height:65px; position:absolute; top:150px; list-style-type:none; display:inline;}
ul#course_banner a { width:240px; height:62px; display:block; background-color:#336666; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none;color:#ffffff; font-size:16px; line-height:1; }
ul#course_banner a:hover { background-color:#339966; }


/*ブログ（blog）*/
div#blog { position:absolute; top:223px; background-color:#ffffff; }
div#blog a { width:196px; display:block; padding:4px 0px 2px 39px; color:#c14f46; font-size:1.2em; font-weight:bold; border:3px solid #0099cc; }
div#blog a:hover { background-color:#eeeeee;}

/*マガジン(magazin)*/
div#magazine { position:absolute; top:263px; background-color:#ffffff; }
div#magazine a { width:196px; display:block; padding:4px 0px 2px 39px; color:#c14f46; font-size:1.2em; font-weight:bold; border:3px solid #0099cc; }
div#magazine a:hover { background-color:#eeeeee;}

/*研究（kenkyu）*/
div#kenkyu { position:absolute; top:303px; background-color:#ffffff; }
div#kenkyu a { width:196px; display:block; padding:4px 0px 2px 39px; color:#c14f46; font-size:1.2em; font-weight:bold; border:3px solid #0099cc; }
div#kenkyu a:hover { background-color:#eeeeee;}

/*フォーラム（forum）*/
div#forum { position:absolute; top:343px; background-color:#ffffff; }
div#forum a { width:196px; display:block; padding:4px 0px 2px 39px; color:#c14f46; font-size:1.2em; font-weight:bold; border:3px solid #0099cc; }
div#forum a:hover { background-color:#eeeeee;}

/*附属（fuzoku）*/
div#fuzoku { position:absolute; top:383px; background-color:#ffffff; }
div#fuzoku a { width:196px; display:block; padding:4px 0px 2px 39px; color:#c14f46; font-size:1.2em; font-weight:bold; border:3px solid #0099cc; }
div#fuzoku a:hover { background-color:#eeeeee;}


/*サブメニュー本文（submenu_body）*/
div#submenu_body { position:absolute; top:517px; background-color:#ffffff; }
/*div#submenu_body li a { width:236px; display:block; margin:2px 0px 0px 0px; padding:3px 0px 1px 4px; text-decoration:none;  font-size:1em;}*/
/*div#submenu_body li a:hover { background-color:#eeeeee; }*/

/* リンクバナー */
ul#forstudent_banner { width:240px; height:60px; position:absolute; top:0px; list-style-type:none; display:inline; }
ul#forstudent_banner a { width:240px; height:62px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#forstudent_banner a:hover { background-color:#3399cc; }


ul#forteacher_banner { width:240px; height:60px; position:absolute; top:70px; list-style-type:none; display:inline; }
ul#forteacher_banner a { width:240px; height:62px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#forteacher_banner a:hover { background-color:#3399cc; }


/*情報提供*/
ul#institution_banner { width:240px; height:60px; position:absolute; top:140px; list-style-type:none; display:inline; }
ul#institution_banner a { width:240px; height:62px;display:block;background-color:#336699; padding:5px 0px 0px 0px;text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1;}
ul#institution_banner a:hover { background-color:#3399cc;}


/*概要*/
ul#out_line_banner { width:240px; height:60px; position:absolute; top:210px; list-style-type:none; display:inline; }
ul#out_line_banner a { width:240px; height:62px; display:block; background-color:#336666; padding:5px 0px 0px 0px;text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#out_line_banner a:hover { background-color:#339966; }

/*中央カラム（info）*/
div#info { width:512px; margin:0 249px; position: absolute; top:128px;}


/* スライド（slide）*/
#slide { margin: 0px; width: 600px; height: 300px; position: absolute; top: 120px ;overflow: hidden; }
#slide ul { top: 0px; left: 0; width: 600px; height: 300px; position: absolute; top: 0px; overflow: hidden; }
#slide ul li { width: 600px; height: 300px; float: left; display: inline; overflow: hidden; }

#slidethumb { margin: 0px; width: 599px; height: 5px; top: 151px; }
#slidethumb ul { width:599px; position: relative; top: 151px; text-align: center; }
#slidethumb ul li { width: 120px; height: 2px; border: solid 0px #eeeeee; cursor: pointer; display: inline; }
#slidethumb ul li.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }

#slide ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#slide ul, 
#slidethumb ul { display: inline-block; overflow: hidden; }


/*	スライド（slide） 
span#slide { position: absolute; margin: 0 auto; width: 512px; height: 297px; visibility: visible; }
#slide ul { position: absolute; width: 512px; height: 297px; }
#slide ul li { width: 512px; height: 297px; float: left; display: inline; }

/* スライドサムネイル（slidethumb） 
span#slidethumb { margin: 0px auto; width: 380px; height: 45px; }
#slidethumb ul { width: 512px; position: relative; top: 296px; text-align: center; }
#slidethumb ul li { width: 80px; border: solid 1px #eeeeee; cursor: pointer; display: inline; }
#slidethumb ul li.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }*/

/* ClearFixElements
#slide ul:after,
#slidethumb ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#slide ul,
#slidethumb ul { display: inline-block; overflow: hidden; } */

/* ナビゲーションボタン
#slide #moveprev { position: absolute; top: 257px; left: 1px; width: 30px; height: 30px;
	background: transparent url("img/moveprev.png") no-repeat left top; cursor: pointer; }
#slide #movenext { position: absolute; top: 257px; right: 1px; width: 30px; height: 30px;
	background: transparent url("img/movenext.png") no-repeat left top; cursor: pointer; } */

/*お知らせ（ticker）*/
.ticker { position: absolute; left:0px; top:302px; width:508px; height:10px; margin: 0 auto; padding:4px 0px 0px 0px; border: #ff9283 2px solid;
	text-align:center; position: relative; overflow: hidden; font-size:1.2em; }
.ticker ul { width: 100%; position: relative; }
.ticker ul li { width: 100%; display: none; }

/*タブ（tab）*/
/*height-15戻すこと*/
span#tab { position: absolute; left:0px; top:400px; width: 512px; height: 167px; visibility: visible; line-height:140%; }

/*タブラベル（menu）*/
.menu { width:501px; height:23px; background:#fcd1d1; float:left; list-style:none; padding:5px 0 0; margin-left:2px;
	text-align:center; display:block; cursor: pointer; }
.menu:first-child { margin-left:0; }
.active, .hover { background-color:#ff9283; color:#000000; }

/*タブ本体（content）*/
/*height-15戻すこと*/

.content { position:relative; top:0px; right:0px; width:1000px; height:78px; border:#ff9283 2px solid; background:#ffffff;
	padding:0px 0px 0px 0px; overflow:auto; }
ul#newslist li a { display:block; margin:0px 0px 0px 0px; padding:3px 0px 1px 0px; background-color:#ffffff; text-decoration:none; }
ul#newslist li a:hover { background-color:#eeeeee; }

/*本日の研修（today）*/
ul#today { margin: 0px; position: absolute;}
.today a:hover { background-color:#eeeeee; }
ul#today { position: absolute; top:560px; width:500px; height:26px; list-style-type:none; display:inline; text-align:center; } 
ul#today a {width:500px;  height:26px; display:block; background-color:#ffffff; padding:3px 0px 0px 0px;
text-align:center; text-decoration:none; color:#000000; overflow: hidden; font-size:1.2em; border: #ff9283 2px solid;}
ul#today a:hover { background-color:#ff9283; border: #ff9283 2px solid;}

/*検索*/
input[type=text] { width:286px; position: absolute; left:361px; top:736px; visibility: visible; }
input[type=submit] { width:90px; height:24px; position: absolute; left:666px; top:737px; visibility: visible; }

/* 右カラム（banner）*/
div#banner { clear:both; position:absolute; margin:0px 14px 7px 770px; float:right; top:95px; width:250px; }
/*学力（gakuryoku）*/
/*div#gakuryoku { width:230px; border: 3px solid #bbbbbb; padding:4px 0px 0px 4px; margin:0px 2px 4px 0px; background-color:#ffffff;
	font-weight:bold; text-align:left; color:#c14f46; font-size:1.67em; } */
/*学力ヘッダー（gakuryoku_header）*/
/*div#gakuryoku_header { width:220px; border: 1px solid black; padding:3px 0px 0px 4px; margin:4px 2px 4px 0px; background-color:#ffffff;
	font-weight:bold; text-align:left; font-size:0.6em; color:#252525; }*/

/*本文（submenu_body）*/


/*
ul#gakuryoku_body { width:226px; padding-bottom:3px; background-color:#ffffff; font-size:0.6em; }
ul#gakuryoku_body li { list-style-type:none;	 display:inline; }
ul#gakuryoku_body li a { width:226px; display:block; margin:2px 0px 0px 0px; padding:1px 0px 0px 0px; background-color:#ffffff; text-decoration:none; }
ul#gakuryoku_body li a:hover { background-color:#eeeeee; }
*/
/* バナーヘッダー（banner_header）*/
/*
div#banner_header { position:absolute; top:257px; color:#252525; width:228px; border: 1px solid black; padding:3px 0px 0px 10px; margin:11px 2px 6px 0px; background-color:#ffffff;
	font-weight:bold; text-align:left; }
*/
/* 教育課題バナー */


ul#consultation_banner { width:240px; height:65px; position:absolute; top:0px; list-style-type:none; display:inline; }
ul#consultation_banner a { width:240px; height:65px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#consultation_banner a:hover { background-color:#3399cc; }


ul#humanrights_banner { width:240px; height:65px; position:absolute; top:75px; list-style-type:none; display:inline; }
ul#humanrights_banner a { width:240px; height:65px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#humanrights_banner a:hover { background-color:#3399cc; }

ul#specialneeds_banner {width:240px; height:65px; position:absolute; top:150px; list-style-type:none; display:inline; }
ul#specialneeds_banner a { width:240px; height:65px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#specialneeds_banner a:hover { background-color:#3399cc; }

ul#othermatters_banner {width:240px; height:65px; position:absolute; top:225px; list-style-type:none; display:inline; }
ul#othermatters_banner a { width:240px; height:65px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#othermatters_banner a:hover { background-color:#3399cc; }


ul#gallery_banner { width:232px; height:61px; position:absolute; top:300px; list-style-type:none; display:inline;border-left: 4px solid #0000cc;border-right: 4px solid #0000cc;}
ul#gallery_banner a { width:232px; height:61px; display:block; background-color:#ffffff; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#0000cc; font-size:16px; line-height:1; }
ul#gallery_banner a:hover { background-color:#eeffc7; }


ul#karinavi_banner { width:232px; height:65px; position:absolute; top:375px; list-style-type:none; display:inline;border-left: 4px solid #0000cc;border-right: 4px solid #0000cc;}
ul#karinavi_banner a { width:232px; height:65px; display:block; background-color:#ffffff; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#0000cc; font-size:16px; line-height:1; }
ul#karinavi_banner a:hover { background-color:#eeffc7; }


ul#libraly_banner { width:232px; height:65px; position:absolute; top:450px; list-style-type:none; display:inline;border-left: 4px solid #0000cc;border-right: 4px solid #0000cc; }
ul#libraly_banner a { width:232px; height:65px; display:block; background-color:#ffffff; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#0000cc; font-size:16px; line-height:1; }
ul#libraly_banner a:hover { background-color:#eeffc7; }

ul#candidate_banner { width:240px; height:65px; position:absolute; top:525px; list-style-type:none; display:inline; }
ul#candidate_banner a { width:240px; height:67px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#candidatet_banner a:hover { background-color:#3399cc; }


ul#gakuryoku_banner { width:240px; height:65px; position:absolute; top:600px; list-style-type:none; display:inline; }
ul#gakuryoku_banner a { width:240px; height:65px; display:block; background-color:#336699; padding:5px 0px 0px 0px;
text-align:center; text-decoration:none; color:#ffffff; font-size:16px; line-height:1; }
ul#gakuryoku_banner a:hover { background-color:#3399cc; }

/* 区切り線（hr）のトップページ独自設定 */
hr {margin:678px 0px 10px 0px;}

/* フッタ（footer）のデフォルト設定 */
div#footer { margin:0px 0px 0px 0px; font-size: small; width: 1025px; }

/* 問い合わせ（inquire） */
p.about { text-align:center; font-size:1.1em; }
	
/* コピーライト（copyright） */
p.copyright { height:18px; text-align:center; background-color:#cccccc; padding:3px 0px 5px 0px; margin:10px 0px 0px 0px;
	font-size:medium; font-weight: bold; }