@charset "utf-8";

/************************************************/
/*------------------------------------------------
* 共通テンプレートの設定
*-----------------------------------------------*/
/************************************************/

/*------------------------------------------------
* タグの基本設定
*-----------------------------------------------*/

/*----- 全要素の初期化 ----*/
html * {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  color: #333;
  background-color: #EEE;
  font-family:" ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  text-align: center;
}

ul {
  list-style: none;
}

img {
  border: 0;
  margin: 0;
}

hr {
  display: none;
}

em {
  font-style: normal;
  font-weight: bold;
}

a { color: #1292C8; text-decoration: none;}
a:hover,a:active { color: #090; text-decoration: underline; }

.clear {
  clear : both;
}

/*------------------------------------------------
* コンテンツ全体の設定
*-----------------------------------------------*/
#container {
  width: 860px;
  margin: 0 auto;
  padding: 5px 8px 5px 10px;
  text-align: left;
  background-color:#FFF;
}

/*------------------------------------------------
* ヘッダーの設定
*-----------------------------------------------*/
#header {
  width: 845px;
  display: inline-table;
}
/*\*/ MAC IE以外対応
#header {
    display: block;
}
/**/

#logo {
  float: left;
}

#header .header_text {
  float: right;
}
/*CSS調整*/
div#header:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html div#header {
  height: 1em;
  overflow: visible;
}
/**/

/*------------------------------------------------
* グローバルナビの設定
*-----------------------------------------------*/
#globalnavi {
  clear: both;
  margin: 10px 0 0 0;
}

#globalnavi ul:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#globalnavi ul { display: inline-block; }
/* MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display: block;}
/* MacIE5 */

#globalnavi li{
  float: left;
}
/* 情報メディアセンターについて */
#globalnavi li.summary a {
  display: block;
  width: 200px;
  height: 32px;
/* これ以降Mac IE 5には適用されません \*/
  overflow : hidden;
  width: 251px;
/* これ以降Mac IE 5にも適用されます */
  text-indent: -1000px;
  background: url(../img/globalnavi_summary.gif) no-repeat top;
}
#globalnavi li.summary a:hover {
  background-position: bottom;
  display: block;
  margin: 0;
  padding: 0;
}

/* 利用案内 */
#globalnavi li.info a {
  display: block;
  width: 117px;
  height: 32px;
/* これ以降Mac IE 5には適用されません \*/
  overflow : hidden;
/* これ以降Mac IE 5にも適用されます */
  text-indent: -1000px;
  background: url(../img/globalnavi_info.gif) no-repeat top;
}
#globalnavi li.info a:hover {
  background-position: bottom;
  margin: 0;
}

/* 端末の利用 */
#globalnavi li.contents a {
  display: block;
  width: 130px;
  height: 32px;
/* これ以降Mac IE 5には適用されません \*/
  overflow : hidden;
/* これ以降Mac IE 5にも適用されます */
  text-indent: -1000px;
  background: url(../img/globalnavi_contents.gif) no-repeat top;
}
#globalnavi li.contents a:hover {
  background-position: bottom;
  margin: 0;
}

/* 学生向けサービス */
#globalnavi li.student a {
  display: block;
  width: 173px;
  height: 32px;
/* これ以降Mac IE 5には適用されません \*/
  overflow : hidden;
/* これ以降Mac IE 5にも適用されます */ 
  text-indent: -1000px;
  background: url(../img/globalnavi_student.gif) no-repeat top;
}
#globalnavi li.student a:hover {
  background-position: bottom;
  margin: 0;
}

/* 教員向けサービス */
#globalnavi li.teacher a {
  display: block;
  width: 200px;
  height: 32px;
/* これ以降Mac IE 5には適用されません \*/
  overflow : hidden;
  width: 170px;
/* これ以降Mac IE 5にも適用されます */ 
  text-indent: -1000px;
  background: url(../img/globalnavi_teacher.gif) no-repeat top;
}
#globalnavi li.teacher a:hover {
  background-position: bottom;
  margin: 0;
}

