body {
  margin-top: 3em;
  text-align: center;
  background-image:url(bluebackground.jpg);
  alt="こくごの教室";
}

body,td {
  font-size:x-large; /* win ie5.x */
  font-size:x-large; /* win ie6.x,mac ie5.x */
  line-height: 100.4em;
}

body,td,th { /* gecko and macie  */
  font-size:la;
  line-height: 1.4em;
  font-family: sans-serif;
}

/* ------------------------------------------- layout */

#ghcont {
  width: 1000px;
  background-color: #ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#ffffff;
  padding:0;
  margin:0;
}

#ghtitle {
  background-color: #ffffff;
  font-size:60px;
  letter-spacing:20px;
  padding:40px;
  width:1000px;
  text-align:center;
  height: 50px;
  color: black;
  font-weight: bold;
  font-family: HGP創英角ﾎﾟｯﾌﾟ体;
}

#ghmain {
  width: 900px;
  background-color: #ffffff;
  margin: 0;
}

#c1 {
  width: 150px;
  /*background-image: url(http://i.yimg.jp/images/geo/geocre/tmpl/06/img/c1_bk.gif);*/
  vertical-align: top;
  padding-left:10px;
  margin-right:0px;
  vAlign:top;
  width:153;
}


#c2 {
  width: 550px;
  text-align: center;
}

/* ------------------------------------------- header */

h1 {
  color:#fffff1;
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
  margin:0;
}

h2 {
  font-size: 12px;
  color:#ffffff;
  font-weight:normal;
  text-align:center;
}

#Foreword {
  /*background-image: url(http://park.geocities.jp/tmhdkkg/pict0003.jpg);*/
  background: -moz-linear-gradient(left, #F7DDC3, rgba(255,0,0,0));
  background: -webkit-gradient(linear, left top, right top, from(F7DDC3),
  to(rgba(255,0,0,0)))
  background-size: cover;
  background-repeat:no-repeat;
  width:600px;
  height:110px;
  margin-top:20px;
  padding-left:0px;
  margin-bottom:20px;
}

#Foreword p{
  display: inline;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
}

#h2bkcontents {
  background-image: url(../../i.yimg.jp/images/geo/geocre/tmpl/06/img/contentsh2-bk.gif);
  background-repeat:no-repeat;
  width:305px;
  height:28px;
  margin-top:20px;
  padding:4px;
}

#contents {
  color:#3d3d3d;
}
/* ------------------------------------------- menu */

#ghmenu{
  text-align:left;
  padding-top:20px;
  padding-left:15px;
  font-weight:bold;
  font-size:20px;
}

#ghmenu p{
  line-height: 60px;
}
/* gecko \*/
html>body #ghmenu_home {
  padding-top:2px;
}
/* gecko end */

#ghgl {
  text-align: left;
  padding-top:0px;
  padding-bottom:2px;
  padding-left:15px;
}

#ghdr {
  text-align: left;
  padding-top:0px;
  padding-bottom:2px;
  padding-left:15px;
}

#ghgb {
  text-align: left;
  padding-top:0px;
  padding-bottom:2px;
  padding-left:15px;
}

#ghm {
  text-align: left;
  padding-bottom:10px;
  padding-left:10px;
}

#ghlo {
  text-align: left;
  padding-bottom:10px;
  padding-left:10px;
}

.ghnav_l {
  border-bottom:#E4E4E4 1px solid;
}

/* ------------------------------------------- general-purpose */
.spacer1 {
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 1px;
  clear: both;
}

.spacer20 {
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  clear: both;
}


img {
  border: 0;
}

p {
  margin:0;
  line-height: 1.5em;
}


/* ------------------------------------------- link */
a:link {
  text-decoration : underline;
  background: transparent;
  color:#347AAD;
}

a:visited {
  text-decoration : underline;
  background: transparent;
  color:#347AAD;
}

a:hover {
  text-decoration : underline;
  background: transparent;
  color:#347AAD;
}