/*
Theme Name: Sozan Highschool
Theme URI: http://bytes.jp/
Description: Sozan Highschool
Author: Sozan Highschool
*/

body	{
	margin: 0;
	padding: 0;
	background:#F3F1EF none repeat scroll 0 0;
        font-size: 100%;
	}

#main	{
	/* background-color: #FFFFBF; */
	padding: 10px 5px 1px;
        /* border-top:1px solid #442B27; */
	}

a	{
	/* color: #00a0c6; */
        text-decoration: none;
	}

#wrap   {
        background:#FFFFFF none repeat scroll 0 0;
        border-left:1px solid #C2C2C2;
        border-right:1px solid #C2C2C2;
        margin:0 auto;
        /*padding:5px 10px 0;*/
        position:relative;
        text-align:left;
        width:800px;
}

/* ++++++ ヘッダー部分のデザイン ++++++ */

#header {
        /* border-bottom:1px solid #C2C2C2; */
        border-bottom: 3px solid #FF9090;
        border-top: 5px solid #FF9090;
        /* background-color: #FFE9E6; */
        margin: 0px;
        padding: 5px;
        /* height: 120px; */
}

#header h1	{
	margin: 0;
        display: block;
        float: left;
	}

#header h1 img	{
	border: none;
	margin: 5px 0px;
        vertical-align: top;
	}

#header ul	{
	/* background-color: #FFE9E6; */
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	/* height: 1.8em; */
	font-size: 0.75em;
	}

#header li	{
	text-align: center;
	/* border-right: solid 1px #C2C2C2; */
        /* background-color: #E2E2E2; */
        width: 125px;
        height: 25px;
	float: left;
        margin: 0 1px 0 1px;
	line-height: 25px;
	}

#header li a	{
	display: block;
	width: auto;
        margin: 0 1px 0 1px; 
	text-decoration: none;
	color: #222222;
	}

#header li a:hover	{
        color: #00A0FF;
	}
/*
#header li:hover {
        background-color: #D2D2C2;
}
*/

#header li.page_item {
        background-image:url(http://www.sozan.okayama-c.ed.jp/images/smenu1.png);
        background-repeat:no-repeat;
        background-position:center left;
}

#header li.page_item:hover {
        background-image:url(http://www.sozan.okayama-c.ed.jp/images/smenu3.png);
}

#header li.page_item a	{
        margin-left: 0px;
        width: 125px;
        color: #373F9C;
}

#header li.current_page_item,
#header li.current_page_ancestor,
#header li.current_page_item:hover,
#header li.current_page_ancestor:hover {
        background-image:url(http://www.sozan.okayama-c.ed.jp/images/smenu2.png);
}

#header address	{
	font-size: 0.75em;
	font-style: normal;
	text-align: right;
	}

#header #title-photo{
        position: absolute;
        top: 5px;
        right: 5px;
}

#title {
        border-bottom: 1px solid #FF9090;
}

#titlelink { /*通信制と中学校のリンク用 */
        float: left;
}

/* +++ トップリンク +++ */
#toplink {
        margin-top: 5px;
        float: right;
        font-size: 0.85em;
}

#toplink img, #menu1 img, #topnews img{
        margin-right: 2px;
        vertical-align: text-bottom;
        border:0px;
}

/* ++++++ メニュー +++++++ */
#menu {
        width: 770px;
        margin: 0 auto 0 auto;
        padding: 0 auto 0 auto;
}

#menu1 {
        margin-left: 10px;
        margin-top: 5px;
        float: left;
        font-size: 0.85em;
}

/* ++++++ トップページのデザイン ++++++ */

#top	  {
	  background-color: #ffffff;
	  position: relative;
	  top: 0;
	  left: 0;
	  }

#topimg	  {
	  margin: 5px 0 0 0;
        float: left;
        display: inline;
	}

#message	{
		position: absolute;
		top: 150px;
		left: 530px;
		width: 240px;
		margin: 0;
		font-size: 1.5em;
		line-height: 1.5em;
        border-bottom: 5px solid #A0FF40;
	}

