@charset "utf-8";




/* ----------------------------------------------------
	メンバーラウンジ用clearfix
---------------------------------------------------- */
.clearfix,
.detail_head,
.postList li,
.dialogContent,
.block_threadNew,
.block_threadSearch,
.block_threadHowto,
.block_threadList ul li,
.block_threadList ul li .thread_mainBottom,
.block_threadLineup,
.comment_member,
#category li {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.detail_head:after,
.postList li:after,
.dialogContent:after,
.block_threadNew:after,
.block_threadSearch:after,
.block_threadHowto:after,
.block_threadList ul li:after,
.block_threadList ul li .thread_mainBottom:after,
.block_threadLineup:after,
.comment_member:after,
#category li:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}





/* ----------------------------------------------------
	メンバーラウンジ用スタイル（第4フェーズ）
---------------------------------------------------- */
/*トップページ*/
.block_thread h3.title {
	clear:both;
	margin-bottom:10px;
	position:relative;
}
	
	.block_thread h3.title a {
		position:absolute;
		right:10px;
		top:8px;
	}

.block_threadNew {
	margin-bottom:20px;
}
	
	.block_thread .block_threadNew a {
		color:#f19149;
	}
	
	.block_threadNew ul li {
	 	background:url(/images/bbs/bg_round.png) left bottom repeat-y;
	 	width:315px;
	 	margin-bottom:10px;
	}
		
		.block_threadNew ul li .inner {
		 	padding:8px 10px;
		}
			
			.block_threadNew .genre {
				background:#f19149;
				color:#FFF;
				padding:3px;
			}
			
			.block_threadNew h5.title {
				font-size:124%;
			}
			
			.block_threadNew .photo {
				float:left;
				margin-right:10px;
				margin-bottom:5px;
			}
			
			.block_threadNew h6.title {
				clear:both;
				margin-bottom:5px;
			}
			
			.block_threadNew .inner .other_thread .genre {
			 	font-size:93%;
			}
			
			.block_threadNew .inner .other_thread .title a {
			 	font-weight:bold;
			}

.block_threadHowto {
	margin-bottom:20px;
}
	
	.block_threadHowto ul li {
		clear:both;
	}
		
		.block_threadHowto ul li .cap {
			float:left;
			margin-right:10px;
			margin-bottom:10px;
		}
		
		.block_threadHowto ul li .text {
			float:left;
			width:320px;
		}



/*一覧・詳細ページ*/
.block_threadList h3.title {
	background:url(/images/bbs/bg_txt_h3.png) left top no-repeat;
	padding:7px 15px 0;
	font-size:116%;
	height:36px;
}

.block_threadList_inner ul {
	clear:both;
}
	
	.block_threadList_inner ul li {
		position:relative;
	}
		
		.block_threadList_inner ul li .profile {
			float:right;
			text-align:center;
			width:124px;
			margin-bottom:10px;
		}
		
    .block_threadList_inner ul li .box {
      float:left;
      width:490px;
			padding-bottom:15px;
    }
    
    .block_threadList_inner ul li a {
      color:#f19149;
    }
    
    .block_threadList_inner ul li .thread_main {
      background:url(/images/bbs/thread/bg_fukidashi_lb.png) left bottom no-repeat;
      padding-bottom:15px;
    }
      
      .block_threadList_inner ul li .thread_mainTop {
        background:url(/images/bbs/thread/bg_fukidashi_lt.png) left top no-repeat;
       	padding-top:15px;
      }
      
      .block_threadList_inner ul li .thread_mainBottom { /* 実際にコメントが入るDIV */
        background:url(/images/bbs/thread/bg_fukidashi_lm.png) 0 0 repeat-y;
        padding:0 1em;
      }
			
			.block_threadList_inner ul li .img {
				position: absolute;
				right:139px;
				top: 27px;
			}
			
			.block_threadList_inner ul li .box .title,
			.block_threadList_inner ul li .box .comment {
				clear:both;
			}
				
				.block_threadList_inner ul li .box .title .icon {
					float:left;
				}
			
			.block_threadList_inner ul li .box .summary {
				float:right;
				width:415px;
			}
			
			.block_threadList_inner ul li .box .genre {
				background:#f19149;
				color:#FFF;
				padding:3px;
			}
			
			.block_threadList_inner ul li .box h4 {
				font-size:108%;
				line-height:1.3;
				margin:3px 0 5px 0;
			}
			
			.block_threadList_inner ul li .box .comment .inner {
				float:left;
				border:1px solid #f0f0f0;
				margin-right:10px;
			}
				
				.block_threadList_inner ul li .box .comment .inner span {
					background:#f8b551;
					color:#FFF;
					text-align:center;
					padding:3px;
				}
					
					.block_threadList_inner ul li .box .comment .inner p {
						text-align:center;
						font-size:162%;
						font-weight:bold;
						padding:8px 0;
					}
		
		.block_threadList_inner ul li .box .comment .photo {
			float:left;
			margin-right:10px;
		}
		
		.block_threadList_inner ul li .box .btn_threadComment {
			text-align:center;
			margin-top:10px;
		}
			
			.block_threadList_inner ul li .box .btn_threadComment img {
				vertical-align:top;
			}
	
	.block_threadList_inner .comment_member {
		margin-bottom:20px;
	}
		
		.block_threadList_inner .comment_member em {
			font-size:162%;
		}
			
			.block_threadList_inner .comment_member ul {
				float:left;
				padding:10px 20px 10px 30px;
				*padding:10px 10px 10px 20px;
				_padding:10px 10px 10px 30px;
				border:3px solid #dfdfdf;
			}
			
			.block_threadList_inner .comment_member ul li {
				float:left;
				margin-right:10px;
			}