/*------------------------------------------------
* メニューの設定
*-----------------------------------------------*/
#menus {
  margin: 0;
  padding: 0;
}

#menus .menu {
  padding-top : 24px;
  background: url(../img/side_menu_top.gif) no-repeat;
  border-bottom: solid 5px #A2D5EA;
  background-color: #A2D5EA;
}
.menu li {
  font-size: 75%;
  line-height: 200%;
  border-top: solid 1px #A2D5EA;
  border-left: solid 1px #A2D5EA;
  border-right: solid 1px #A2D5EA;
  background-color: #F0FAFE;
}
.menu li a {
  display: block;
  margin: 0;
  padding : 0 7px;
  _width: 197px;
}
.menu li a:hover { 
  color: #eee;
  background: #49ACD4;
}

/* 下階層のメニュー */
#menus .menu_focus {
  margin-bottom : 20px;
  border-left: solid 1px #92ACE5;
  border-right: solid 1px #92ACE5;
  border-bottom: solid 5px #92ACE5;
}
#menus .title {
  display: block;
  color: #FFFFFF;
  font-size: 90%;
  font-weight: bold;
  padding: 7px 5px 3px 10px;
  background: url(../img/menu_focus_top.gif) no-repeat;
  background-color: #2A61D5;
}

.menu_focus li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 75%;
  line-height: 200%;
  border-bottom: solid 1px #92ACE5;
  background-color: #E7F0FF;
}
.menu_focus li a {
  display: block;
  color : #1A60D2;
  padding : 0 7px;
}
.menu_focus li a:hover { 
  color: #FFFFFF;
  background: #92ACE3;
}

/* カレンダーへのリンク */
ul.calendar_link {
  margin: 20px 0 0 20px;
  padding: 0;
  list-style: square outside url(../img/li.gif);
}
.calendar_link li {
  font-size: 75%;
  margin: 5px 0;
}
.calendar_link li a { color: #2158D0; text-decoration: none;}
.calendar_link li a:hover,a:active { color: #090; text-decoration: underline; }

/*------------------------------------------------
* メインコンテンツの設定
*-----------------------------------------------*/
#main_contents {
  width: 845px;
  margin: 0;
  padding: 10px 0 30px 0;
  display: inline-table;
  border-bottom: solid 3px #49ACD4;
}
/*\*/ MAC IE以外対応
#main_contents {
    display: block;
}
/**/
/*CSS調整*/
div#main_contents:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html div#main_contents {
  height: 1em;
  overflow: visible;
}
/**/

#main_contents .crumbs{
  padding : 0 60px 0 230px;
  font-size: 70%;
  margin-bottom: 20px;
}

#left_contents {
  float: left;
  width: 199px;
  margin: 0;
  padding: 0;
}

#right_contents {
  float: left;
  width: 603px;
  margin: 2px 0 0 20px;
  padding: 0;
}

#right_contents a { color: #1292C8; text-decoration: underline;}
#right_contents a:hover,a:active { color: #090; text-decoration: underline; }
#right_contents a:visited { color: #551A8B; }

#right_contents h1 {
  font-size: 95%;
  color :#2158D0;
  width: 603px;
  line-height: 27px;
  margin: 0 0 20px 0;
  padding: 3px 6px;
  background: url(../img/h1.gif) no-repeat center left;
}

#right_contents h2 {
  clear: both;
  margin:20px 25px 5px 10px;
  font-size: 80%;
  color :#333;
  padding: 3px 10px;
  width: 570px;
  line-height: 20px;
  background: url(../img/h2.gif) no-repeat center left;
}

#right_contents h3 {
  clear: both;
  margin:10px 37px 5px 20px;
  padding: 0 5px;
  font-size: 80%;
  font-weight: bold;
  border-left : 4px solid #A2D5EA;
  border-bottom : 1px solid #A2D5EA;
}