.toplist {
        float: left;
        margin: 1px 6px;
        width: 250px;
}

.toplist h2 {
        margin: 0px;
        /* width: 240px; */
        /* height: 1.2em; */
        /* background-image:url(images/top-menu-button.png); */
        background-color: #0039AB;
        text-align: center;
        font-size: 1em;
}

.toplist h2 a {
        margin-left: 5px;
        color: #ffffff;
        /* font-size: 1em; */
        height: 1.2em;
}

.toplist ul {
        margin-top: 5px;
}


/* ++++++ パンくずリンクのデザイン ++++++ */

#bread	  {
	  margin: 0;
	  /* font-size: 0.75em; */
	  font-weight: bold;
        text-align: right;
	}

/* ++++++ コンテンツ部分のデザイン ++++++ */

.editlink {
        float: right;
}

#main	{
	width: 780px;
	margin: 0px;
	}

#post h2, #monthpost h2	{
        /* background-image: url(images/bar.png);
	background-repeat: no-repeat; */
	color: #000000;
        margin-top: 5px;
        border-bottom:4px solid #80A0FF;
        border-left: 6px solid #80A0FF;
	font-size: 1.2em;
	padding: 3px 5px 0px;
	}

#post h3, #monthpost h3    {
        text-align: center;
        border-bottom:4px solid #A0FF40;
}

#post h3.noline, #monthpost h3.noline {
        border-bottom:0px;
}

#post h3.nolineleft {
        border-bottom:0px;
        text-align: left;
}

#post {
      font-size: 0.85em;
      line-height: 150%;
      }

#wrap img   {
        border: none;
}

#post	{
	padding-right: 10px;
	width: 580px;
	float: right;
	}

#sidebar	{
		float: left;
        width: 170px;
	/* padding: 5px 1px 18px 5px; */
        padding: 0px 0px 18px 0px;
        margin-left: 5px;
        margin-right: 5px;
        border:1px solid #C2C2C2;
	}

#sidebar ul {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        /* margin: 5px 5px 18px; */
        margin: 0px;
        padding: 0px;
        }

#sidebar li {
        padding: 0px;
        margin-left: 5px;
        line-height: 0;
        }

#sidebar li.page_item {
        margin-left: 1em;
}

#sidebar li a	{
	 display: block;
	 text-decoration: none;
	 color: #333333;
        background:transparent url(images/arrow_grey.gif) no-repeat scroll 95% 50%;
        position: relative;
        line-height: 1.8em;
	}

#sidebar li a:hover	{
	 color: #00A0C6;
        background:transparent url(images/arrow_blue.gif) no-repeat scroll 95% 50%;
	}

#sidebar li.current_page_item > a {
        background:transparent url(images/arrow_blue.gif) no-repeat scroll 95% 50%;
}

/*#sidebar li.page_item {
        background-image:url(images/square-db-gray-13.png);
        background-repeat:no-repeat;
        background-position:center left;
        list-style:none;
}

#sidebar li.page_item:hover {
        background-image:url(images/square-db-liteblue-13.png);
}

#sidebar li.current_page_item,
#sidebar li.current_page_ancestor,
#sidebar li.current_page_item:hover,
#sidebar li.current_page_ancestor:hover {
        background-image:url(images/square-db-blue-13.png);
}

#sidebar li.page_item a {
        margin: 0 0 0 1em;
}*/

#sidebar li#sidebartop {
        border-bottom: 1px solid #C2C2C2;
        background-color: #E2E2E2;
        padding-left:5px;
        margin-left:0px;
}

#sidebar li#sidebartop a {
        color: #000000;
        padding-left: 0px;
}

#sidebar li#sidebartop a:hover	{
	 color: #00A0C6;
	 }

.author {
        font-weight: bold;
        text-align: right;
}

.date {
        text-align: right;
}

span.date {
        font-weight: bold;
}

p.centerlargebold {
        font-weight: bold;
        font-size: large;
        text-align: center;
}

div.figure-right {
        float: right;
        margin: 10px 5px 10px;
}

div.figure-left {
        float: left;
        margin: 10px 5px 10px;
}

