* {
  margin: 0px;
  padding: 0px
}
body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 130%;
  color: #000;
  font-family: "ＭＳ Ｐゴシック",osaka,sans-serif;
  background-color: #fff;
}
em {
  font-style: normal;
  color: #000
}
span.n-eng {
  font-family: verdana,sans-serif; 
  text-transform: none
}
span.c-eng {
  font-family: verdana,sans-serif; 
  text-transform: capitalize
}
span.l-eng {
  font-family: verdana,sans-serif; 
  text-transform: lowercase
}
span.u-eng {
  font-family: verdana,sans-serif; 
  text-transform: uppercase
}
span.strong {
  font-weight: bold
}
span.under {
  text-decoration: underline
}
span.msay {
  color: #903;
  font-weight: bold
}
span.say {
  color: #06c;
  font-weight: bold
}
ol {
  margin-left: 3em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-right: 1em;
  line-height: 1.4em;
  list-style-position: outside;
  font-size: 90%  
}
ul {
  margin-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-right: 1em;
  line-height: 1.4em;
  list-style-position: outside;
  font-size: 90%  
}
ul.namelist {
  margin-left: 4em
}
ul li{
  list-style-position: outside;
  margin-left: 5em;
}
ul.menu li{
  list-style-position: outside;
  margin-left: 1em;
}
ul.in li {
  display: inline;
  margin-left: 5em;
}
ul.date li {
  list-style-position: outside;
  list-style-type: none;  
  margin-left: 3em;
}
ul.sitemap {
  font-size: 100%
}
ul.sitemap li {
  list-style-position: outside;
  list-style-type: none;  
  margin-left: 3em;  
}
ul.diarylist li {
  list-style-position: outside;  
  margin-left: 3em;
}
ol.diarylist li {
  list-style-position: outside;  
  margin-left: 3em;
}
ol.sec {
  margin-left: 5em
}
ol.menu li{
  list-style-position: outside;
  margin-left: 1.5em;
}
.current {
  background-color: #036;
  color: #fff
}
.emphasis {
  font-size: 120%;
  font-weight: bold; 
}
.emphasis2 {
  margin-left: 1em;
  font-size: 110%;
  color: #000;
  font-weight: normal; 
}
#header {
  height: 50px;
}
h1 {
  text-align: left;
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 8px;
  padding-bottom: 5px;
  margin: 0px;
}
h2 {
  font-size: 130%;
  color: #036;
  margin-left: 0.5em
}
h3 {
  font-size: 110%
}
h3.center {
  text-align: center
}
h3.subtitle {
  margin-top: 1em;
  margin-bottom: 1em
}
h4 {
  font-size: 100%
}
h5 {
  font-size: 95%;
  margin-top :1em
}
p {
  font-size: 85%;
}
p.space {
  margin-top: 1em;
  margin-bottom: 1em;
}
p.navi {
  margin: 1em;
}
p.que {
  margin-top:1em;
  color: #600
}
p.ans {
  margin-top:0.5em;
  margin-left:1em;
  color: #036;
}
p.center {
  text-align: center;
  font-size: 80%
}
p.right {
  text-align: right;
  font-size: 80%
}
p.cite {
  text-align: right;
  color: #600;
}
p.diarynavi {
  text-align: right;
  color: #036;
}
p.part {
  margin-left: 2em
}
p.attention {
  margin: 1em;
  color: #036
}
span.blue {
  color: #036;
  font-weight: bold
}
span.red {
  color: red;
  font-weight: bold
}
#topsearch {
  background-color: #036;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}
#maintheme {
  float: left;
  padding-left: 5px;
  font-size: 80%
}
form#search {
  text-align: right;
  margin-right: 5px
}
form#search input {
  height: 1.6em;
}
p#theme {
  text-align: left;
  color: #fff;
  font-size: 80%;
  background-color: #036;
  padding-left: 0.5em;
  line-height: 30px
}
.none  {
  border: 0px;
}
.line hr {
  clear: left;
  height: 1px;
  color: #036;
}
.contentsspacer {
  clear: both;
  padding: 0px;
  margin: 0px;
  line-height: 1px;
  height: 1px;
}
.breadcrumbs {
  font-size: 75%;
  margin: 0.5em 1em 1em;
  text-align: center
}
#skip {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: -1px;
}
.none  {
  border: 0px;
}
#navi {
  width: 100%;
  background-color: #eee;
  height: 25px;
  clear: both
}
#navi p {
  padding: 0px;
  margin: 0px;
  line-height: 25px;
}
#navi a {
  display: block;
  float: left;
  padding-left:0.5em;
  padding-right: 0.5em
}
#navi #menu {
  padding: 0px
}
#navi #home {
  margin-left: -1px
}
.textstart {
  padding: 0px;
  margin: 0px;
  line-height: 1px;
  font-size: 1px;
  height: 1px
}
#contentsarea {
  left: 1%;
  width: 98%;
  right: 1%;
  position: absolute;
  background: transparent url("img/top.jpg") 100% 0% no-repeat;
  color: #000;
}

