@charset "utf-8";





/* ----------------------------------------------------
	/about/ 用clearfix
---------------------------------------------------- */
.clearfix,
.serviceDetail .boxWrap,
.serviceDetail .boxBody,
.siteCategory li,
.block_aboutMember .resist_mainBottom_web,
.block_aboutMember .resist_mainBottom_hbr,
.block_aboutMember .resist_mainBottom_web .point,
.block_aboutMember .resist_mainBottom_hbr .point,
.block_aboutSample .itemContainer,
.aboutHbr,
.block_monitor,
.block_monitor .inner,
.block_aboutMember .resist_mainBottom
 {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.serviceDetail .boxWrap:after,
.serviceDetail .boxBody:after,
.siteCategory li:after,
.block_aboutMember .resist_mainBottom_web:after,
.block_aboutMember .resist_mainBottom_hbr:after,
.block_aboutMember .resist_mainBottom_web .point:after,
.block_aboutMember .resist_mainBottom_hbr .point:after,
.block_aboutSample .itemContainer:after,
.aboutHbr:after,
.block_monitor:after,
.block_monitor .inner:after,
.block_aboutMember .resist_mainBottom:after {/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}





/* ----------------------------------------------------
	/about/ 用スタイル
---------------------------------------------------- */
/* HBRとは */
.block_aboutHbr {
  margin:20px 0px;
}

  .serviceDetail {
  }

    .serviceDetail h4,
    .webDetail h4 {
			background:url(/common/images/cnt_top_border.png) repeat-x;
    	padding:12px 0 5px;
    }
    
    .serviceDetail .boxWrap {
      margin-bottom:30px;
    }
      
      .serviceDetail .box {
        width:215px;
        float:left;
        position:relative;
        margin-top:10px;
      }
      
      .serviceDetail .center {
        border-right:1px solid #ebebeb;
        border-left:1px solid #ebebeb;
      }
      
      .serviceDetail .box h5 {
        margin-bottom:10px;
      }
      
      .serviceDetail .box .btn {
    		position:absolute;
    		bottom:0;
      }
        
        .serviceDetail .boxBody {
          padding:0px 10px 40px;
          position:relative;
        }
        
        .serviceDetail .end {
            border:none;
          }
    
    .serviceDetail .btnArea {
      background:url(/images/about/hbr/bg_btnArea.png) no-repeat scroll left top;
      height:113px;
      padding:10px 20px;
    }
      
      .serviceDetail .btnArea .box {
        float:left;
        width:305px;
      }

			.serviceDetail .btnArea .box a img:hover {
				opacity: 0.85;
				filter: alpha(opacity=85);
				-ms-filter: "alpha( opacity=85 )";
			}

        .serviceDetail .btnArea .box p {
          text-align:center;
        }
  
  .webDetail {
  }
    
    .webDetail .siteCategory {
      float:left;
      width:315px;
    }
      
      .webDetail .siteCategory li {
        border-bottom:1px solid #E8E5E1;
        margin-bottom:15px;
        padding-bottom:15px;
      }
      
      .webDetail .siteCategory .end {
        border:medium none;
      }
        
        .siteCategory li h5 {
          float:left;
        }
        
        .webDetail .siteCategory li p {
          width:200px;
          float:right;
        }
    
    .webDetail .siteCapture {
      float:right;
      width:315px;
    }
      
      .webDetail .siteCapture img {
        vertical-align:top;
      }



/* ご利用ガイド */
.contentsLink {
  margin-bottom:30px;
}
  
  .contentsLink li {
    padding-bottom:5px;
  }
    
    .contentsLink li a {
      background:transparent url(/common/images/ico_linkHeader.png) no-repeat scroll 0 0.3em;
      padding-left:15px;
    }

.block_aboutGuide {
}
  
  .block_aboutGuide h3 {
  	border-top:2px solid #4B1821;
    border-bottom:1px solid #DADADA;
  	padding:9px 10px;
  	margin-bottom:15px;
  }
  
  .block_aboutGuide h4 {
  	margin-bottom:15px;
  }
  
  .block_aboutGuide h5 {
  	margin-bottom:10px;
  }
    
    .block_aboutGuide .siteGuide {
      width:360px;
      float:left;
    }
      
      .block_aboutGuide .siteGuide p {
        margin-bottom:20px;
      }
    
    .block_aboutGuide .siteCapture {
      width:270px;
      float:right;
    }
      
      .block_aboutGuide .siteCapture img {
        vertical-align:top;
        margin-bottom:10px;
      }
    
    .block_aboutGuide .linktoTop {
      clear:both;
      margin-bottom:25px;
    }
      
      .block_aboutGuide .linktoTop p {
        text-align:right;
      }
      
      .block_aboutGuide .linktoTop img {
        vertical-align:top;
      }

/* 無料会員誌見本お申し込み */
.block_aboutSample {
  padding:15px 0;
  margin:20px 0 0;
  background-color:#ECE7E4;
}
  
  .block_aboutSample .mainVisual {
    text-align:center;
  }
  
  .block_aboutSample .mainDescription {
    width:566px;
    padding:25px;
    margin:2px auto 0;
    background-color:#FFF;
  }
  
  .block_aboutSample .itemContainer {
    width:618px;
    margin:0 auto 40px auto;
  }
    
    .block_aboutSample .itemContainer h3 {
      margin-bottom:10px;
    }
    
    .block_aboutSample .itemContainer .txt {
      margin:0 10px;
    }
    
    .block_aboutSample .threeService li {
      width:174px;
      padding:15px;
      _padding:14px;
      margin:0 1px;
      background-color:#FFF;
      float:left;
    }
      
      .block_aboutSample .threeService li p {
        margin-bottom:10px;
      }
  
  .btn_toForm {
    text-align:center;
    margin-top:15px;
  }
    
    .block_aboutSample .itemContainer .viewer {
      width:618px;
      padding:15px 0;
      text-align:center;
      background-color:#FFF;
    }
      
      .block_aboutSample .itemContainer embed {
        border:2px solid #ECE7E4;
      }
  
  .block_aboutSample .itemContainer .notice {
    color:#A2394E;
  	font-size:100%;
    margin:15px 10px;
  }
      
      .block_aboutSample .itemContainer .stepChartPosition {
        position:relative;
      }
      
      .block_aboutSample .itemContainer .magazineLayer {
        position:absolute;
        right:-10px;
        top:-40px;
      }
      
      .block_aboutSample .itemContainer .stepChart {
        width:500px;
      }
      
      .block_aboutSample .itemContainer .stepChart th,
      .block_aboutSample .itemContainer .stepChart td {
        padding:5px;
      }
      
      .block_aboutSample .itemContainer .stepChart th {
        width:150px;
        background-color:#FFF;
        vertical-align:middle;
      }
      
      .block_aboutSample .itemContainer .stepChart .stepArrow {
        text-align:center;
        background-color:#ECE7E4;
        width:15px;
        vertical-align:middle;
      }
      
      .block_aboutSample .itemContainer .stepChart td {
        background-color:#F5F1F0;
        vertical-align:top;
      }
      
      .block_aboutSample .itemContainer .stepChart th.last {
        width:200px;
      }
      
      .block_aboutSample .itemContainer .stepChart td.last {
        padding-right:30px;
      }

/* HBR会員登録 */
.block_aboutHbrmember {
  margin:20px 0px;
}
  
  .block_aboutHbrmember .selectMenu {
    padding:20px 15px;
    background:#f7f4f5;
    margin-bottom:20px;
  }
    
    .block_aboutHbrmember .selectMenu table {
      margin-top:5px;
    }
      
      .block_aboutHbrmember .selectMenu th {
        padding:5px 5px 0 0;
      }
      
      .block_aboutHbrmember .selectMenu td {
        vertical-align:top;
        #vertical-align:middle;
        width:300px;
      }
        
        .block_aboutHbrmember .submitBtn {
          text-align:center;
          margin-bottom:20px;
        }
  
  .block_aboutHbrmember .memberNote,
  .block_aboutMember .memberNote {
    /*background:#f7f7f7;*/
    padding:15px;
  }
    
    .block_aboutHbrmember .memberNote h5,
    .block_aboutMember .memberNote h5 {
      margin-bottom:10px;
    }
      
      .block_aboutHbrmember .memberNote dt,
      .block_aboutMember .memberNote dt {
        font-weight:bold;
        margin-bottom:5px;
      }
      
      .block_aboutHbrmember .memberNote dd,
      .block_aboutMember .memberNote dd {
        margin-bottom:10px;
      }
        
        .block_aboutHbrmember .memberNote dd p,
        .block_aboutMember .memberNote dd p {
          color:#666/*#8c8c8c*/;
          font-size:100%;
        }

/* 会員登録 */
.block_aboutMember {
  margin:20px 0px;
	background:url(/images/home/news_border_01.gif) repeat-x;
}

  .block_aboutMember .left_block {
    float:left;
    width:315px;
  }

  .block_aboutMember .right_block {
    float:right;
    width:315px;
  }
    
    .block_aboutMember .resist_main_web {
      background:url(/images/about/member/bg_round_web_b.png) left bottom no-repeat;
      padding-bottom:10px;
    }
    
    .block_aboutMember .resist_mainTop_web {
      background:url(/images/about/member/bg_round_web_t.png) left top no-repeat;
      padding-top:10px;
    }
    
    .block_aboutMember .resist_mainBottom_web { /* 実際にコメントが入るDIV */
      background:url(/images/about/member/bg_round_web_m.png) 0 0 repeat-y;
      padding:0 1.5em;
      position:relative;
    }

    .block_aboutMember .resist_main_hbr {
      background:url(/images/about/member/bg_round_hbr_b.png) left bottom no-repeat;
      padding-bottom:10px;
    }
    
    .block_aboutMember .resist_mainTop_hbr {
      background:url(/images/about/member/bg_round_hbr_t.png) left top no-repeat;
      padding-top:10px;
    }
    
    .block_aboutMember .resist_mainBottom_hbr { /* 実際にコメントが入るDIV */
      background:url(/images/about/member/bg_round_hbr_m.png) 0 0 repeat-y;
      padding:0 1.5em;
      position:relative;
    }
      
      .block_aboutMember .resist_mainBottom_web h3,
      .block_aboutMember .resist_mainBottom_hbr h3,
      .block_aboutMember .resist_mainBottom_web p,
      .block_aboutMember .resist_mainBottom_hbr p { 
        margin-bottom:10px;
      }
      
      .block_aboutMember .resist_mainBottom_web .point,
      .block_aboutMember .resist_mainBottom_hbr .point { 
        margin-bottom:15px;
        padding-bottom:10px;
        border-bottom:1px solid #ebebeb;
      }
      
      .block_aboutMember .resist_mainBottom_web .point span,
      .block_aboutMember .resist_mainBottom_hbr .point span { 
        float:left;
        width:90px;
        margin-bottom:10px;
      }
      
      .block_aboutMember .resist_mainBottom_web .point p,
      .block_aboutMember .resist_mainBottom_hbr .point p { 
        float:right;
        width:180px;
      }
      
      .block_aboutMember .resist_mainBottom_web .point li,
      .block_aboutMember .resist_mainBottom_hbr .point li { 
        text-align:center;
        margin-bottom:10px;
      }
        
        .block_aboutMember .btn_resist {
          text-align:center;
          padding-bottom:5px;
        }
        
        .block_aboutMember .btn_resist img {
          vertical-align:top;
        }
      
      .block_aboutMember .note { 
        clear:both;
        margin-bottom:20px;
        padding-top:15px;
        #padding:0;
      }
        
        .block_aboutMember .note p { 
          text-align:center;
        }
    
		.aboutHbr { padding-top:23px; }

    .aboutHbr h5 {
      margin-bottom:10px;
      clear:both;
    }
      
      .aboutHbr .text {
        float:left;
        width:200px;
      }
      
      .aboutHbr .photo {
        float:left;
        margin-bottom:10px;
      }
    
    .cateDetail li {
      margin-bottom:10px;
      padding-bottom:10px;
      border-bottom:1px solid #dbdbdb;
    }
      
      .cateDetail .end {
        border:none;
      }
        
        .cateDetail li h6 {
          float:left;
        }
        
        .cateDetail li p {
          float:right;
          width:220px;
        }

        .cateDetail li span a,
        a.or {
          color:#F85900;
        }

/* HBR3ヶ月お試し会員登録 */
.block_monitor {
  background:#f7f4f5;
  padding:3px;
}
  
  .block_monitor .inner {
    border:1px solid #daccd0;
    padding:10px;
  }
    
    .block_monitor .title {
      border-bottom:1px dotted #acaaab;
      padding-bottom:5px;
      margin-bottom:10px;
    }
    
    .block_monitor .text {
      float:left;
      padding-left:15px;
    }
    
    .block_monitor .circle {
      float:right;
      background:url(/images/about/member/bg_circle.png) left bottom no-repeat;
      width:141px;
      height:141px;
      padding-right:20px;
    }
    
    .block_monitor .circle p {
      margin-top:35px;
      text-align:center;
      color:#FFFFFF;
    }
      
      .block_monitor .circle p em {
        font-size:200%;
      }

.rd {color:#ff0000;}



/* 2010.10 ブック会員追加に伴う会員登録周り改修 */
.block_aboutMember .vt { /* for IE6 */
  vertical-align:top;
}

.aboutHbr p .photo {
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
	display:block;
}

.block_aboutMember .resist_main {
  background:url(/images/about/member/bg_round650_b.png) left bottom no-repeat;
  padding-bottom:10px;
  margin-bottom:20px;
  position:relative;
}

.block_aboutMember .resist_mainBottom { /* 実際にコメントが入るDIV */
  background:url(/images/about/member/bg_round650_m.png) 0 0 repeat-y;
  padding:0 1.5em;
  position:relative;
}

	.block_aboutMember .resist_main .btn_resist { 
	  clear:both;
	}

	.block_aboutMember .resist_main .icon {
	  position:absolute;
	  top:0;
	  right:0;
	}
		
		.block_aboutMember .resist_main .icon li {
		  float:left;
		  margin-left:5px;
		}


 .formField {
	  background:#f8f6f6;
    margin-bottom:20px
  }
    
    .formField table {
    	width:100%;
    }
    
    .formField td {
    	border:1px solid #bfbfbf/*#e8e5e1*/;
      padding:10px;
    }
    
    .formField .title {
    	background:#ececec;
    }
    

    .block_aboutHbrmember .note { 
      clear:both;
      margin-bottom:20px;
      padding-top:15px;
      #padding:0;
    }
      
      .block_aboutHbrmember .note p { 
        text-align:center;
      }



/* 2011.2 無料会員誌見本ページ改修 */
.sampleForm_text em {
	color:#cd87a5;
}

  .formField_sampleForm {
    padding:20px;
    background: #F8F6F6;
    margin:20px 0;
  }
  .formField_sampleForm label {
    margin-left:0;
  }
    
    .formField_sampleForm table {
    	width:100%;
      margin-bottom:5px;
    }
    
    .formField_sampleForm th, 
    .formField_sampleForm td {
    	border-bottom:1px solid #e8e5e1;
      padding:10px;
    }
    
    .formField_sampleForm .end th, 
    .formField_sampleForm .end td {
    	border:none;
    }
    
    .formField_sampleForm th {
    	width:200px;
      vertical-align:top;
      white-space:nowrap;
    }
    
    .formField_sampleForm th span {
    	font-weight:normal;
    }
    
    .formField_sampleForm .required {
    	color:#cd87a5;
    }
    
		.formField_sampleForm input,
		.formField_sampleForm select {
	    vertical-align: middle;
		}
		
    .formField_sampleForm .text1 {
    	width:260px;
    }
    
    .formField_sampleForm .text2 {
    	width:300px;
    }
    
		.block_address table,
		.block_work table {
			margin-bottom:0px;
		}
			
			.block_address table th {
				width:135px;
				vertical-align:top;
				white-space:nowrap;
				font-weight:normal;
			}
			
			.block_work table th {
				width:180px;
				vertical-align:top;
				white-space:nowrap;
				font-weight:normal;
			}
		  
			.block_address table th,
			.block_address table td,
			.block_work table th,
			.block_work table td {
				border-bottom:none;
				padding:3px;
			}
				
				.block_address table td input,
				.block_work table td input {
		    	vertical-align:middle;
				}


/* 2011.6 会員登録ページ改修 */
.btn_box .box {
	float:left;
	width:195px;
	margin-bottom:10px;
}

.btn_box .center {
	margin-left:15px;
}

.btn_box .right {
	float:right;
	width:195px;
	margin-bottom:10px;
}
	
	.btn_box img {
		vertical-align:top;
	}


.aboutHbr_left {
	float:left;
	margin-bottom:10px;
	width:330px;
}

.aboutHbr_right {
	float:left;
	margin-bottom:10px;
	width:288px;
}