.block_commentForm .inner {
  background-color:#F8F6F6;
  padding:10px;
}
	
  .block_commentForm table {
    width:100%;
  }
    
    .block_commentForm th {
      font-weight:normal;
    }
    
    .block_commentForm th,
    .block_commentForm td {
      padding:2px 10px;
      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;
        }
        
        .btnField img {
          vertical-align:top;
        }
    
    .block_commentForm .selectedFile {
      background-color:#E2DADA;
      margin-top:5px;
      padding:5px;
    }
      
      .block_commentForm .selectedFile span {
        font-weight:bold;
        color:#C52E2E;
      }



/*検索部分*/
.block_threadSearch {
	margin-bottom:20px;
}
	
	.block_threadSearch .arrow {
	 	background:url(/images/bbs/img_arrow_ora.png) left center no-repeat;
		padding-left: 15px;
		margin-left:10px;
	}
		
		.block_threadSearch .arrow a {
		 color:#808080;
		}
	
	.block_threadSearch .purpose_cat ul {
		width:660px;
		margin-right: -12px;
		margin-bottom:10px;
		overflow: hidden;
		_zoom: 1;
	}
		
		.block_threadSearch .purpose_cat ul li {
			float:left;
			margin-right:12px;
		}
		
		.block_threadSearch .purpose_cat ul li img {
			vertical-align:top;
		}
	
	.block_threadSearch .genre_cat ul {
		width:630px;
	}
		
		.block_threadSearch .genre_cat ul li {
			float:left;
			margin:0 5px 5px 0;
		}
			
			.block_threadSearch .genre_cat ul li a {
				background:#f19149;
				color:#FFF;
				padding:2px 8px;
				display:block;
				float:left;
				text-decoration:none;
				white-space:nowrap;
			}
			
			.block_threadSearch .genre_cat ul li a:hover {
				background:#A8A8A9;
				color:#FFF;
			}
			
			.block_threadSearch .genre_cat ul li a.current {
				background:#A8A8A9;
				color:#FFF;
				font-weight:bold;
			}

.btn_listblock {
	clear:both;
	margin:0 auto;
	width:580px;
	_width:600px;
}
	
	.btn_listblock li {
		float:left;
		margin:0 20px;
		padding-bottom:30px;
	}