#right_contents .newsListLink {
  text-align: right;
  font-size: 80%;
}

#right_contents p {
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  font-size: 75%;
}

#right_contents .desc {
  margin: 5px 0 30px 0;
  padding: 5px 20px;
  font-size: 100%;
  border : 2px solid #A2D5EA;
}

#right_contents .annotation {
  color : red;
}

#right_contents .underline {
  text-decoration: underline;
} 

#right_contents img {
  margin:  0 0 0 20px;
}

#right_contents dl {
  margin: 5px 10px 20px 20px;
}

#right_contents dt {
  font-weight : bold;
  font-size:80%;
}

#right_contents dd {
  font-size:75%;
}

/*  テーブル  */
#right_contents table {
  border : solid 1px #777;
  margin: 5px 10px 10px 20px;
  border-collapse : collapse;
  vertical-align : middle;
}
#right_contents th{
  border : solid 1px #999;
  font-size: 75%;
  padding :2px;
  background-color: #EDF0F2;
}
#right_contents td{
  border : solid 1px #666;
  font-size: 75%;
  padding :3px;
}

/* 左に画像、右に文章のレイアウト */
#right_contents .image_left {
  width: 603px;
  margin-bottom :20px; 
}
#right_contents .image_left:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#right_contents .image_left { display: inline-block; }
/* MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* MacIE5 */
#right_contents .image_left img{
  float: left;
}
#right_contents .image_left p{
  float: left;
  width: 350px;
}

/* 右に画像、左に文章のレイアウト */
#right_contents .image_right {
  width: 603px;
  margin-bottom :20px; 
}
#right_contents .image_right:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#right_contents .image_right { display: inline-block; }
/* MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* MacIE5 */
#right_contents .image_right img{
  float: left;
}
#right_contents .image_right p{
  float: left;
  width: 350px; 
}
/* レイアウトが文章で無かった場合 */
#right_contents .image_right .left{
  float: left;
  width: 350px; 
}

/* TOPページの連絡先レイアウト */
#right_contents .contact {
  width : 570px;
  margin: 15px 15px 0px 15px;
  padding: 10px;
  background-color: #F0FAFE;
}
#right_contents .contact .right{
  float: right;
  margin: 0 0 10px 0;
}
#right_contents .contact .left{
  float: left;
  margin: 0 0 10px 0;
}
#right_contents .contact .clear{
  clear: both;
}
#right_contents .contact dl{
  margin: 0;
  padding: 0;
}

/*------------------------------------------------
* フッターの設定
*-----------------------------------------------*/
#footer {
  clear: both;
  width: 845px;
  margin: 0;
  padding: 0;
}

#footer .f_navi {
  float: left;
  padding: 3px 10px;
  color: #1292C8;
}
#footer .f_navi li{
  float: left;
  font-size: 80%;
}

/*-----コピーライトの設定----*/
#footer .copyright { 
  float: right;
  color: #333;
  font-size: 70%;
  padding: 3px 10px;
}
/*CSS調整*/
#footer:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html #footer {
  height: 1em;
  overflow: visible;
}
/**/

/*------------------------------------------------
* ページ毎の設定
*-----------------------------------------------*/
/* 黒丸リスト */
ul.list {
  margin-left: 60px;
  padding: 0;
  list-style: outside disc;
}

