@charset "utf-8";





/* ----------------------------------------------------
	ラボラトリー用clearfix
---------------------------------------------------- */
.clearfix,
.prolabContents,
.boxWrap,
.fellowLabContents ul,
.fellowContainer,
.listContainer,
.sbNewarticle li,
.articleContents .title,
.articleContents .tagList,
.postList li,
.detail_mainBottom,
.title_mainBottom {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.prolabContents:after,
.boxWrap:after,
.fellowLabContents ul:after,
.fellowContainer:after,
.listContainer:after,
.sbNewarticle li:after,
.articleContents .title:after,
.articleContents .tagList:after,
.postList li:after,
.detail_mainBottom:after,
.title_mainBottom:after {/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}





/* ----------------------------------------------------
	ラボラトリー用スタイル
---------------------------------------------------- */
.block_labTop {
  margin:20px 0px;
	background: url(/images/home/news_border_01.gif) repeat-x;
}

	.blog_bnrset {
		margin-bottom:20px;
		padding:0 12px;
	}

	.blog_bnrset li {
		float:left;
	}

	.blog_bnrset a {
		padding:0 6px;
		display:block;
	}

  .prolabContents{
    margin-bottom:20px;
		padding-top:15px;
    clear:both;
  }
  .prolabContents .boxWrap {
    margin-bottom:10px;
  }
  .prolabContents .box {
    width:212px;
    float:left;
  }
  .prolabContents .center {
    margin:0px 7px;
  }
    .prolabContents .box .icon {
      display:block;
      height:9px;
      margin-bottom:5px;
      _height:18px;
      _margin-bottom:0px;
    }
      .prolabContents .box .icon img {
        vertical-align:top;
        _vertical-align:bottom;
      }
        
        .prolabContents .boxTop {
          padding:8px 0px 0px;
          background:url(/images/laboratory/bg_blockTop.png) no-repeat scroll left top;
        }
          .prolabContents .boxBtm {
            padding:0px 8px 140px;
            position:relative;
            background:url(/images/laboratory/bg_blockBtm.png) no-repeat scroll left bottom;
          }
            .prolabContents .boxBody {
              background:url(/images/laboratory/bg_blockMid.png) repeat-y scroll left top;
            }
              .prolabContents .prof {
                width:196px;
                padding-top:5px;
                margin-top:10px;
                border-top:1px solid #D6D6D6;
                position:absolute;
                bottom:10px;
              }
              .prolabContents .prof .category {
                float:left;
                color:#CD87A5;
              }
              
              .prolabContents .prof .date {
                float:right;
                font-size:93%;
              }
              
              .prolabContents .prof h4 {
                clear:both;
              }
              
              .prolabContents .prof .text {
                font-size:93%;
                line-height:120%;
                margin-bottom:1em;
              }
              
              .prolabContents .prof .btn {
                width:196px;
              }
							
							.prolabContents .prof .btn p.next {
								padding-top:8px;
							}
              
              .prolabContents .prof .btn img {
                vertical-align:top;
              }



  .fellowLabWrap {
    /*background:#F7F7F7;*/
    padding:11px 0;
    clear:both;
    margin-bottom:10px;
  }
    
    .fellowLabWrap h3 {
      margin-bottom:10px;
    }

			.heightLineParent {
				padding-top:5px;
				background:url(/images/home/info_hr.png) top repeat-x;
			}
    
      .fellowLabContents li {
        /*border-bottom:1px solid #EBE7E8;*/
        padding:5px 0px;
        margin-bottom:5px;
      }
      
      .fellowLabContents .left {
        float:left;
        width:319px;
        margin-right:12px;
        position:relative;
        padding-bottom:25px;
      }
      
      .fellowLabContents .right {
        float:left;
        width:319px;
        position:relative;
        padding-bottom:10px;
      }
      .fellowLabContents .end {
        border:none;
      }
        
        .fellowLabContents .photo {
          display:block;
          /*border:4px solid #FEFEFE;*/
          float:left;
          margin:0px 5px 0px 0px;
        }
        
        .fellowLabContents .category {
          color:#CD87A5;
        }
        
        .fellowLabContents .comment {
          padding-bottom:15px;
        }
        
        .fellowLabContents .btn {
          position:absolute;
          bottom:10px;
          right:0px;
        }
    
    .joinfellowLab {
      background: url(/images/laboratory/bg_btnArea.png) no-repeat;
      padding:15px 20px;
    }
      
      .joinfellowLab .text {
        float:left;
        width:340px;
        margin-bottom:10px;
      }
      
      .joinfellowLab .btn {
        float:right;
      }

			.joinfellowLab .btn a img:hover {
				opacity: 0.85;
				filter: alpha(opacity=85);
				-ms-filter: "alpha( opacity=85 )";
			}
      
      .joinfellowLab span {
        clear:both;
        display:block;
        color:#8d8d8d;
        font-size:85%;
      }




.block_labAuthor,
.block_labArticle {
  margin:20px 0px;
}



/* 著者別記事一覧ページ */
.labauthorList {
}
	
	.labauthorList li {
		padding:10px 0;
		background:url(/images/home/info_hr.png) top repeat-x;
		position:relative;
	}
	
	.labauthorList .end {
		border:none;
	}
	
	.labauthorList .photo {
		float:right;
		margin:0 0 0 10px;
	}
	
  	.labauthorList .description .title img {
      float:left;
      margin-right:10px;
      margin-top:5px;
      vertical-align:bottom;
  	}
    
  	.labauthorList .description .title p img {
  		vertical-align:top;
      margin:2px 5px 0 0;
      #margin:2px 5px 0 0;
  	}
    
  	.labauthorList .description .title span {
			font-size:93%;
  	}
		.labauthorList .description .title h3 {
			font-size:139%;
			color:#4B1821;
			line-height:110%;
		}
		.labauthorList .description .text {
      margin-top:10px;
			font-size:93%;
			line-height:130%;
			margin-bottom:1em;
		}
		
		.labauthorList .description a {
			zoom:0;
		}
		
    .labauthorList .detail .date,
    .labauthorList .detail .comments {
      float:left;
      margin-right:20px;
      margin-top:6px;
    }
    
    .labauthorList .detail .comments em {
      margin-left:10px;
    }
    
		.labauthorList .link_detail {
			text-align:right;
      margin-bottom:10px;
		}



/* 記事ページ */
.block_labArticle .articleContents {
  background: url(/common/images/cnt_top_border.png)  bottom repeat-x;
  padding-bottom:20px;
  margin-bottom:10px;
}
  
  .articleContents .title_main {
    background:url(/images/laboratory/article/articleid/bg_titleRound_b.png) left bottom no-repeat;
    padding-bottom:5px;
    margin-bottom:20px;
  }
    
    .articleContents .title_mainTop {
      background:url(/images/laboratory/article/articleid/bg_titleRound_t.png) left top no-repeat;
      padding-top:5px;
    }
    
    .articleContents .title_mainBottom { /* 実際にコメントが入るDIV */
      background:url(/images/laboratory/article/articleid/bg_titleRound_m.png) 0 0 repeat-y;
      padding:0.5em 1em;
    }
      
      .articleContents .theme {
      	float:left;
        width:500px;
      }
        
        .articleContents .theme img {
          margin-right:10px;
          float:left;
        }
        
        .articleContents .theme h4 {
        	font-size:139%;
        	color:#735D28;
        	line-height:110%;
          padding:10px 0px;
        }
      
      .articleContents .dateComment {
      	float:right;
      }
        
        .articleContents .dateComment .date {
        	text-align:right;
        }
        .articleContents .dateComment .comment em {
        	text-align:right;
          margin-left:10px;
      	  font-size:139%;
          line-height:90%;
        }
      
      .articleContents .text {
      	float:left;
        width:450px;
        margin-bottom:20px;
      }
      
      .articleContents .tagList {
      	clear:both;
      }
      
      .articleContents .keyword {
      	float:right;
      }
      
      .articleContents .sendFix {
        padding:1em;
        background-color:#F8F6F6;
      }
        
        .articleContents .sendFix em {
          color:#4B1821;
          margin-bottom:1em;
          display:block;
        }
        
        .articleContents .sendFix span {
          color:#CD87A5;
        }
      
      .articleContents .sendFixBtn {
        margin:20px 0 0;
        text-align:center;
      }
        
        .articleContents .sendFixBtn a {
          margin:0 auto;
        }



.block_commentForm .inner {
}
    
    .block_commentForm table {
      width:100%;
    }
    
    .block_commentForm th {
      font-weight:normal;
    }
    
    .block_commentForm th,
    .block_commentForm td {
      padding:2px 9px;
      vertical-align:top;
    }
    
    .block_commentForm .nickName {
      width:40%;
    }
      
      .block_commentForm td textarea {
        width:100%;
      }
      
      .inCaption {
        display:block;
        margin-bottom:10px;
      }
      
      .btnField {
        margin:10px 0;
        text-align:center;
      }
        
        .btnField a {
          margin:0 5px;
        }
    
    .block_commentForm .selectedFile {
      background-color:#E2DADA;
      margin-top:5px;
      padding:5px;
    }
      
      .block_commentForm .selectedFile span {
        font-weight:bold;
        color:#C52E2E;
      }



.block_commentList {
		background: url(/common/images/cnt_top_border.png) repeat-x;
		padding-top:17px

}



.block_commentList #pager_bottom {
	background: none;
	padding-bottom: 0;
	}
	
