/* $B!ZI,?\![%G%U%)(BCSS$B=i4|2=!ZI,?\![(B */
*{
    margin: 0;
    padding: 0;
}

/* $BGX7J$d$iJ8;z?'$d$i$N4pK\;XDj(B */
body{
background-color:#ffffff;
}

body,tr,td { font-size:10px ;
             line-height:130%;
	     color:#cc3366;
	     }
			 
textarea   { font-size:10px }

a { text-decoration: none;
     color:#663399;
     }

a:hover {
   text-decoration: none;
   color:#cc99ff;
   }
   
/* $B"#8+=P$7;XDj(B */
h1#sample {
  border-left: 9px solid #ffcccc;
  border-bottom: 1px solid #ffcccc;
  margin: 10px 5px;
  padding: 4px;
  color: #ff3366;
  font-size: 12px;
}

p.mainText {
  width: 430px;
  color: #663333;
  font-size: 10px;
}

/* $B"#%X%C%@It(B */
div#header {
  width: 800px; height=120
  background: #fff;
  margin:0;
  border: 0;
  padding: 10px 10px;
  background-image: url(./css_img/hedder02.gif);
  background-position: left top;
}

/* $B"#%X%C%@2<2#D9%a%K%e!<(B */
div#menu_bar {
  width: 800px; height: 30px;
  background: #669933;
}

/* $B"#%a%$%sItJ,(B */
div#container {
  width: 800px;
  background: #ffffff;
  color: #660033;
  padding: 0;
  border: 0;
}

/* $B"#%a%$%sItJ,$N%F%-%9%H;XDj!J$O$8$a$K!K(B */
div#textArea{
  width: 800px;
  background: #ffffff;
  color: #660033;
  padding: 10px 150px 10px 20px;
  border: 0;
}

/* $B"#%a%$%sItJ,!d:8$N%H%C%W2hA|I=<(ItJ,!J%H%C%W!K(B */
div#inleft {
  width: 450px;
  background: #99ffff;
  border: 0;
  padding: 10px 10px;
  float: left;
}

/* $B"#%a%$%sItJ,!d1&$N%F%-%9%HI=<(ItJ,!J%H%C%W!K(B */
div#inright {
  width: 350px;
  color: #660033;
  border: 0;
  padding: 10px 10px;
  float: right;
}

/* $B"#%U%C%?It!J2hA|$O$^$@!K(B */
div#footer {
  clear: both;
  width: 800px;
  background: #fff;
  margin:0;
  border: 0;
  padding: 20px;
}

/* $B2#0lNs$N%a%K%e!<!J<:GT:n!K(B */

#globalMenu li {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  width: 640px;
  float: left;
}
#globalMenu a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ff9900;
  border-left: 1px solid #666666;
  color: #ffffff;
  text-align: center;
}
#globalMenu a:hover{
  color: #ff9900;
  background-color: #ffffff;
  top: 1pt
}

#globalMenu li{
  float: left;
  width: 80px;
}

/* $B%X%C%@2<2#D9%a%K%e!<>\:Y@_Dj(B */
#menu {
  position: absolute;
  display: block;
  margin: 0;
  width: 800px;
  height: 30px;
  background-color: #ffffff;
}
#menu em {
  float: left;
  list-style: none;
  text-indent:-9999px;/*$B%F%-%9%HHsI=<((B*/
}
#menu a{
  text-decoration: none;
  display: block;
  width: 100px;
  height: 30px;
  background-image: url(./css_img/menuBar.gif);
  background-position: left top;
}
#menu a{
  width: 100px;
  height: 30px;
}
#menu02 a{ background-position: -101px 0 }
#menu03 a{ background-position: -201px 0 }
#menu04 a{ background-position: -301px 0 }
#menu05 a{ background-position: -401px 0 }
#menu06 a{ background-position: -501px 0 }
#menu07 a{ background-position: -601px 0 }
#menu08 a{ background-position: -701px 0 }
#menu01 a:hover{ background-position: 0 -30px }
#menu02 a:hover{ background-position: -101px -30px }
#menu03 a:hover{ background-position: -201px -30px }
#menu04 a:hover{ background-position: -301px -30px }
#menu05 a:hover{ background-position: -401px -30px }
#menu06 a:hover{ background-position: -501px -30px }
#menu07 a:hover{ background-position: -601px -30px }
#menu08 a:hover{ background-position: -701px -30px }