@charset "utf-8";

*{
  margin:0;
  padding:0;
}

/* 全般設定 */
body{
  color:#000;
  background-color:#fff;
  font-size:14px;
  text-align:left;
  font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
}

img{
  border:0;
}

.floatright{
  float:right;
}

.floatleft{
  float:left;
}

.clearright{
  clear:right;
}

.clearleft{
  clear:left;
}

/* 個別タグ・エリア設定 */

div#topHeader{
  text-align:left;
  height:50px;
  width:930px;
  border-style:none;
  background-color:#fff;
}

div#topHeader h1{
  color:#00f;
  text-align:right;
  font-size:14pt;
  background-image: url("./images/title.gif");
  background-repeat:no-repeat;
  height:50px;
  margin: 0;
  padding: 0px;
  /*
  text-indent:-9999px;
  */
}

div#mainFrame{
  margin-left:158px;
  width:772px;
  background-color:#fff;
}

div#mainContent{
  width:595px;
  background-color:#fff;
  /* background-image: url(./images/vlogo.gif);
  background-position: left top;
  background-repeat: repeat-y; */
  float:left;
}


div#rightBar{
  text-align:right;
  width:175px;
  background-color:#fff;
  float:right;
}

/* フッター */
div#baseFooter{
  border-width: 1px 0 0 0;
  border-style: dashed;
  border-color:#ccc;
  width:766px;
  background-color:#eee;
  text-align:center;
  font-size:10pt;
  padding:3px;
  float:left;  
}

/* トップナビの配置 =========================== */
div#TopNavigation{
  width:930px;
  height:22px;
  border-width:1px 0 1px 0;
  border-color: #fff;
  border-style:solid;
  background-color:#009;
  margin:0;
  padding:0;
}

div#TopNavigation ul li{
  list-style-type: none;
  text-align: left;
  color:#fff;
  font-size:12px;
  width: auto;
  margin:0px;
  background-color:#fff;
  float: left;
}


div#TopNavigation ul li a{
  display:block;
  list-style-type: none;
  width:130px;height:14px;
  text-align:center;
  padding:4px 0;
}

div#TopNavigation ul li a.topnavilist{
  color:#fff;
  background-color:#009;
  text-decoration:none;
}

div#TopNavigation ul li a.topnavilist:hover{
  color:#333;
  background-color:#fff;
}


/* サイドナビゲーションのリンク ==============================  */
div#sideBar{
  position:absolute;
  color:#fff;
  left:0px;
  top:74px;
  width:158px;
  background-color:#fff;
}

div#sideBar ul li{
  list-style-type: none;
  font-size:12px;
  border-width:0 1px 1px 1px;
  border-style:solid;
  padding:0;
  margin:0;
}

div#sideBar ul li#annai{
  color:#fff;
  border-width: 1px;
  border-style:solid;
  border-color: #99f #99f #ccc #99f;
  background-color:#99f;
  padding:5px;
}

div#sideBar ul li#hiroba{
  color:#fff;
  border-width: 1px;
  border-style:solid;
  border-color: #f99 #f99 #ccc #f99;
  background-color:#f99;  
  padding:5px;
}

div#sideBar ul li#ryugaku{
  color:#fff;
  border-width: 1px;
  border-style:solid;
  border-color: #fc6 #fc6 #ccc #fc6;
  background-color:#fc6;  
  padding:5px;
}

div#sideBar ul li a{
  display:block;
  border-width: 0 1px 1px 1px;
  border-style:solid;
  border-color: #fff #ccc #ccc #ccc;
  padding: 5px 5px 5px 13px;
  text-decoration:none;
  width:138px;
  margin:0 -1px;
}

a.sideNavi{
  color:#000;
  background-color:#fff;
}

a.sideNavi:hover{
  color:#fff;
  background-color:#aaa;
}

/*  ========コンテンツ関連========== */
/*  ========コンテンツ関連=ヘッダーH１～６========= */
div#mainContent h1{
  background-color:#ffe;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 1px 1px 1px 15px;
  border-color: #f90;
  border-style: solid;
  font-size: 16pt;
  margin: 20px 10px 10px 10px;
  padding: 5px 0 2px 10px;
}