#contentsarea2 {
  left: 1%;
  width: 98%;
  right: 1%;
  position: absolute;
  background: transparent url("img/top2.jpg") 100% 0% no-repeat;
  color: #000; 
}

#contentsarea4 {
  left: 1%;
  width: 98%;
  right: 1%;
  position: absolute;
  background: transparent url("img/top4.gif") 100% 30% no-repeat;
  color: #000; 
}

dl.center dt {
  text-align: center;
  font-weight: bold
}
dl.center dd{
  text-align: center;
}

#contentsarea3 {
  left: 1%;
  width: 98%;
  right: 1%;
  position: absolute;
  background: transparent url("img/top3.jpg") 100% 0% no-repeat;
  color: #000; 
}

#leftcontentsarea {
	float: left;
	width: 78%;
}

#rightcontentsarea {
	float: right;
	width: 20%;
	border: 1px solid #000;
}

#renew {
  width: 100%;
  font-size: 85%;
  background-color: transparent;
  color: #000;
  padding: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  clear: both;
}
#renew a {
  display: block;
  float: right;
  padding-left:0.5em;
  padding-right: 0.5em
}

.leftmap {
  float: left;
  width: 48%
}
.rightmap {
  float: right;
  width: 48%
}

.contents {
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px
}

.contents_news {
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px
}

.contents_news h3 {
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.contents h3 {
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ccc
}
.contents h3.sitemap {
  background-color: #036;
  color: #fff;
  line-height: 1.8em;
  border: none
}
.contents h3.sitemap a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding-left: 0.5em
}
.contents h3.sitemap a:hover {
  background-color: #fc0;
  color: #036
}
.contents h3.top {
  border: none
}
.contents h4 {
  margin-left: 3em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background-color: #eee;
  padding-left: 0.5em;
  color: #036;
  height: 30px;
  line-height: 30px
}
.contents h4.program {
  background-color: #036;
  color: #fff  
}
.contents h4.top {
  background-color: transparent
}
.contents h5 {
  margin-left: 4em;
  color: #036;
  margin-bottom: 0.5em
}
.contents4 dt {
  margin-left: 1em;
  margin-top: 0.5em;
  font-size: 85%;
  color: #036;
  font-weight: bold
}
.contents4 dd{
  margin-left: 2em;
  font-size: 85%
}
.contents p {
  margin-left: 5em;
  margin-right: 1em
}
.contents p.attention {
  color: #036;
  font-weight: bold;
  margin-left: 6em
}

.contents dt {
  margin-left: 5em;
  margin-top: 0.5em;
  font-size: 85%;
  color: #036;
  font-weight: bold
}

.contents dd{
  margin-left: 6em;
  font-size: 85%
}

.contents dd span.info {
	color: #036;
	font-weight: bold;
}

.contents dd dt {
  margin-left: 1.5em;
  color: #000;
  font-weight: normal
}

.contents dd dd {
  margin-left: 2.5em;
}

.contents_news dt {
  margin-left: 3em;
  margin-top: 0.5em;
  font-size: 85%;
  color: #036;
  font-weight: bold
}

.contents_news dd{
  margin-left: 4em;
  font-size: 85%
}

.contents_news dd span.info {
	color: #036;
	font-weight: bold;
}

#otherside {
  float: right;
  width: 25%;
  clear: right
}