div.figure {
        margin:10px auto 15px;
        text-align:center;
}

div.figure p {
        margin-top: 5px;
        display:block;
        
}

table.figure, table.line, table.enkaku {
    /* width: 580px; */
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px auto 15px;
}

table.figure td {
    padding: 0px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
    font-size: 0.85em
}

#wrap table.figure img {
    display: block;
}

table.line td, table.line th {
    padding: 2px 4px;
    border: 1px #000000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}


/*   テーブル用CSS   */

table.enkaku th, table.enkaku td{
    padding: 2px 4px;
    border: 1px #000000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table.enkaku tr > td:first-child {
    text-align: center;
}

/* 合格者数テーブル用 */
table.koku, 
table.pub, 
table.priv, 
table.etc {
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px 5px 15px 5px;
    background: #FFFFFF;
}

table.koku col.number,
table.pub col.number,
table.priv col.number,
table.etc col.number {
   text-align: left;
   width: 40px;
}

table.koku th,
table.pub th,
table.priv th,
table.etc th {
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

table.koku col.name,
table.pub col.name,
table.priv col.name,
table.etc col.name {
   width: 135px;
   text-align: left;
}

table.koku th,
table.koku col.name {
   background: #ffc0cb;
   border: 1px #000000 solid;
   border-collapse: collapse;
   border-spacing: 0;
}

table.pub th,
table.pub col.name {
   background: #e0eeee;
   border: 1px #000000 solid;
   border-collapse: collapse;
   border-spacing: 0;
}

table.priv th,
table.priv col.name {
   background: #badcad;
   border: 1px #000000 solid;
   border-collapse: collapse;
   border-spacing: 0;
}


table.etc th,
table.etc col.name {
   background: #d4ffcc;
   border: 1px #000000 solid;
   border-collapse: collapse;
   border-spacing: 0;
}


table.koku td {
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px auto 15px;
    background: #FFFFFF;
    text-align: right;
}
table.pub td {
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px auto 15px;
    background: #FFFFFF;
    text-align: right;
}
table.priv td {
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px auto 15px;
    background: #FFFFFF;
    text-align: right;
}
table.etc td {
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px auto 15px;
    background: #FFFFFF;
    text-align: right;
}

/* 合格者数テーブル用終わり */


/*　　カリキュラムテーブル　　*/

table.curri {
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px 5px 5px 5px;
    bgcolor: #FFFFFF;
}

table.curri th {
    border: 1px #ffffff solid;
    text-size: 0.5em;
    width: 17px;  
    text-align: center ;　
} 


table.curri td {
    border: 1px #000000 solid;
    text-size: 0.5em;
    width: 17px;  
    text-align: center ;
    padding: 2em  ;
    　
}



/*  　カリキュラムテーブル終わり　*/



/*　　未来航路年間計画テーブル　　　　　　*/

table.mirai  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
/*     width: 570px;  */
     border-collapse: collapse;
     border: solid 1px #999999;
     font-size: 0.8em;
}

table.mirai caption  {
     margin-top: 1em;
     text-align: left;
}

table.mirai th, table.mirai td  {
     border: solid 1px #999999;
     padding: 2px 2px;
}

table.mirai th {
     background: #e6e6e6;
     text-align: nowrap;
}

table.mirai td.term,
table.mirai td.month   {
     text-align: center;
     white-space: nowrap;
}     

table.mirai td.day  {
     text-align: right;
     white-space: nowrap;
}

table.mirai td.theme,
table.mirai td.content  {
     text-align: left;
     white-space: nowrap;
} 

/*　　未来航路年間計画テーブル終わり　　　*/



/*     修学旅行・学園祭などのtable　　　*/
/*    背景色でセルを表す　  width: 570　　*/
table.joy  {
     margin-top: 2em;
     margin-bottom: 0.5em;
     border-collapse: separate;
     border-spacing: 15px 0px;
     font-size: 95%;
     vertical-align:top;
}

table.joy td {
     padding: 8px 10px;
     background-color: #e1f3ee;
     white-space: normal;
     font-weight: bolod;
     color: #524e4d;    
}
/*     修学旅行・学園祭などのtable　終わり　　　*/

/*    罫線の見えない表　fontsize 95%　　*/
table.noline  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     border-collapse: separate;
     font-size: 95%;
     border-spacing: 1px;
     vertical-align: top;
}

