/* 150910 SM */
#container {
  padding-top: 34px;
  padding-bottom: 69px; }

.visual {
  overflow: hidden;
  height: 310px;
  padding: 5px;
  background: #2e2e2e; }

.news {
  position: relative;
  height: 13px;
  padding: 17px 22px 20px 28px;
  background: #2e2e2e;
  font-size: 14px; }
  .news a {
    color: #dadada; }
  .news .more {
    top: 18px;
    right: 22px; }

.contents {
  float: left;
  width: 735px;
  padding: 18px 0 0; }

.game ul {
  display: table;
  margin-bottom: 7px;
  font-size: 0;
  line-height: 0; }

.game h2 {
  height: 21px; }

.game li {
  display: inline-block;
  width: 224px;
  height: 288px;
  margin: 0 0 0 7px;
  padding: 7px;
  vertical-align: top;
  border: 1px solid #d1d1d1; }

.game li:first-child {
  margin-left: 0; }

.game li div {
  position: relative;
  font-size: 12px;
  line-height: 1.25em; }
  .game li div .icon {
    position: absolute;
	z-index:2;
    left: 0;
    top: 0; }

.game li div.info {
  position: relative;
  margin: 23px 0 6px;
  padding: 0 0 0 5px;
  color: #333; }

.game li div.info div {
  margin: 15px 0 0; }

.game li .subject {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px; }

.game li .subject span {
  color: #777;
  font-size: 13px;
  font-weight: normal; }

.game li .btn.detail {
  position: absolute;
  top: 100px;
  right: 0; }

.game li .btn.detail:hover {
  border: 1px solid #af710e;
  background: #d28c1b; }
  .game li .btn.detail:hover a {
    color: #fff; }

.event {
  margin: 21px 0; }
  .event ul {
    margin: -10px 0 0; }
  /*.event li {
    margin: 7px 0 0;
    border: 1px solid #d1d1d1; }*/
	
.event li {
  display: inline-block;
  width: 345px;
  height: 140px;
  margin: 0 0 0 7px;
  padding: 7px;
  vertical-align: top;
  border: 1px solid #d1d1d1; }

.event li:first-child {
  margin-left: 0; }

.event li div {
  position: relative;
  font-size: 12px;
  line-height: 1.25em; }

#aside {
  float: left;
  width: 258px;
  padding: 50px 0 0 7px; }

.notice {
  border: 1px solid #d1d1d1; }
  .notice .title {
    position: relative;
    padding: 10px 10px 0 6px;
    background: #e8e8e8; }
    .notice .title h2 {
      font-size: 16px;
      padding-bottom: 7px; }
  .notice .more {
    top: 13px;
    right: 11px; }
    .notice .more a {
      color: #333; }
  .notice .ntList {
    padding: 13px 10px 14px 13px;
    line-height: 1.42em; }
    .notice .ntList a {
      color: #333; }
    .notice .ntList ul {
      margin: -10px 0 0; }
      .notice .ntList ul li {
        margin: 10px 0 0; }
    .notice .ntList .day {
      font-size: 11px; }

.main h2 {
  font-weight: bold; }

.main .member {
  height: 222px;
  margin: 0;
  }
  
.main .member_login {
  margin: 0 0 10px;
  height: 194px; }
  
  .main .joinbox {
  height: 130px;
  background: #3e3e3e;
  padding: 17px 13px 16px;
  margin: 0 0 10px;
  }
  
  .main .joinbox p {
	  font-size: 11px;
	  color: #ccc;
  }

.main .logout {
  font-size: 12px; }
  .main .logout dt {
    height: 33px;
    line-height: 32px; }
  .main .logout dd {
    height: 48px;
    padding-top: 17px;
    padding-bottom: 15px; }
    .main .logout dd .btn.gradS3 {
      margin-top: 10px; }
      .main .logout dd .btn.gradS3 a {
        font-size: 12px;
        font-weight: bold; }
  .main .logout .button {
    margin: 8px 0 13px; }