@charset "UTF-8";
#gn-about {
  border-left: 10px solid #9C6;
}

#gn-home,
#gn-climate,
#gn-activities {
  border-left: 10px solid #333;
}


/*----------heading----------*/

h2 {
  margin-top: 20px;
  border-bottom: 1px solid #9C6;
  text-align: right;
  clear: both;
}

h3 {
  border-bottom: 1px solid #CCC;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  clear: both;
}

h3 sup,
h3 sub,
h3 em,
h3 i {
  font-weight: bold;
}


/*----------textarea----------*/

#textarea {
  width: 630px;
  margin: 36px auto 0;
  overflow: auto;
}

.h3_en {
  padding-top: .5em;
  font-weight: bold;
  color: #333;
  line-height: 1.4em;
}

.h3_en sup,
.h3_en sub {
  font-weight: bold;
}

#info {
  margin: 2em 0;
}

#info dt {
  float: left;
  width: 5em;
  padding: 1em 0;
  font-weight: bold;
  color: #666;
  text-align: center;
}

#info dd {
  margin-bottom: 1px;
  padding: 1em;
  border-left: 5em solid #DBE9DD;
  background: #F4F7F1;
}

#info dd .ja {
  margin-top: 1em;
}

#info dd .text-ja {
  line-height: 1.75;
}

#info dd .news {
  margin-top: 1em;
  padding: 0 10px 0 20px;
  background: url(/imgs/mrkr/mrkr2.png) no-repeat 5px 6px;
}

#info dd .note {
  margin-top: 1em;
}

.mark {
  padding: 0 .25em;
  color: #666;
}

#note {
  margin-top: 1em;
  color: #666;
}

#note li {
  margin: 0 0 .5em 2em;
  list-style: decimal outside;
}

#note dt {
  width: 2em;
  padding: 0 .5em 0 0;
  font-weight: normal;
}

#note dd {
  margin-bottom: .5em;
  padding: 0;
  border-left: none;
  overflow: hidden;
}