table.noline td {
     padding: 1px 1px;
     text-align: left;
     font-size: 95%;
     white-space: normal;
     color: #2b2b2b; 
     vertical-align: top;
}
/*     罫線の見えない表　fontsize 95%　終わり　　*/

/*    罫線の見えない表　fontsize 110%　　*/
table.lnoline  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     width: 570;
     border-collapse: separate;
     border-spacing: 1px;
     vertical-align: top;
}

table.lnoline td {
     padding: 1px 1px;
     text-align: left;
     white-space: nowrap;
     color: #2b2b2b; 
     vertical-align: top;
}
/*     罫線の見えない表　fontsize 110%終わり　　*/



/*    投稿　罫線の見えない表　fontsize 85%　　*/
table.honor  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     font-size: 85%;
     border-collapse: separate;
     border-spacing: 1px;
     vertical-align: top;
}

table.noline td {
     padding: 3px 3px;
     text-align: left;
     white-space: normal;
     color: #2b2b2b; 
     vertical-align: top;
}
/*     投稿　罫線の見えない表　終わり　　*/


/*    罫線の見えない表　fontsiza100%　　*/
table.noline100  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     border-collapse: separate;
     border-spacing: 1px;
     vertical-align: top;
}

table.noline100 td {
     padding: 1px 1px;
     text-align: left;
     white-space: normal;
     vertical-align: top;
     empty-cells: show;
}

/*     罫線の見えない表　fontsize 100%　終わり　　*/


/*    what's what　囲み記事　　　　*/


table.kakomi  {
     margin-top: 0.2em;
     margin-bottom: 1em;
     border-collapse: collapse;
     border: solid 1px #999999;
     font-size: 0.8em;
}

table.kakomi td {
     padding: 2px ;
     text-align: left;
     white-space: nowrap;
     color: #203744; 
     vertical-align: top;
}

/*　　what's what　囲み記事　終わり*/




/* 　　 学校評価　　　　*/

table.feedback {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.feedback caption {
  margin-top: 1em;
  text-align: left;
}

table.feedback th,
table.feedback td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.feedback th {
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.feedback td.course {
  text-align: center;
  font-weight: bolder;
}

table.feedback td.mark {
  text-align: right;
  width:25px ;
}

/*　　　学校評価　終わり　　　*/



/*　　　説明会　始め　　　*/

table.setumeikai {
　border : solid 2px #999999 ;
  border-collapse: collapse;
 }
 

table.setumeikai th {
  border-bottom : solid  2px  #999999;
  padding : 1em;
  text-align : center ;
}

table.setumeikai td {
  border-bottom: solid  1px #999999;
  padding : 5em 2em ;
  }

/*　　　説明会　終わり　　　*/








/*　　　ページでのリスト設定　　　*/

ul.norm li {
  font-size : 0.5 ;
}

/*　　　リスト　終わり　　　*/


/*　　　栄光の記録　リスト　　　*/

ul.glory > li {
      margin-top: 5px;
}

ul.glory li.chiku, ul.glory span.chiku {
/*    color: #00EE22; */
color: #008CFF;
}

ul.glory li.zenkoku, ul.glory span.zenkoku {
    color: #FF4B00;
}

ul.glory li.world, ul.glory span.world {
    color: #a300a3;
}

ul.glory span.chiku:before, ul.glory span.zenkoku:before, ul.glory span.world:before {
    content: ">>";
}

#link	{
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 0.75em;
	}

#link th, #link td	{
      text-align: left;
      padding: 10px 5px;
      border: solid 1px #00a0c6;
      }

#link th	{
      width: 100px;
      background-color: #88c0ff;
      }

#link a	{
      text-decoration: none;
      color: #000000;
      }

#link a:hover	{
      color: #00657d;
      }

