@import url("planestyle.css");
/* BasicStyle */


body {
  background:#fff url(../images/background.gif) center top repeat-y;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

#wrapper-top,
#wrapper-contents {
  width: 730px;
  margin: 0 auto;
  padding: 0;
}

#wrapper-top {
  background: #fff url(../images/main_back.jpg) left top no-repeat;
}

#wrapper-contents {
  background: #fff url(../images/main_contents-back3.jpg) left top no-repeat;
}

#header-top {
}

#wrapper-top .sitedescription {
  padding-top: 160px;
  text-align: right
}

#wrapper-contents .sitedescription {
  padding-top: 5px;
  visibility: hidden;
}

#header-navi {
  background: #192980 url(../images/header-left.gif) left bottom no-repeat;
  margin: 0 0 0 260px;
  padding: 0 0 0 30px;
}

#wrapper-top #header-navi {
  background: #192980 url(../images/header-left_top.gif) left bottom no-repeat;
}

#header-navi p {
  color: #fff;
  margin: 0;
  padding: 5px;
  text-align: right;
  font-size: 80%;
}

#header-navi p a {
  color: #fff;
}

#header-navi p.gakuen-logo {
  text-indent: -9999px;
  background:url(../images/logo-gakuen.gif) left 3px no-repeat;
  width: 223px;
  height: 22px;
  text-align: left;
  margin: 0;
  padding: 2px;
  float: right;
}
#header-navi p.main-navi {
  font-size: 80%;
  padding: 5px;
  float: left;
  background: #192980;
}



#contents {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: url(../images/contents_back.jpg) right bottom no-repeat;
}

#maincontents {
  width: 518px;
  float: right;
}

#wrapper-contents #maincontents {
  width: 518px;
  padding:0 0 0 0;
}

#maincontents p {
  color: #333;
  background: transparent ;
  line-height: 150%;
  font-size: 80%;
  padding-left: 30px;
  padding-right: 90px;
}

#wrapper-contents #maincontents h2 {
  color: #333;
  font-size: 70%;
  font-weight: normal;
  border-bottom: solid 1px #ccc;
  text-align: left;
  height: 15px;
  padding-top: 3px;
  padding-left: 12px;
  margin-bottom: 5px;
  overflow:hidden;
  background:url(../images/contents_titleallow.gif) left center no-repeat;
}
#wrapper-contents #maincontents h3 {
  color: #2A4B6E;
  font-size: 100%;
  font-weight: bold;
  border-top: solid 1px #DD9B51;
  text-align: left;
  padding-top: 10px;
  padding-left: 1em;
  margin-bottom: 2px;
}

#wrapper-contents #maincontents h4 {
  color: #2A4B6E;
  font-size: 100%;
  font-weight: normal;
  border-bottom: solid 1px #DD9B51;
  text-align: left;
  padding-top: 10px;
  padding-left: 1em;
  margin-bottom: 2px;
}

table.planetable,
table.planetable-horizon {
  margin: 10px 0 10px 30px
}


#maincontents table.planetable p,
#maincontents table.planetable-horizon p {
  margin: 0 ;
  padding: 0;
}

.contact {
  background:url(../images/contact_back.jpg) left top no-repeat;
  color:#666666;
}

.margin-5 {
  margin: 5px 5px 5px 0 ;
}

#activity-contents {
  width: 300px;
  float:left;
}
#activity-archive-link {
  float:right;
  background: #fff url(../images/activity-list_back.jpg) left top repeat-x;
  margin: 0 5px;
  border-bottom: solid 1px #DD9B51;
}

#wrapper-contents #maincontents #activity-archive-link h3{
  margin: 0;
  padding: 5px;
  font-size: small;
}
#activity-archive-link ul{
  margin: 0;
  padding: 5px;
}
#activity-archive-link li{
  background:url(../images/archive-allow.gif) left center no-repeat;
  padding: 0 0 0 15px;
  margin: 0px;
  list-style: none;
}

.paper-sample-container {
  margin: 0 0 0 30px;
}

#maincontents p.paper-sample {
  float: left;
  width: 118px;
  margin: 5px;
  padding: 5px;
  background:#fff url(../images/background_grade2.gif) left top repeat-x ;
  border: solid 1px #E8E3D0;
}

/* Topics */


#topics {
  width: 344px;
  float: left;
  background: #fff;
}

.label-topics {
  background:url(../images/label-topics.jpg) left top no-repeat;
  width: 344px;
  height: 24px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

dl.topics {
  margin: 0;
  padding: 10px 5px 5px 5px;
  border: solid 1px #b2b2b2;
}

dl.topics dt {
  width: 58px;
  float: left;
  margin: 0;
  font-weight: normal;
  color: #555;
}
dl.topics dd {
  margin: 0 0 7px 0;
  padding: 0 5px 13px 58px;
  background:url(../images/dot-4px.gif) left bottom repeat-x;
  color: #555;
}

dl.topics dd.topics-more {
  margin: 0 0 2px 0;
  padding: 2px 23px 0 0 ;
  background: url(../images/allow-right.gif) right bottom no-repeat;
  text-align: right;
}

/* Link */

#link {
  width: 170px;
  float: right;
  background: transparent;
}

#link p{
  margin: 0;
  padding: 5px;
}

.label-link {
  background:url(../images/label-link.jpg) left top no-repeat;
  width: 170px;
  height: 24px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

ul.link-list {
  margin: 0;
  padding: 0;
}

ul.link-list li {
  list-style: none;
  width: 170px;
  height: 34px;
  margin: 0 0 2px 0;
  padding: 0;
}
ul.link-list li a {
  display: block;
  width: 170px;
  height: 34px;
  text-indent: -9999px;
}

.link-daikoudai {
  background: url(../images/link-list.gif) left top no-repeat;
}
.link-setsunan {
  background: url(../images/link-list.gif) left -35px no-repeat;
}
.link-hiroshima {
  background: url(../images/link-list.gif) left -70px no-repeat;
}
.link-hight {
  background: url(../images/link-list.gif) left -105px no-repeat;
}

/*  MENU */

#menu {
  width: 207px;
  float: left;
  background: #fff;
}

.label-menu {
  background:url(../images/label-main_menu.jpg) left top no-repeat;
  width: 205px;
  height: 24px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

ul.main-menu {
  margin: 0;
  padding: 0;
}

ul.main-menu li {
  list-style: none;
  width: 207px;
  height: 39px;
  margin: 0;
  padding: 0;
}
ul.main-menu li a {
  display: block;
  width: 207px;
  height: 39px;
  text-indent: -9999px;
}

.menu-introduction {
  background: url(../images/main_menu.jpg) left top no-repeat;
}
.menu-outline {
  background: url(../images/main_menu.jpg) left -39px no-repeat;
}
.menu-member {
  background: url(../images/main_menu.jpg) left -78px no-repeat;
}
.menu-schadule {
  background: url(../images/main_menu.jpg) left -117px no-repeat;
}
.menu-activity {
  background: url(../images/main_menu.jpg) left -156px no-repeat;
}
.menu-join {
  background: url(../images/main_menu.jpg) left -195px no-repeat;
}
.menu-yoyo {
  background: url(../images/main_menu.jpg) left -234px no-repeat;
}

/* Footer */

#footer {
  border-top: solid 1px #ccc;
  margin: 1px 0 0 0;
}

#footer p {
  text-align: center;
  color:#666666;
}
#footer p.jimu {
  text-align: left;
  color:#666666;
  margin: 5px auto;
}