.contents2 {
  margin: 1em 0px 1em;
  padding: 1em;
  border-top: 1px solid #ccc
}
.contents2 h3 {
  float: left;
  width: 12%
}
.rightcontents2 {
  float: right;
  width: 85%;
  padding-left: 1em
}
.rightcontents2 dt {
  font-weight: bold;
  border-bottom: 1px solid #ccc
}
.rightcontents2 dt.news {
  margin-top: 0.5em;
  margin-bottom: 0.5em
}
.rightcontents2 dd {
  margin-left: 1em
}
.rightcontents2 dd.last {
  margin-bottom: 1em
}
.contents3 {
  margin: 1em 0px 1em;
  padding: 1em;
  border-top: 1px solid #ccc
}
.contents3 .leftmenu3 {
  float: left;
  width: 15%
}
.contents3 .rightcontents3 {
  float: right;
  width: 80%;
  padding-left: 1em
}
.emaga {
  margin-left: 10px;
  margin-right: 10px
}
.contents4 {
  margin: 1em 0px 0px;
  padding: 1em;
  border-top: 1px solid #ccc
}
.contents4 .leftmenu4 {
  float: left;
  width: 19%
}
.contents4 .rightcontents4 {
  float: right;
  width: 78%;
  padding-left: 1em;
  margin-bottom: 1em
}
.gototop {
  text-align: right;
  margin-right: 1em;
}
.validator {
  text-align: right;
}
#topfooter {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 15px solid #036;
  margin: 10px 0px 0px 0px;
  color: #000;
  background: #f9f9f9 url("img/end.jpg") no-repeat top right;
}
#topfooter p {
  padding-left: 1em
}
#footer {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 15px solid #036;
  margin: 0px;
  color: #000;
  background: #f9f9f9 url("img/end.jpg") no-repeat top right;
}
#footer p {
  padding-left: 1em
}
address {
  font-style: normal;
  font-size: 80%;
  color: #000;
  margin-left: 0.5em;
  margin-top: 0.5em;
  text-align: left
}
.lastline {
  height: 5px;
  line-height: 5px;
  background-color: #036;
}
.subcontents {
  background-color: #f9f9f9;
  margin: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em
}

#e-learning {
  border: 1px solid #000;
  margin-bottom: 1em;
}