.block_commentList li {
}

  .block_commentList .postData {
    float:left;
  }
    
    .postData .name {
      font-weight:bold;
      color:#4B1821;
    }
    
  .block_commentList .commentBody {
    width:440px;
    float:right;
  }
    
    .block_commentList .commentBody p {
      margin-bottom:1em;
    }
    
    .block_commentList .commentBody .photo {
      float:right;
      margin:0 0 0 10px;
    }
    
    .detail_main {
      background:url(/images/laboratory/bg_fukidashi_lb.png) left bottom no-repeat;
      padding-bottom:15px;
      margin-bottom:10px;
    }
      
      .detail_mainTop {
        background:url(/images/laboratory/bg_fukidashi_lt.png) left top no-repeat;
        padding-top:15px;
      }
      
      .detail_mainBottom { /* 実際にコメントが入るDIV */
        background:url(/images/laboratory/bg_fukidashi_lm.png) 0 0 repeat-y;
        padding:1em;
      }
      
      .detail_mainBottom p {
        margin-bottom:1em;
      }







/* ページャー */
  .pageNav {
	background: url(/images/home/news_border_01.gif) top repeat-x;
	padding-top:20px
}

  .pageNav table {
    width:100%;
  }
  
  .pageNav .pre,
  .pageNav .next {
    width:20%;
    vertical-align:middle;
  }
  
  .pageNav .next {
    width:20%;
    text-align:right;
  }
  
  .pageNav .pager {
    width:50%;
    text-align:center;
    vertical-align:middle;
  }





