*body  {
align="center"; background:#999999; font-size: 10pt; line-height: 150%; 
}
*div.main p { 
margin-top:0px; margin-bottom:0px; line-break: strict 
} /* 厳密な禁則処理を適用*/
td   { 
padding:0px 10px; 
}
.float{ 
float: left; margin-right: 1em; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt; line-height: 150%; color: #282828
}
.table00 { 
width="820"; align="center"; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left:10px; background-color: #FFFFFF
; border-color: #666666 #333333 #333333 #666666; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px}
.table01 { 
width="820"; align="center"; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left:0px
}
.table01 { 
width="820"; align="center"; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left:5px}
.table02{ 
align="center"; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left:10px; solid 1px
; background-color: #DEDEDE; border-color: #E3E3E3 #666666 #666666 #E3E3E3; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px}
.table03{ 
width="580"; align="center"; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left:0px; border-color: #CCCCCC #999999 #999999 #FFFFFF; background-image: url(comspacejapanese/img/bar1.jpg); background-repeat: repeat-x; font-family: "ＭＳ Ｐ明朝", "細明朝体"; font-size: 8pt; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
}
.table04 { 
align="center"; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left:20px; background-color: #FFFFFF
; border: 1px #99ACFF}
.table06 { 
width="820"; align="center"; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left:5px; border: 1px #999999}
#d02{
align="center"; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left:5px; solid 1px; border-bottom: #999999   solid 1px; 
; background-color: #EBEBEB; border: #666666 dotted; border-width: 0px 0px 1px
}
.d10 {
 border-left: #20205F solid 5px; border-bottom: #20205F  solid 1px; padding-top:5px;  padding-bottom:5px; padding-left:5px; padding-right:5px; background-color: #FFFFFF; border: 1px #99ACFF dotted
}
.d11  {
 border-left: #20205F solid 5px; border-bottom: #20205F  solid 1px; padding-top:5px;  padding-bottom:5px; padding-left:5px; padding-right:5px; background-color: #D1D7E3; border: 1px #99ACFF dotted
}
.d12  {
 border-left: #20205F solid 5px; border-bottom: #20205F  solid 1px; padding-top:5px;  padding-bottom:5px; padding-left:5px; padding-right:5px; background-color: #E8ECFF; border: 1px #99ACFF dotted
}
#d04  { 
border-left: #999999 solid 1px;  
}
#d05  {
border-top: #999999 solid 1px; border-bottom: #999999 solid 1px; border-left: #999999 solid 1px; border-right: #999999 solid 1px;   
}
#d10  {
 border-left: #20205F solid 5px; border-bottom: #20205F  solid 1px; padding-top:1px;  padding-bottom:0px; padding-left:3px; padding-right:3px;  ; background-color: #E8ECFF; border-color: #99ACFF #FFFFFF black #99ACFF; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px
}
#d11 {
align="center"; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left:5px; solid 1px; border-bottom: #999999   solid 1px; 
; background-color: #EBEBEB; border: #666666 dotted; border-width: 0px 0px 1px; font-size: 9pt; color: #333333}
#d12  {
padding-top:5px;  padding-bottom:5px; padding-left:5px; padding-right:5px;  
}
#d13  {
padding-top:0px;  padding-bottom:0px; padding-left:0px; padding-right:0px;  
}
#d14{
 background-color:#FFF3F0;  ; border: 1px #87374C solid
}
#d15{
 background-color:#DCEEFF;  ; border: 1px #1D3C86 solid
}
a {
 color: #05026B; text-decoration: none 
} 
a:visited {
 color: #02155E;  
} 
a:hover {
 color: #FF5786} 
#nav1  {
 float: left; margin-right:5px;  wigth: 40px;  
}
#nav1 a {
background:#FEFFC0; border:2px solid ; border-color: #F4FFB8 #C3C597 #C3C597 #FFFAD7; 
color: #15196F; display: block; font-size: 70%; font-weight: bold; padding:1px; 
text-align center; text-decoration: none;  wigth: 30px; 
}
#nav1  a:hover {  
background:#D0D46A; color: #FFFFFF;  
}
#nav2  {
 float: left; margin-right:5px;  wigth: 40px;  
}
#nav2 a {
background:#FEFFC0; border:2px solid ; border-color: #F4FFB8 #C3C597 #C3C597 #FFFAD7; 
color: #15196F; font-size: 70%; font-weight: bold; padding:1px; text-align center; 
text-decoration: none;  wigth: 30px;  
}
#nav2  a:hover {  
background:#D0D46A; color: #FFFFFF;  
}
#nav3  {
 float: left; margin-right:5px;  wigth: 40px;  
}
#nav3 a {
background:#DEDFFF; border:2px solid; border-color: #E3F1FF #B2ABC5 #B2ABC5 #E3F1FF; 
color: #15196F; font-size: 80%;  font-weight: bold; padding:0px; text-align center; text-decoration: none;
wigth: 30px;  
}
#nav3  a:hover {  
background:#D7CAFF; color: #FF5786;  
}
#nav4 {
 float: left; margin-right:5px;  wigth: 40px;  
}
#nav4 a { 
background:#DEDFFF; border:2px solid ; border-color: #E3F1FF #B2ABC5 #B2ABC5 #E3F1FF; 
color: #15196F; display: block; font-size: 8pt; font-weight: bold; padding:1px; text-align center; text-decoration: none;  wigth: 30px; font-family: "ＭＳ Ｐゴシック", "Osaka"
}
#nav4  a:hover {  
background:#D7CAFF; 
color: #FF3D6E;  
}
#nav5{
 float: left; margin-right:5px;  wigth: 40px;  
}
#nav5 a { 
background:#EBEBEB; border:2px solid ; border-color: #CCCCCC #999999 #999999 #CCCCCC; 
color: #15196F; display: block; font-size: 11pt; font-weight: bold; padding:1px; text-align center; text-decoration: none;  wigth: 30px; font-family: "ＭＳ Ｐゴシック", "Osaka"
}
#nav5  a:hover {  
background:#D7CAFF; 
color: #FF3D6E;  
}
.class8 {
 font-size: 8pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class8w {
color: #ffffff; font-size: 8pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class8g {
color: #282828; font-size: 8pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class8red {
color: #661226;   font-size: 8pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class8redb {
color: #661226;  font-weight: bold; font-size: 8pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class8blueb {
color: #20205F;  font-weight: bold; font-size: 8pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class9 { 
font-size: 9pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class9g { 
color: #282828; font-size: 9pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"}
.class9blue{ 
color: #20205F; font-size: 9pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"}
.class9b { 
font-weight: bold; font-size: 9pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class9blueb { 
color: #20205F; font-weight: bold; font-size: 9pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class9redb { 
color: #661226; font-weight: bold; font-size: 9pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class9red{ 
color: #7A0B1B; font-size: 9pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class10 { 
font-size: 10pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class10g { 
color: #282828; font-size:10pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class10b { 
font-weight: bold; font-size: 10pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class10blueb { 
color: #20205F; font-weight: bold; font-size: 10pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class11 { 
font-size: 11pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class11b { 
font-weight: bold; font-size: 11pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class11blueb { 
color: #333366; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif": bold; font-size: 11pt; line-height: 150%
} 
.class11g { 
font-size: 11pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"; color: #282828
} 
.class11redb  { 
color: #700A19; font-weight: bold; font-size: 11pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class12b { 
font-weight: bold; font-size: 12pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class12redb { 
color: #700A19; font-weight: bold; font-size: 12pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class12blueb { 
color: #333366; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif": bold; font-size: 12pt; line-height: 150%; font-family: "ＭＳ ゴシック", 
"Osaka"
} 
.class13b { 
font-weight: bold; font-size: 13pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class13redb { color: #700A19;  font-weight: bold; line-height: 150%; font-family: "ＭＳ Ｐ明朝", "細明朝体"} 
.class13blueb { 
color: #20205F;  font-weight: bold; font-size: 13pt; line-height: 150%; font-family: "ＭＳ Ｐ明朝", "細明朝体"
} 
.class13blueb { 
color: #20205F;  font-weight: bold; font-size: 13pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class14b { 
font-weight: bold; font-size: 14pt; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
.class13redb { color: #700A19;  font-weight: bold; line-height: 150%; font-family: "Arial", "Helvetica", "sans-serif"} 
div #roll01 a {
width: 576px;height: 86px; float: left; padding: 6px 6px; font-family: "Arial", "Helvetica", "sans-serif"; color: #000066; background-image: url(comspacejapanese/img/ume.jpg); background-repeat: no-repeat; background-position: right top; margin: 5px 5px; clip:     rect(   ): bold; font-size: 11pt; border-color: #CCCCCC #999999 #999999 #CCCCCC; background-image: url(comspacejapanese/img/ume.jpg);background-repeat: no-repeat; background-position: 0px 0px; border-style: solid; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px
}
div #roll01 a:hover {
 background-image: url(comspacejapanese/img/ume2.jpg); border-color: #CCCCCC #999999 #999999 #CCCCCC; width: 576px;height: 86px; color: #702EFF
; background-repeat: no-repeat; background-position: right top; clip:      rect(   ); border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px} 
div #roll02 a {
width: 135px;height: 70px; float: left; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; text-indent: -900em; background-image: url(comspacejapanese/img/forum1.jpg); background-repeat: no-repeat; 
; clip:   rect(   ); background-position: right top
}
div #roll02 a:hover {
 background-image: url(comspacejapanese/img/forum2.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:    rect(   ); background-position: right top
} 
div #roll03 a {
width: 135px;height: 70px; float: left; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; text-indent: -900em; background-image: url(comspacejapanese/img/theme1.jpg); background-position: right top; background-repeat: no-repeat; clip:    rect(   ).jpg; background-repeat: no-repeat; background-position: 0px 0px; 
}/* 百科*/
div #roll03 a:hover {
 background-image: url(comspacejapanese/img/theme2.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:   rect(   ); background-position: right top
} /* 百科*/
div #roll04 a {
width: 135px;height: 70px; float: left; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; text-indent: -900em; background-image: url(comspacejapanese/img/gallery1.jpg); background-position: right top; background-repeat: no-repeat; clip:    rect(   ).jpg; background-repeat: no-repeat; background-position: 0px 0px; 
}/* gallery*/
div #roll04 a:hover {
 background-image: url(comspacejapanese/img/gallery2.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:    rect(   ); background-position: right top
} /* gallery*/
div #roll05 a {
width: 135px;height: 70px; float: left; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; text-indent: -900em; background-image: url(comspacejapanese/img/school1.jpg); background-repeat: no-repeat; background-position: right top; clip:    rect(   ).jpg; background-repeat: no-repeat; background-position: 0px 0px; 
} /* 教室*/
div #roll05 a:hover {
 background-image: url(comspacejapanese/img/school2.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:    rect(   ); background-position: right top
}/* 教室*/
div #roll06 a {
width: 135px;height: 70px; float: left; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; text-indent: -900em; background-image: url(comspacejapanese/img/event2.jpg); background-repeat: no-repeat; background-position: right top; clip:    rect(   ).jpg; background-repeat: no-repeat; background-position: 0px 0px; 
}/* イベント*/
div #roll06 a:hover {
 background-image: url(comspacejapanese/img/event1.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:    rect(   ); background-position: right top
} /* イベント*/
div #roll07 a {
width: 135px;height: 70px; float: left; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; text-indent: -900em; background-image:  url(comspacejapanese/img/common.jpg); background-repeat: no-repeat; background-position: right top; clip:     rect(   ).jpg; background-repeat: no-repeat; background-position: 0px 0px; 
}/* 談話*/
div #roll07 a:hover {
 background-image: url(comspacejapanese/img/common1.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:    rect(   ); background-position: right top
} /* 談話*/
div #roll08 a {
width: 135px;height: 70px; float: left; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; text-indent: -900em; background-image:  url(comspacejapanese/img/link1.jpg); background-repeat: no-repeat; background-position: right top; clip:    rect(   ).jpg; background-repeat: no-repeat; background-position: 0px 0px; 
}/*リンク*/
div #roll08 a:hover {
 background-image: url(comspacejapanese/img/link2.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:   rect(   ); background-position: right top
} /*リンク*/
div #roll09a {
width: 135px;height: 65px; float: left; font-weight: bold; text-indent: -900em; background-image:  url(comspacejapanese/img/forum1.jpg); background-repeat: no-repeat; background-position: right top; clip:    rect(   ).jpg; background-repeat: no-repeat; background-position: 0px 0px; 
}/*フォーラム*/
div #roll09 a:hover {
 background-image: url(comspacejapanese/img/forum2.jpg); width: 135px;height: 70px; 
; background-repeat: no-repeat; clip:    rect(   ); background-position: right top
} /*フォーラム*/
.logbox {
border: 1px #808080 solid;
width: 195px;
height: 200px;
padding: 0.5em 0.5em;
overflow: auto;
background-color: #E8ECFF;
q  { color: #008000;
; margin:  3px 3px
; clip:  rect(   )}