#e-learning h3 {
  text-align: right;
  background-color: #036;
  color: #fff;
  border-bottom: #036 1px solid;
  padding-right: 0.5em
}
#e-learning p {
  font-size: 80%;
  color: #000;
}
#desk {
  float: right;
  width: 96px;
  height: 70px;
}
#other {
  border: 1px solid #000;
  margin-bottom: 1em;
}
#other h3 {
  text-align: right;
  background-color: #ffc;
  color: #036;
  border-bottom: #036 1px solid;
  padding-right: 0.5em
}
#other p {
  font-size: 80%;
  color: #000;
}
#navisub h4 {
  text-align: left;
  color: #036;
  padding-left:0.5em;
  background-color: transparent;
}
#maincontents {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#maincontents h2 {
  text-align: left;
  color: #036;
  border-bottom: #036 1px solid;
  margin-bottom: 0.5em;
  margin-left: 1em
}
#maincontents h3 {
  text-align: left;
  color: #036;
  margin-top: 1em;
  margin-left: 0.5em
}
#maincontents h4.class {
  border-bottom: #000 2px dotted;
  padding-left: 0.5em;
  margin-left:1.5em
}
#maincontents h4.place {
  background-color: #ccc;
  padding-left: 0.5em;
  margin-left:0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em
}
#maincontents h4.part {
  background-color: #ccc;
  border-left: 2em solid #036;
  padding-left: 0.5em;
  margin:0.5em 0px 0.5em 2em
}
#maincontents .contents {
  margin-top: 1em;
  margin-bottom: 1em
}
table {
  margin-left:0.5em;
  margin-right: 0.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-collapse: collapse;
}
table .learning {
	text-align: right;
}
table.subject,table.result,table.learning {
  margin-left: 4em
}
table th,table td {
  border: 1px solid #000
}
table th {
  line-height: 1.5em;
  font-size: 85%;
  background-color: #eee
}
table td {
  line-height: 1.5em;
  font-size: 85%;
  padding: 0.3em
}
table.none th {
  text-align: right;
  line-height: 1.5em;
  font-size: 85%
}
th.no {
  width: 10%
}
th.client {
  width: 10%
}
th.koumoku {
  width: 20%
}
th.contents {
  width: 35%
}
th.worker {
  width: 10%
}
th.limit {
  width: 10%
}
th.ing {
  width: 5%
}
td.no,td.client,td.worker {
  text-align: center
}
table.subject td {
  font-size: 85%;
  padding: 0.3em
}
table caption.end {
  text-align: center;
  background-color: #ccc;
  font-size: 85%;
  line-height: 2em;
  font-weight: bold
}
table caption.start {
  text-align: center;
  background-color: #fc0;
  font-size: 85%;
  line-height: 2em;
  font-weight: bold
}
.col1 {width: 7%;}
.col2 {width: 22%;}
.col3 {width: 48%;}
.col4 {width: 10%;}
.col5 {width: 13%;}
#maincontents dl {
  margin-bottom: 1em
}
#maincontents dt {
  font-size: 95%;
  margin-top: 1em;
  margin-left: 1em;
}
#maincontents dt.submit {
  text-align: right;
}
.submitbuttom {
  text-align: center;
  width: 7em;
  margin-right: 1em
}
#maincontents dd {
  font-size: 90%;
  margin-left: 2em;
}
.bbs {
  margin-left: 20px;
  padding-bottom: 15px;
  margin-top: 1em
}
.bbs ul {
  padding-right: 15px;
  padding-left: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: right
}
.mes {
  border-right: #006 2px dashed;
  border-left: #006 2px dashed;
  border-bottom: #006 2px dashed;
  border-top: #006 2px dashed;
  font-size: 90%;
  padding: 1em;
  background-color: #ddd;
}
.res {
  border-right: #6cc 2px dashed;
  border-left: #6cc 2px dashed;
  border-bottom: #6cc 2px dashed;
  border-top: #6cc 0px dashed;
  margin-left: 30px;
  font-size: 90%;
  padding: 1em;
  background-color: #f9f9f9;
}
.box {
  padding: 1em;
  margin: 0px;
  background-color: #eee;
  color: #036 
}
.box-w {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #eee;
  color: #036 
}
.mainbox {
  padding-top: 15px;
}
.mainbox .box {
  margin-left: 20px;
}
textarea {
  border-right: #3cb371 1px solid;
  border-top: #3cb371 1px solid;
  padding-bottom: 5px;
  border-left: #3cb371 1px solid;
  border-bottom: #3cb371 1px solid;
  width: 60%
}
.input-name {
  padding-bottom: 5px;
  width: 10em
}
.back {
  text-align: center;
}
#diary {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.d-box {
  margin-bottom: 0.5em;
  clear: left
}
.d-box h3 {
  color: #036;
  border-left: 20px solid #036;
  margin-left: 10px;
  margin-top: 15px;
  padding-left: 10px;
  background-color: #ddd;
  line-height: 1.3em
}
.d-box h3.sat {
  color: #09c;
  border-left: 20px solid #09c;
}
.d-box h3.vac {
  color: #f06;
  border-left: 20px solid #f06;
}
.d-box h4 {
  color: #008080;
  border-left: 20px solid #008080;
  margin-left: 20px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.d-box p {
  margin-left: 20px  
}
.d-box dl {
  margin-left: 25px;
  font-size: 85%
}
.d-box dt {
  color: #006
}
.d-box dd {
  margin-left: 40px
}
.diarypic {
  float: left
}
.diarypic2 {
  float: right
}
blockquote {
  border: #999 1px solid;
  padding: 0.5em;
  margin-left: 3em;
  margin-right: 1em;
  width: 100%
}
.pic {
  float: right;
  background-color: #fff;
  color: #000;
  margin: 0.2em;
}
.pic2 {
  float: left;
  background-color: #fff;
  color: #000;
  margin: 0.2em;
}
.pic3 {
  text-align: center;
  background-color: #fff;
  color: #000;
  margin: 0.2em;
}
.pic4 {
  background-color: #fff;
  color: #000;
  margin: 0.2em;
  border: solid #000 1px
}
.pic5 {
  float: left;
  background-color: #fff;
  color: #000;
  margin: 0.2em;
  border: solid #000 1px
}
kbd.sample {
  border-right: #999 3px solid;
  padding-right: 2px;
  border-top: #ccc 2px solid;
  padding-left: 2px; 
  background: #fff;
  padding-bottom: 0px;
  border-left: #aaa 2px solid;
  color: #000;
  padding-top: 0px;
  border-bottom: #666 4px solid
}
#sample1 {
  white-space: pre
}
#sample2 {
  white-space: normal
}
#sample3 {
  white-space: nowrap
}
.contact {
  margin-left: 5em;
  margin-bottom: 1em
}
.contact dt {
  color: #036;
  font-size: 85%;
  font-weight: bold
}
.contact dd {
  margin-left: 2em;
  font-size: 85%
}