/* ----------------------------------------------------
	ラボラトリー右カラム用スタイル
---------------------------------------------------- */
/* ニュース */
.sbNewarticle {
}
	
	.sbNewarticle li {
		margin-bottom:9px;
		padding-bottom:9px;
		background: url(/images/home/info_hr.png) bottom repeat-x;
		}

		.sbNewarticle  .end {
		background: url(/images/home/news_border_01.gif) bottom repeat-x;
	}
		
	.sbNewarticle  .articleImage {
    margin-right:10px;
		float:left;
	}
	
	.sbNewarticle  .articleDate {
		font-size:100%;
		font-weight:bold;
		color:#4B1821;
    float:right;
    width:216px;
	}
	
	.sbNewarticle  .articleComment {
		font-size:100%;
		line-height:130%;
    float:right;
    width:216px;
	}




    .detail_mainSub {
      background:url(/images/laboratory/bg_fukidashi_mb.png) left bottom no-repeat;
      padding-bottom:10px;
      width:263px;
      float:right;
      margin-bottom:3px;
    }
      
      .detail_mainTopSub {
        background:url(/images/laboratory/bg_fukidashi_mt.png) left top no-repeat;
        padding-top:15px;
      }
      
      .detail_mainBottomSub { /* 実際にコメントが入るDIV */
        background:url(/images/laboratory/bg_fukidashi_mm.png) 0 0 repeat-y;
        padding:0.3em 1em;
      }

/* ----------------------------------------------------
	カテゴリー絞り込み時
---------------------------------------------------- */
.pickCategory table {
  background:#f6f2f3;
  margin-bottom:10px;
}
  
  .pickCategory th {
    padding:5px 10px 5px 15px;
  }
  
  .pickCategory td {
    font-weight:bold;
    padding-right:15px;
    color:#6a2f3d;
  }