@charset "utf-8";





/* ----------------------------------------------------
	会員誌用clearfix
---------------------------------------------------- */
.clearfix,
.detailFeature,
.whatViewer,
.specialFeature,
.lineupContainer,
.nextLineup,
.memberBacknum,
.backnumContainer,
.btn_container,
.sbNewnumber li,
.sbBacknumber li,
.magCap {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.detailFeature:after,
.whatViewer:after,
.specialFeature:after,
.lineupContainer:after,
.nextLineup:after,
.memberBacknum:after,
.backnumContainer:after,
.btn_container:after,
.sbNewnumber li:after,
.sbBacknumber li:after,
.magCap:after {/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}





/* ----------------------------------------------------
	会員誌用スタイル
---------------------------------------------------- */
.block_magazine {
  margin:20px 0px;
}
  
  .whatViewer {
    background-color:#F7F7F7;
    padding:20px;
    margin-bottom:30px;
  }
  
  .whatViewer .grayOut {
    font-size:86%;
    color:#828282;
  }
  
  .magTitleOuter {
    margin-bottom:20px;
    padding:1px 0;
    border-top:1px solid #7A505A;
    border-bottom:1px solid #7A505A;
  }
  
  .magTitleInner {
    padding:10px 0;
    border-top:1px solid #CFC0C3;
    border-bottom:1px solid #CFC0C3;
    position:relative;
  }
    
    .magTitleInner p {
      font-weight:bold;
      position:absolute;
      bottom:10px;
      right:0px;
    }
  
  .specialFeature {
    margin-bottom:30px;
    margin-top:20px;
  }
    
    .specialFeature .fl {
      width:440px;
    }
      
      .sfDetail {
        margin:10px 0;
        font-weight:bold;
        color:#622E3A;
      }
    
    .specialFeature .borderSolid {
      margin:10px 0;
    }
    
    .specialFeature ul {
      margin-top:10px;
    }
    
    .specialFeature li {
      margin-bottom:5px;
      font-weight:bold;
      color:#622E3A;
    }
      
      .specialFeature .photo {
        float:right;
      }
    
  .nextLineup {
    margin-bottom:30px;
  }
  
  .preLineup {
    margin-bottom:20px;
  }
    
    .nextLineup .lineupCap,
    .preLineup .lineupCap {
      border-top:2px solid #4B1821;
      border-bottom:1px solid #DADADA;
      padding:9px 10px;
      margin-bottom:10px;
      position:relative;
    }
  	
  	.nextLineup .lineupCap span,
  	.preLineup .lineupCap span {
  		position:absolute;
  		top:10px;
  		right:10px;
  	}

.memberBacknum {
  margin-bottom:30px;
}

.memberBacknum .backnumContainer {
  /*width:318px;*/
  margin:10px 0 0;
  padding-bottom:10px;
  border-bottom:1px solid #DADADA;
  position:relative;
}

.memberBacknum .end {
  border-bottom:none;
}

.backnumContainer img {
  float:left;
}

.backnumContainer .backnumDescription {
  width:195px;
  padding-bottom:25px;
  float:right;
}

.btn_backnumDetail {
  position:absolute;
  bottom:10px;
  right:0px;
}

.backnumContainer span {
  font-weight:bold;
}

.backnumContainer h5 {
  font-size:116%;
  color:#5D2E34;
  margin-bottom:0.5em;
}

.backnumCap {
    border-top:2px solid #4B1821;
    border-bottom:1px solid #DADADA;
    padding:9px 10px;
    margin-bottom:10px;
    }
  
  .backnumCap span {
    float:right;
    }

.centerBtn {
  clear:both;
  text-align:center;
}
.joinText {
  text-align:center;
  font-weight:bold;
  color:#612D39;
}
.block_joinOuter {
margin-bottom:30px;
  padding:1px;
  border:1px solid #B7A3A4;
}

.block_joinInner {
  padding:20px;
  border:1px solid #E9E3E5;
  text-align:center;
}

.block_joinInner_nonmember {
  padding:0;
  border:1px solid #E9E3E5;
  text-align:center;
}

.block_joinInner p {
  text-align:center;
}

.block_viewer .viewer {
  margin:20px 0;
}

  .block_viewer .viewer span {
    font-size:86%;
    color:#050505;
    font-weight:bold;
  }

.block_sample li {
  float:left;
  margin-top:10px;
}
  .block_sample li.center {
    margin:10px 13px 0;
  }

/* ----------------------------------------------------
	マガジン右カラム用スタイル
---------------------------------------------------- */
  .sbBacknumber ul,
  .sbNewnumber ul {
    margin:0px 5px;
  }
    
    .sbBacknumber li {
      border-bottom:1px solid #F2EEEF;
      padding:10px 5px;
      position:relative;
    }
    .sbNewnumber li {
      padding:10px 5px;
      position:relative;
    }
    
    .sbBacknumber .end {
      border:none;
    }
    
    .sbBacknumber .btn_more,
    .sbNewnumber .btn_more {
      position:absolute;
      right:0;
      bottom:1em;
    }
  
  .sbBacknumber .magCap,
  .sbNewnumber .magCap {
  	border-top:2px solid #4B1821;
	  border-bottom:1px solid #DADADA;
  	padding:9px 10px;
  	margin-bottom:10px;
  	position:relative;
  }
    
    .sbBacknumber img,
    .sbNewnumber img {
      float:left;
    }
  	
  	.sbBacknumber .magCap a {
      float:right;
      margin-top:4px;
  	}