.list li {
  font-size: 75%;
  margin: 5px 0;
}
.list li a { color: #2158D0; text-decoration: none;}
.list li a:hover,a:active { color: #090; text-decoration: underline; }

/* 2階層リスト */
ul.innerList {
  margin-left: 20px;
  padding: 0;
  list-style: outside disc;
}
.innerList li {
  font-size: 100%;
  margin: 5px 0;
}
.innerList li a { color: #2158D0; text-decoration: none;}
.innerList li a:hover,a:active { color: #090; text-decoration: underline; }

/* PDFリスト */
ul.pdf {
  margin-left: 60px;
  padding: 0 0 0 5px;
  list-style: square outside url(../img/pdf.gif);
}

.pdf li {
  font-size: 75%;
  margin: 5px 0;
}
.pdf li a { color: #2158D0; text-decoration: none;}
.pdf li a:hover,a:active { color: #090; text-decoration: underline; }

/* theme_index */
.theme_index {
  margin: 20px 40px;
  padding: 0 0 0 5px;
  list-style: square outside url(../img/arrow.gif);
}

.theme_index li {
  font-size: 75%;
  margin: 25px 0;
  border-bottom : 2px solid #1092CC;
}

#right_contents ul.theme_index li a { 
  color: #1092CC;
  text-decoration: none;
  font-size: 120%;
}
.theme_index li a:hover,a:active { 
  color: #090;
  text-decoration: none;
}

/* 連番リスト */
ol {
  margin-left: 60px;
  padding: 0 0 0 5px;
}

ol li {
  font-size: 75%;
  margin: 5px 0;
}
ol li a { color: #2158D0; text-decoration: none;}
ol li a:hover,a:active { color: #090; text-decoration: underline; }

/* floormap */
.floormap {
  width: 603px;
  padding : 0;
}

.floor:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.floor { display: inline-block; margin: 10px 0;}
/* MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* MacIE5 */

.floor dt {
  float: left;
  width: 300px;
}
.floor dd {
  float: right;
  width: 270px;
  margin: 5px 0;
}

/*  ハードウェア・ソフトウェアのテーブル  */
table.hard {
  border : solid 1px #777;
  margin: 5px 10px 40px 20px;
  border-collapse : collapse;
  vertical-align : middle;
}

.hard th{
  border : solid 1px #999;
  font-size: 75%;
  padding :2px;
  background-color: #EDF0F2;
}
.hard td{
  border : solid 1px #666;
  font-size: 75%;
  padding :3px;
  text-align : center; 
}

table.soft {
  border : solid 1px #777;
  margin: 5px 10px 40px 20px;
  border-collapse : collapse;
  vertical-align : middle;
}
.soft th{
  border : solid 1px #999;
  font-size: 75%;
  padding :2px;
  background-color: #EDF0F2;
}
.soft td{
  border : solid 1px #666;
  font-size: 75%;
  padding :3px;
  text-align : left; 
}

/* カレンダー */
table.calendar {
  width : 550px;
  margin-left:20px;
  padding: 0;
}
table.calendar th {
  text-align : center;
}
table.calendar td {
  text-align : center;
}
/*  カレンダーの色指定  */
ul.calendar_color_list {
  margin: 5px 40px;
  padding: 0;
}
.calendar_color_list li.green{
  font-size: 75%;
  margin : 5px 0;
  padding : 0 5px;
  list-style: square outside url(../img/green.gif);
}
.calendar_color_list li.blue{
  font-size: 75%;
  margin : 5px 0;
  padding : 0 5px;
  list-style: square outside url(../img/blue.gif);
}
.calendar_color_list li.yellow{
  font-size: 75%;
  margin : 5px 0;
  padding : 0 5px;
  list-style: square outside url(../img/yellow.gif);
}
.calendar_color_list li.red{
  font-size: 75%;
  margin : 5px 0;
  padding : 0 5px;
  list-style: square outside url(../img/red.gif);
}
.calendar_color_list li.orange{
  font-size: 75%;
  margin : 5px 0;
  padding : 0 5px;
  list-style: square outside url(../img/orange.gif);
}
table.calendar td.green {
  background-color : #80FF80;
}
table.calendar td.blue {
  background-color : #66CCFF;
}
table.calendar td.yellow {
  background-color : #FFFF99;
}
table.calendar td.red {
  background-color : #FF9999;
}
table.calendar td.orange {
  background-color : #FFA500;
}