@charset "UTF-8";



div#circle-list {
  width: 530px;
  margin: 10px 0px 0px 10px;
  float: left;
}

div#contents-box {
  padding-top: 10px;
  padding-bottom: 30px;
}

h2 {
  width: 715px;
  height: 150px;
  background-image: url("../../img/circle/title-index.gif");
  margin-left: 30px;
  margin-top: 0px;
}

h3 span {
  display: none;
}

h3 {
  width: 550px !important;
  height: 55px;
  margin: 0px 0px 10px 0px;
}

div#circle-list div ul {
  margin: 0px 0px;
}

div#circle-list div ul li {
  width: 165px;
  float: left;
  list-style: none;
  margin-right: 8px;
}

div#circle-list div {
  padding-bottom: 60px;
}


div#mass h3 {
  background-image: url("../../img/circle/title-mass.gif");
}

div#npo h3 {
  background-image: url("../../img/circle/title-npo.gif");
}

div#recruit h3 {
  background-image: url("../../img/circle/title-recruit.gif");
}

div#portal h3 {
  background-image: url("../../img/circle/title-portal.gif");
}

div#event h3 {
  background-image: url("../../img/circle/title-event.gif");
}

div#others h3 {
  background-image: url("../../img/circle/title-others.gif");
}



div#side-box {
  width: 244px;
  margin-top: 20px;
  margin-right: 6px;
  text-align: center;
  float: right;
}

div#side-box h2#sp {
  width: 240px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url("../../img/circle/title-sp.gif");
  margin-bottom: 10px !important;
  margin-left: 0px !important;
}

div#side-box ul li {
  list-style: none;
  position: relative;
}