html {height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}

body {height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
background: #fff url('image/back.bmp') repeat;  	
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:800px;
	margin: 0 auto;
	text-align: centert;
  	background: #fff url('image/shadow.gif') repeat-y center;
}

#layout {
text-align: left;
width: 760px;
margin: 0 auto;
padding-bottom: 10px;
}

#header img {vertical-align: bottom;
}
 
#contents { 
float: clear;
margin:0px 20px 20px 20px;
width : 720px ;
 }
 
 #tablelist{
   text-align: center;
   }
 
#footer {
   text-align: center;
   padding-top: 5px;
   height: 18px;
   width: 760px;
   position: absolute;
   bottom: 0;
   background-color: #ffcc00;
   font-size: 13px;
	} 
 
#navigation {
font-size: 16px;
margin-top:0em;
margin-bottom:10px;
float : left ; 
width : 760px ;
background-color: #ffcc00;
 }

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

#navigation li	{
margin:0;
padding:0;
list-style: none;
float: left;
text-align: center;
font-weight: bold;
border-right: solid 2px #f0e68c;
border-left: solid 1px #f0e68c;
}

#navigation li.select a	{
display: block;
padding: 5px 10px;
background: #8fbc8f;
text-decoration: none;
border-bottom: solid 1px #cccccc;
color: black;
}

#navigation li.select a:hover	{
display: block;
padding: 5px 10px;
background: #8fbc8f;
text-decoration: none;
border-top: solid 0px;
border-bottom: solid 0px;
color: black;
}


#navigation li a	{
display: block;
padding: 5px 10px;
background: #ffcc00;
text-decoration: none;
border-bottom: solid 1px #f0e68c;
color: black;
}


#navigation li a:hover	{
color: #FF9900;
background-color: #FFF;
padding: 5px 10px;
text-decoration: none;
border-top: solid 1px #FFF;
border-bottom: solid 0px;
}


h1{
margin: 0;
padding: 0;
background: #fff  url('image/tojyologo.gif') no-repeat top center; 
width: 760px ;
height: 80px ;
}

h2{
clear:both;
padding-top: 0;
padding-bottom: 0.5em;
padding-left: 0.5em;
background: #fff  url('image/h2.gif') no-repeat center; 
}


h1 span  {
display: none;
}
 

h3 {font-size: 1.1 em; 
 border-left-color: #FF9900;
 border-left-style: solid;
 border-left-width: 20px; 
 padding-left: 0.5em;
 }
 
p.title {
font-size: large;
}
 
em.red {color: red;}

span.emphasize{
border-width: 0px 0px 2px 0px ;
border-style: solid;
border-color: #FF9900;
}

strong.info 
{font-size:1.4em;
 color:#cc3300;}

strong.mds 
{font-size:1.4em;
 color:#000099;}





.sun {color: red;}

table { 
width: 80%;
margin-left: auto;
margin-right:auto;
}

table.message {
width: 100%;
margin-left:auto;
margin-right: auto;
}

table.month1 {
width: 25%;
margin-left:1px;
margin-right: auto;
 margin-top: 0px;
}

table.month2 {
width: 25%;
margin-left:220px;
margin-right: auto;
 margin-top: -185px;
}

table.month3 {
width: 25%;
margin-left:440px;
margin-right: auto;
 margin-top: -185px;
}


td.months
{border-color: #fff;
}

table.months
{border-color: #fff;
float=left; 
width:60%;
margin-left: 50px;
}

table colgroup col.old_testment { width: 40%;}
table colgroup col.new_testment { width: 40%;}

table, tr, th, td  {
 text-align: center; 
 border-style: solid;
 border-color: #556B2F;
 border-width: 2px;
 border-collapse: collapse;
 padding: 0.3em;
 }
 
td.left {text-align: left;
}

tr.color {background-color: #EEE8AA; }

tr.color02 {background-color: #6DF79C; }



th {background-color: #8FBC8F;}


p {color: black;
 line-height: 1.3em;
 text-indent: 0;
 }

p.Eindent {text-indent: 0em;
}

p img {float: left ;
margin-right: 2em ;
margin-bottom: 1em ;
}

li {margin-bottom:0.8em;
}

li.sub {margin-bottom:0.8em;
margin-left: 1.2em;
}


a {text-decoration: none;
}

a:hover {color: #483D8B;
 background-color: #ADFF2F;
 }

address {font-size:smaller; color:#444444; border-top:solid 8px #5b94f0; padding-top:3px;}

div#contents ul {list-style-type: square;}


.clearleft{clear: left;}
.clearright{clear: right;}