div#mainContent h2{
  background-color:#eee;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 0 0 1px 10px;
  border-color: #ccc #ccc #ccc #00f;
  border-style: solid;
  font-size: 14pt;
  margin: 20px 10px 10px 25px;
  padding: 5px 0 2px 10px;
}

div#mainContent h3{
  background-color:#fee;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 0 0 1px 10px;
  border-color: #ccc #ccc #ccc #f00;
  border-style: dashed dashed dashed solid;
  font-size: 12pt;
  margin: 15px 10px 5px 35px;
  padding: 4px 0 0 10px;
}

div#mainContent h4{
  background-color:#fff;
  background-repeat:repeat;
  font-weight: bold;
  line-height: normal;
  border-width: 0 0 0 0;
  border-color: #ccc #ccc #ccc #f00;
  border-style: dashed dashed dashed solid;
  font-size: 11pt;
  margin: 10px 10px 5px 40px;
  padding: 4px 0 0 10px;
}


/*  ========コンテンツ関連=リスト、段落（P）========= */

div#mainContent li{
  margin: 0 0 0 60px;
  line-height: 14pt;
  font-size:11pt;
  list-style-image: url("./images/btn.gif");
}


div#mainContent p{
  /* text-indent:10px; */
  background-color:#fff;
  font-weight: normal;
  line-height: 15pt;
  border-width: 0px;
  font-size: 11pt;
  margin: 5px 10px 20px 10px;
  padding: 5px 10px 5px 35px;
}

div#mainContent p img{
  margin:5px;
}

div#mainContent p img.works{
  margin:0;
  border-width: 5px;
  border-color:#f90;
  border-style: solid; 
}

/* パンくずリスト、日付 */
div.pankuzu{
  background-color:#fff;
  font-family: "ＭＳ Ｐゴシック",sans-serif; 
  font-size: 10pt;
  margin: 0em 1em 1em 1em;
  padding: 5px 5px 5px 10px;
}

#writedate{
	text-align:right;
	font-size:12px;
	clear:both;
}

/* メインコンテンツの中の小さなボックス定義================= */

div#mainContent div.inner_box{
  clear:left;
  margin:5px 5px 5px 40px;
}

div#mainContent div.inner_left{
  padding:0;
  margin-right: 15px;
  border-width:1px;
  border-color: #000 #000 #ccf #ccf;
  float:left;
  width:250px;
  background-color: #fff;
}

div#mainContent div.inner_box h2{
  margin:0;
  padding: 2px 2px 2px 20px;
  border-width:1px;
  border-style:solid;
  border-color: #009;
  background-color:#009;
  color: #fff;
  width:226px;
  font-size:11pt;
}

div#mainContent div.inner_box p{
  margin:0;
  padding: 3px;
  font-size:10pt;
}

/* テーブル ================== */
div#mainContent table.class_table{
  margin: 10px 10px 5px 50px;
  border-collapse:collapse;
  border-spacing:2px;
  border-style:solid;
  border-width:1px;
  border-color:#666;
  font-size:11pt;
  color:#333;
}
div#mainContent table.class_table tr,td{
  padding:2px;
  text-align:left;
  vertical-align:top;
  border:1px solid #666;
}

div#mainContent table.class_table th{
  padding:2px;
  text-align:center;
  background-color:#ff9;
}

/* テーブル 時間割用================== */
div#mainContent table.class_timetable{
  text-align:center;
  margin: 10px 10px 5px 50px;
  border-collapse:collapse;
  border-spacing:2px;
  border-style:solid;
  border-width:1px;
  font-size:11pt;
  color:#333;
}
div#mainContent table.class_timetable tr,td{
  padding:2px;
  vertical-align:top;
  border:1px solid #ccc;
}

div#mainContent table.class_timetable th{
  padding:2px;
  text-align:center;
  background-color:#ffc;
}

div#mainContent table.class_timetable td.spot{
  background-color:#cfc;
}