@charset "UTF-8";

@import url(../../common/css/common.css);

/* TOPCONTENTS-MAIN */

#main-area {
  width:665px;
  padding-top:20px;
  }

.menu-newmagazine a {
  color:#d6fa0c!important;
}

/* ABOUTCONTENTS */

.aboutcontents {
  padding:10px;
  background:#ebebeb;
  margin-top:10px;
  height:100%;
  }
  
.aboutcontents:after { 
  content: "";
  display: block; 
  clear: both; 
  }

.img-aboutcontents {
  float:left;
  }

.contents-right {
  width:510px;
  float:right;
}
   
.month {
  float:left;
  width:52px;
  height:52px;
  background:#CCC;
  margin-right:5px;
  }
  
.month h3 {
  color:#000;
  font-weight:1200;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:34px;
  line-height:50px;
  text-align:center;
  letter-spacing:-5px;
  }
  
.contents-tit {
  font-size:18px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  line-height:25px;
  color:#000;
  font-weight:bold;
}
  
.btn_area {
  float:right;
  width:103px;
  }
  
.txt-area {
padding-top:10px;
}

/* MOKUJI */
  
#mokuji-top {
  clear:both;
  background:URL(../img/bg_mokuji_top.gif) top left no-repeat;
  width:665px;
  height:15px;
  margin-top:20px;
  }

#mokuji-bottom {
  clear:both;
  background:URL(../img/bg_mokuji_bottom.gif) top left no-repeat;
  width:665px;
  height:20px;
  margin-top:20px;
  }

#mokuji {
  background:URL(../img/bg_mokuji.gif) top left repeat-y;
  width:665px;
  }
   
#mokuji:after { 
  content: "";
  display: block; 
  clear: both; 
  }
  
#mokuji-left {
  width:332px;
  float:left;
  }
  
#mokuji-right {
  width:332px;
  float:right;
  }

.mokuji-page {
  clear:both;
  float:left;
  width:35px;
  text-align:center;
  margin-right:5px;
}

.mokuji-txt {
  width:272px;
  margin:0 10px 10px 0;
  float:right;
  color:#666;
}

.txt_main01 {
  font-size:20px;
  line-height:25px;
  font-weight:bold;
  color:#000;
}

.txt_main02 {
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  color:#000;
}

.txt_main03 {
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color:#000;
}

#mokuji ul {
  margin:10px 0;
  font-size:10px;
  line-height:16px;
}

#mokuji h3 {
  font-size:10px;
  color:#FFF;
  padding-left:8px;
  background:URL(../../common/img/list_arrow01.gif) top left no-repeat;
  margin-bottom:5px;
}

#mokuji h3 span {
  background:#000;
  padding:0 3px;
}


/*OTHERARTICLE*/
#oterarticle {
  margin:10px 0;
}

#oterarticle h3 {
  font-size:12px;
  border-bottom:solid 1px #CCC;
  color:#000;
}

/*EXTRANUMBER*/
#extranumber-list {
  padding-bottom:10px;
}

#extranumber-list ul {
  margin:10px 0 0 45px;
}

#extranumber-list li {
  float:left;
  margin-right:30px;
}

#extranumber-list li span a {
  display:block;
  border:solid #999 1px;
}

#extranumber-list li span a:hover {
  border:solid #CCC 1px;
}

/*BACKNUMBER*/
#backnumber-list {
  margin-top:0px;
  background:URL(../../common/img/bg_blacksha.gif) top left repeat;
  padding:3px;
  color:#FFF;
}

#backnumber-list:after { 
  content: "";
  display: block; 
  clear: both; 
}

#backnumber-list ul {
  margin-left:5px;
}

#backnumber-list li {
  float:left;
  margin-right:10px;
  padding-left:17px;
  background:URL(../../common/img/list_arrow02.gif) top left no-repeat;
}

#backnumber-list li a {
  color:#FFF;
}

#backnumber-list li a:hover {
  color:#CCC;
}

#backnumber-list select {
  width:150px;
}