/* ++++++ sitemap +++++ */
/*
#sitemap ul {
}

#sitemap ul li {
	 float: left;
        width: 170px;
}

#sitemap ul li ul{
        width:150px;
        padding-left: 20px;
}

#sitemap ul li a {
        display: block;
}

#sitemap ul li ul li {
        float:none;
        width: auto;
}*/

.sitemaplist {
        float: left;
        width: 250px;
        margin: 1px 4px 10px 4px;
}


.sitemaplist h2 {
        margin: 0px;
        text-align: left;
        font-size: 1em;
        border-left: 6px solid #80A0FF;
        border-bottom: 1px solid #80A0FF;
        padding-left: 3px;
}

.sitemaplist ul {
        margin-top: 5px;
}

/* ++++++ フッター部分のデザイン ++++++ */

#footer	  {
	  padding: 10px 20px;
        border-top:1px solid #C2C2C2;
	}

#footer address	{
	font-size: 0.65em;
	font-style: normal;
	text-align: right;
	}
#footer p {
        margin: 0;
        font-size: 0.75em;
        font-style: normal;
        text-align: right;
}

/* ++++++ ニュースコンテンツのデザイン ++++++ */

span.next {
     float: right;
}

.new {
     color: #ff0000;
     font-weight: bold;
}

#hotnews {
       /* position: absolute;
       top: 5px;
       left: 590px; */
       width: 200px;
       float: left;
       margin: 5px 0px 5px 5px;
       display: inline;
}

#topnews	{
		/*position: absolute;
		top: 150px;
		left: 5px; */
        float: left;
	width: 238px;
        /* height: 335px; */
        margin: 5px;
        display: inline;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
	}

#topnews .more {
        text-align: right;
        padding: 0;
}

#topnews div.newshead {
        text-align: center;
        padding: 0;
}

#topnews div.newshead h2 {
	 margin: 0;
	 padding: 3px;
	 /* background-color: #80A0FF; */
        background-color: #4F82C8;
	color: #000000;
	font-size: 1em;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        /* border-left: 1px solid #000000; */
        font-weight: normal;
	}

#topnews div.lowerhead {
        text-align: center;
        padding: 0;
}

#topnews div.lowerhead h2 {
	 margin: 0;
	 padding: 3px;
	 background-color: #FC4A4A;
	 color: #000000;
	 font-size: 1em;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        /* border-left: 1px solid #000000; */
        font-weight: normal;
	}

#hotnews h2 {
	 margin: 0;
	 padding: 3px;
	 background-color: #FFBF00;
	 color: #000000;
	 font-size: 1em;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-left: 1px solid #000000;
        font-weight: normal;
	}

#hotnews div {
   	 border: solid 1px #000000;
        background-color: #fffacd;
        color: #191970;
        padding: 5px;
	font-size: 0.9em;
}

#topnews div {
	 /* border: solid 1px #000000; */
	 overflow: auto;
	 font-size: 0.9em;
        padding: 5px;
	}

#topnews ul, #hotnews ul {
	 margin: 5px 0px;
	 padding-left: 15px;
	 }

#topnews li {
        line-height: 0;
}

#topnews li {
        line-height: normal;
}

/*
#topnews ul a	{
	 color: #000000;
	 }
*/

#ep	{   /* Emargency Page */
        float: left;
	width: 781px;
        margin: 5px 5px 0 5px;
        padding: 0 1px 1px 5px;
        display: inline;
        border: 1px solid #000000;
	}

#ep h2 {
       color: #95483f;
       font-size: 1em;
       margin-top: 2px;
       margin-bottom: 2px;
}

#ep div {
      font-size: 0.8em;
}

#monthmain	{
		background-color: #ffffff;
		}


#monthmain	{
		background-color: #ffffff;
		background-image: url(images/sidebar.gif);
		background-repeat: repeat-y;
		padding: 0px 0 1px;
		}

#monthsidebar	{
		background-image: url(images/sidebar.gif);
		background-repeat: repeat-y;
		background-color: #ffffff;
		width: 170px;
		float: left;
		font-size: 0.85em;
		}

#monthcontent	{
		width: 570px;
		float: right;
		margin-left: 20px;
        margin-right: 5px;
	padding-bottom: 20px;
	}