/*ラインナップ*/
.block_threadLineup {
	margin-bottom:20px;
}
	
	.block_threadLineup .inner {
		clear:both;
	}
		
		.block_threadLineup .inner h4 {
			color:#FFF;
			padding:3px 15px;
			margin-bottom:10px;
		}
			
			.block_threadLineup .inner h4.title01 {
				background:#ff5b5c;
			}
			
			.block_threadLineup .inner h4.title02 {
				background:#41a65c;
			}
			
			.block_threadLineup .inner h4.title03 {
				background:#458fc3;
			}
			
			.block_threadLineup .inner h4.title04 {
				background:#9b73c3;
			}
		
		.block_threadLineup .inner a {
			color:#f19149;
			background:url(/images/bbs/img_arrow_gray.png) 0 0.4em no-repeat;
			padding-left:15px;
			display:block;
			margin:0 10px;
		}
		
		.block_threadLineup .inner .left {
			width:315px;
			float:left;
		}
		
		.block_threadLineup .inner .right {
			width:315px;
			float:right;
		}
			
			.block_threadLineup .inner .left ul li,
			.block_threadLineup .inner .right ul li {
				margin-bottom:5px;
			}



/*投稿ページ*/
.block_cat table {
	margin-bottom:0px;
}
	
	.block_cat table th {
		width:140px;
		vertical-align:top;
		white-space:nowrap;
	}
  
	.block_cat table th, 
	.block_cat table td {
		border-bottom:none;
		padding:3px;
	}
		
		.block_cat table td input {
    	vertical-align:middle;
		}



/*フォーム関連*/
.formField {
  background: #f8f6f6;
  padding: 12px;
  margin-bottom: 20px
}
  
  .formField table {
  	width: 100%;
  }
  
  .formField th, 
  .formField td {
  	border-bottom: 1px solid #e8e5e1;
    padding: 10px;
  }
  
  .formField .end th, 
  .formField .end td {
  	border: none;
  } 
  
  .formField th {
  	width: 130px;
    vertical-align: top;
    white-space:nowrap;
  }
  
  .formField .required {
  	color: #cd87a5;
  }
  
  .formField .text1 {
  	width: 175px;
  }
  
  .formField .text2 {
  	width: 378px;
  }
  
  .formField .text3 {
  	width: 450px;
    height: 120px;
  }
  
  .formField .title {
  	font-weight: bold;
    font-size: 131%;
  }
  
  .formField .category {
  	font-weight: bold;
  	color: #cd87a5;
  }
  
  .formField .nickname {
  	font-weight: bold;
  }

.red {color:#FF0000;}



/*使い方ガイド*/
.contentsLink {
  margin-bottom:10px;
}
  
  .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;
    }

#category ul {
}

	#category li {
	  border-bottom:1px solid #F2EEEF;
	  padding-top:10px;
	}
		
		#category .end {
		  border:none;
		}
		
		#category .btn {
		  float:left;
		}
		
		#category .text {
		  float:right;
		  width:475px;
		}
		
		#category .text p {
		  margin-bottom:1em;
		}




/* ----------------------------------------------------
	メンバーラウンジ右カラム用スタイル
---------------------------------------------------- */
.sbThredinfo h3.title {
	clear:both;
	margin-bottom:10px;
	position:relative;
}

	.sbThredinfo h3.title a {
		position:absolute;
		right:10px;
		top:8px;
	}
	
	.sbThredinfo ul,
	.sbThredreco ul {
	  margin:0px 5px;
	}
  
		.sbThredinfo li,
		.sbThredreco li {
		  border-bottom:1px solid #F2EEEF;
		  padding:10px 5px;
		}
			
			.sbThredinfo .end,
			.sbThredreco .end {
			  border:none;
			}
    	
			.sbThredinfo li a,
			.comRank table td a,
			.sbThredreco a {
			  color:#f19149;
			}
			
			.sbThredreco li .ico {
			  float:left;
			  margin-right:3px;
			  margin-bottom:3px;
			}
			
			.sbThredreco li .title {
			  float:left;
			  width:240px;
			}
			
			.sbThredreco li p {
			  clear:both;
			}
				
				.sbThredreco li .btn img {
				  vertical-align:top;
				}



.btnArea {
	background:url(/images/bbs/bg_btnArea.png) 50% 50% no-repeat;
}

.btnArea p {
	padding:26px 0 15px 0;
}

.btnArea div.ac {
	padding-bottom:26px;
}

.btnArea div.ac a {
}

.btnArea div.ac a img:hover {
	-ms-filter: "alpha( opacity=85 )";
	filter: alpha(opacity=85);
	opacity: 0.85;
	width:212px;
	height:39px;
	zoom:1;
	background:transparent;
}