@charset "shift_jis";

/*-------- initialize --------*/

* {
 margin: 0;
 padding: 0;
 font-size: 100%;}

body {
 text-align: center;
 margin-top: 0;}

#wrapper {
 width: 90%;
 margin: 0 auto;
 text-align: left;}

div.clear {
 clear: both;}

hr {
 width: 100%;}

/*-------- header --------*/
#header {
 position: absolute;
 top: 5px;
 width: 100%;
 text-align: left;}

img#nakato {
 width: 252px;
 height: 25px;
 border: 0;}

img#business {
 width: 209px;
 height: 25px;
 border: 0;}

img#osaka {
 width: 335px;
 height: 28px;
 float: left;
 border: 0;}

img#nakanoshima {
 width: 171px;
 height: 17px;
 margin-top: 10px;
 float: right;
 border: 0;}

 #update {
 text-align: right;
 font-size: 85%;
 padding-top: 0.3em;
 padding-right: 1em;}

/*-------- grobal navigation --------*/
/*----- nakanoshima -----*/
table.n-gnavi {
 width: 100%;
 margin: 0;
 padding: 0;
 border: none;
 text-align: left;
 border-collapse: collapse;}

td.n-gnavi {
 border: 1px solid #d0d0d0;
 text-align: center;
 white-space: nowrap;}

td.n-gnavi a {
 display: block;
 color: white;
 background-color: #400000;
 text-decoration: none;
 line-height: 1.5em;
 font-weight: bold;}

td.n-gnavi a:hover {
 background-color: white;
 color: #400000;}


/*----- business -----*/
table.b-gnavi {
 width: 100%;
 margin: 0;
 padding: 0;
 border: none;
 text-align: left;
 border-collapse: collapse;}

td.b-gnavi {
 border: 1px solid #d0d0d0;
 text-align: center;
 white-space: nowrap;}

td.b-gnavi a {
 display: block;
 color: white;
 background-color: #000099;
 text-decoration: none;
 line-height: 1.5em;
 font-weight: bold;}

td.b-gnavi a:hover {
 background-color: white;
 color: #000099;}

/*----- osaka -----*/
table.o-gnavi {
 width: 100%;
 margin: 0;
 padding: 0;
 border: none;
 text-align: left;
 border-collapse: collapse;}

td.o-gnavi {
 border: 1px solid #d0d0d0;
 text-align: center;
 white-space: nowrap;}

td.o-gnavi a {
 display: block;
 color: white;
 background-color: #008000;
 text-decoration: none;
 line-height: 1.5em;
 font-weight: bold;}

td.o-gnavi a:hover {
 background-color: white;
 color: #008000;}


/*-------- pankuzu --------*/

 #pankuzu {
 text-indent: 1em;
 padding-top: 0.3em;
 font-size: 85%;}


/*-------- footer --------*/

 #footer {
 font-size: 85%;
 text-align: left;
 margin-bottom: 2em;}


/*-------- contents --------*/

#contents {
 margin-top: 125px;}

#contents td {
 padding: 7px;}

#shashi td {
 padding: 2px;}

h3 {
 font-size: 220%;
 text-align: center;
 margin-bottom: 1em;}

h4 {
 font-size: 120%;
 font-weight: bold;}

h5 {
 display: inline;
 font-weight: bold;}

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

ul#sitemap {
 list-style: circle;
 line-height: 150%;}

#sitemap li {
 margin-left: 2em;}

#sitemap li.inline {
 display: inline;
 margin-left: 0.5em;}

#web-resource li {
 margin-left: 3em;}

/*-------- collect --------*/

#kichiousyo-list dd { 
 margin-left: 3em;
 margin-top: 1em;
 margin-bottom: 1em;}

/*-------- school --------*/


table.sc {
 
  border-collapse: collapse;
  
  border: 3px solid #336699;
 
  margin: 2em auto;
}


th.sc,td.sc {
 
  padding: 0.3em 2em;
}

th.sc {
   
  border: none;  color: #ffffff;  background-color: #336699;
}

td
.sc{  border-top: none;  border-bottom: none;  border-left: 1px solid #336699;

  border-right: 1px solid #336699;
}

.gray {
  
 color: #000000;
 background: #eeeeee;
}



/* ---------- calender ---------- */

div.calender {
 font-size: 18px;}

div.calender table {
 border-collapse: collapse;
 text-align: center;}

div.calender caption {
 padding-bottom: 3px;
 text-align: center;
 font-weight: bold;}

div.calender th {
 padding: 0;
 border: 1px solid #d0d0d0;}

div.calender td {
 padding: 0;
 border: 1px solid #d0d0d0;}