#monthmain .clear	{
	   background-image: url(images/sidebar.gif);
	   background-repeat: repeat-y;
	   }


#monthsidebar ul	{
	      list-style-type: none;
	      margin: 0;
	      padding: 0;
	      }

#monthsidebar li strong	{
	      display: block;
	      padding: 10px 20px;
	      }

#monthsidebar li li	{
	      padding: 5px 5px 5px 20px;
	      background-image: url(images/mark.gif);
	      background-repeat: no-repeat;
	      background-position: 10px 10px;
	      }

#monthsidebar li li a	{
	      color: #000000;
	      text-decoration: none;
	      border-bottom: dotted 1px #ffffff;
	      }

#monthsidebar li li a:hover	{
	      color: red;
	      }


#monthcontent #bread	{
	      margin-top: 10px;
	      text-align: right;
        font-size: 0.8em;
	}

#monthcontent #date	{
	      font-size: 0.75em;
	      font-weight: bold;
	      font-family: Verdana, Helvetica, sans-serif;
	      color: #69d600;
	      }

#monthcontent #date img	{
	      vertical-align: middle;
	      padding-right: 10px;
	      }


#monthpost    {
	      padding-bottom: 10px;
	      }

/* #monthpost h2	{
   background-image: url(images/bar_small.gif);
   background-repeat: no-repeat;
   color: #ffffff;
   font-size: 1.2em;
   padding: 6px 10px;
   } */

#monthpost p	{
	   font-size: 0.85em;
	   line-height: 150%;
	   padding: 0 10px;
	   }


#monthlist h2	{
	   margin: 30px 0 0;
	   padding-bottom: 5px;
	   border-bottom: solid 4px #69d600;
	   font-size: 0.875em;
	   }

#monthlist h2 a	{
	   text-decoration: none;
	   color: #00657d;
	   }

#monthlist h2 span	{
	   color: #888888;
	   font-size: smaller;
	   font-family: Verdana, Helvetica, sans-serif;
	   }


#monthlist h2 a:hover	{
	   color: #00a0c6;
	   }

#monthlist p	{
	   margin-top: 10px;
	   font-size: 0.8em;
	   line-height: 140%;
	   }

/* clearfix */
/* 
div#header:after,
div#header address:after,
div#header div#toplink:after,
div#header div#menu:before,
div#main:after,
div#top:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
*/

div#header:after,
div#header address:after,
div#toplink:after,
div#main:after,
div#top:after,
div#monthmain:after {

        content: url(images/pixel.gif);
        height: 0;

        display: block;
	clear: both;
}

div#header,
div#header address,
div#toplink,
div#main,
div#top,
div#monthmain{display: inline-block;}
div#header,
div#header address,
div#toplink,
div#main,
div#top,
div#monthmain{display: block;}

.clear:after	       {
        content: url(images/pixel.gif);
        height: 0;
        display: block;
	clear: both;
	}
.clear { display: inline-block; } 
.clear { display: block; }


/* ++++++ スイート等　音符ﾘｽﾄﾏｰｸ ++++++ */
ul.onpu li {
  list-style-image: url("/images/onpu.gif");
　font-size : 1em ;
  padding-left: 0.2em ;
}


/* ++++++ 生物サイト　 ++++++ */

/*　　bio01：試薬テーブル　教科書実験一覧　　　　　*/

table.bio01  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
/*     width: 570px;  */
     border-collapse: collapse;
     border: solid 1px #203744;

}

table.bio01 caption  {
     margin-top: 1em;
     text-align: left;
}

table.bio01 td  {
     border: solid 1px #203744;
     padding: 2px 2px;
}

table.bio01 th {
     background: #203744;
     text-align: nowrap;

}

table.bio01 td.term,
table.bio01 td.month   {
     text-align: center;
     white-space: nowrap;
     padding: 0.3em;
}     

table.bio01 td.day  {
     text-align: right;
     white-space: nowrap;
     padding: 0.3em;
}

table.bio01 td.theme,
table.bio01 td.content  {
     text-align: left;
     white-space: nowrap;
     padding: 0.3em;
}
/*　　bio01：試薬テーブル終わり　　　*/

/* 　　　新課程で使う表　罫線薄め　　　　*/

table.bio02 {
　border: solid　1px #e5e4e6;
  border-collapse: collapse;
  margin: 1px;
}

table.bio02 td{
  border: solid　1px #e5e4e6  ;
  font-size: 95% ;
  text-align : center ;
} 

/* 　　　新課程で使う表　罫線薄め　終わり　　　*/



/*    ボックス記事  ライン：赤　　　　　*/

table.biobox01  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     border-collapse: collapse;
     border: solid 2px #ff0000;
}

table.biobox01 td  {
     border: solid 2px #ff0000;
     padding: 2px 2px;
     color: #ff0000;
}


/*　　ボックス記事  ライン：赤　　終わり*/

/*　　ボックス記事  ライン：クレー　　　　*/
table.biobox02  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     border-collapse: collapse;
     border: solid 2px #696969;
}

table.biobox02 td  {
     border: solid 2px #696969;
     padding: 2px 2px;
     color: #696969;
}

/*　　ボックス記事  ライン：クレー　end　　　*/


/*　　リストの先頭に若葉の画像を使う　　　　*/

ul.shoot li {
  list-style-image : url("http://www.sozan.okayama-c.ed.jp/wordpress/wp-content/uploads/2012/05/icon_bud_green14.gif");
}

/*　　リストの先頭に若葉の画像を使う　end　　　*/



/*              生物CSS終わり　　　　　　　　*/



　　　　　　　　　　

/*　　　図書館CSS　　　　　　　*/



/* ++++++ 図書館フォントの設定 +++++++ */


p.lib {
   font-size: large;
   color: #9c0c00;
   font-weight: bold;
}



/*    図書館罫線の見えない表　　奇数行のフォントにカラー　#9c0c00　*/
table.library  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     border:solid 3px #ffffff;     　　　
     border-collapse: separate;
     border-spacing: 1px;
     vertical-align: top;
}

table.library td {
     text-align: left;
     white-space: normal;
     vertical-align: top;
}

table.library td.course-a {
    width : 250em;
    color: #9c0c00;
    border-left :solid 5px #9c0c00;
　　padding-left : 1em;
    height : 0.5em;
}

table.library td.course-b {
    height : 5em;
    padding-left :  1em;
    padding-right : 1em;
　　margin : 3em;
}

table.library td.course-c {
    padding : 1em ;
　　margin : 3em;
}


/* ++++++ 図書館メニュー +++++++ */

hlib {
   color:#9c0c00;
   font-weight: bold;
   font-size:1em;
   margin-top:1px;
   margin-bottom: 1px;
}




/*    図書館　分類順新着図書　*/
table.newbooks  {
     margin-top: 0.1em;
     margin-bottom: 0.1em;
     border:solid 3px #ffffff;     　　　
     border-collapse: separate;
     border-spacing: 1px;
     vertical-align: top;
     width : 570em;
}

table.newbooks td {
    padding-left :  1em;
    font-color: #ffffff ;
    font-size ; 140% ;
    bg-color : #9c0c00 ;
    height : 3em;
    font-weight : bold ; 
}

/*　　　　行ごとに背景色がかわるテーブル　　*/
table.lib01 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.lib01 caption {
  margin-top: 1em;
  text-align: left;
}

table.lib01 th,
table.table111 td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.lib01 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.lib01 td.course {
  text-align: center;
  font-size: 200%;
  font-weight: bolder;
}

table.lib01 td.time,
table.table111 td.fee {
  text-align: right;
  white-space: nowrap;
}

table.lib01 tr.course-c {
  background: #FFF3F9;
}

table.lib01 tr.course-b {
  background: #FFE6F3;
}

table.lib01 tr.course-a {
  background: #FFD9EC;
}

table.lib01 tr.course-sp {
  background: #FFCCE6;
}
/*　　　　行ごとに背景色がかわるテーブルおわり　　*/


/*　　図書館CSS終わり　　　*/