@charset "utf-8";
@import "all.css";
@import "http://hughug-web.com/css/column2.css";

/*--------------左コンテンツ--------------*/

/* bbs-ad */
#bbs-ad{
	margin-bottom: 10px;
}
#bbs-ad ul{

}
#bbs-ad li{
	float: left;
	width: 120px;
	margin-right: 20px;
	margin-bottom: 15px;
}
#bbs-ad li.last{
	margin-right: 0;
}
#bbs-ad li img{
	vertical-align: bottom;
}

/* title */
#main_contents h1{
	clear: left;
	height: 26px;
	margin-bottom: 20px;
	padding: 4px 0 0 74px;
	background: url(http://hughug-web.com/img/title01/tl_bbs.jpg) no-repeat;
	font-size: 16px;
	color: #666;
}
#main_contents h1.board-list{
	padding: 4px 0 0 0;
}

/* category-list */
#category-list{
	
}
	#category-list h2{
		clear: left;
		padding: 0 0 0 18px;
		margin: 10px 0;
		line-height: 25px;
		background: url(http://hughug-web.com/img/box/tl_g_dotted.jpg) no-repeat;
		font-size: 14px;
	}
	#category-list ul{
		margin: 0 10px;
	}
	#category-list li{
		float: left;
		width: 150px;
		margin-bottom: 10px;
		padding-left: 15px;
		background: url(../img/icon/pan_tri.jpg) left center no-repeat;
	}

/* board-list */
#board-list{
	
}
	#board-list table{
		width: 100%;
		border: 1px solid #CC9966;
	}
	#board-list th, #board-list td{
		line-height: 25px;
		padding: 0 10px;
	}
	#board-list th{
		background: #fcf4c6;
		border-bottom: 1px solid silver;
	}
		#board-list th.label{
			text-align: left;
		}
	#board-list td{
		border-top: 1px dashed silver;
		text-align: center;
	}
	#board-list td.first{
		border-top: none;
	}
		#board-list td.label{
			text-align: left;
		}
		#board-list td.count{
			width: 90px;
		}
		#board-list td.member{
			width: 120px;
		}
		#board-list td.date{
			width: 90px;
		}

/* thread-list */
#thread-list{
	
}
	#thread-list ul{
		margin-bottom: 5px;
	}
	#thread-list li{
		display: inline;
	}
	#thread-list table{
		width: 100%;
		border: 1px solid #CC9966;
	}
	#thread-list th, #thread-list td{
		line-height: 25px;
		padding: 0 10px;
	}
	#thread-list th{
		background: #fcf4c6;
		border-bottom: 1px solid silver;
	}
		#thread-list th.label{
			text-align: left;
		}
	#thread-list td{
		border-top: 1px dashed silver;
		text-align: center;
	}
	#thread-list td.first{
		border-top: none;
	}
		#thread-list td.label{
			text-align: left;
		}
		#thread-list td.count{
			width: 90px;
		}
		#thread-list td.member{
			width: 120px;
		}
		#thread-list td.date{
			width: 90px;
		}
#board-menu{
	margin-bottom: 10px;
	padding: 5px 0 0 0;
	border-top: 1px dashed #CC9966;
	border-bottom: 1px dashed #CC9966;
}
#board-menu li{
	float: left;
	width: 126px;
	margin: 0 3px 5px 0;
	padding-left: 11px;
	background: url(../img/icon/pan_tri.jpg) 1px center no-repeat;
	font-size: 11px;
}
#board-menu div.clear{
	clear: left;
}

#thread-menu{
	margin-bottom: 10px;
	text-align: right;
}
#thread-menu li img{
	vertical-align: bottom;
}

/* thread-zoom */
#thread-box{
	clear: both;
	margin-bottom: 10px;
	border: 1px solid #CC9966;
}
	#thread-box div{
		padding: 5px 10px;
		border-top: 1px solid #CC9966;
	}
	#thread-box h3{
		padding: 5px 10px;
		background: #fcf4c6;
		font-size: 12px;
	}
	#thread-box .label{
		float: left;
		width: 530px;
	}
	#thread-box .date{
		margin-left: 550px;
		text-align: right;
	}
	#thread-box .description{
		
	}
	#thread-box .images{
		text-align:left;
	}
#bbs-note{
	height: 90px;
	margin-bottom: 10px;
	padding: 30px 0 0 25px;
	background: url(http://hughug-web.com/img/box/bbs_point.jpg) no-repeat;
	font-size: 11px;
}

ul#thread-action{
	float: left;
	margin-bottom: 0;
}
	ul#thread-action li{
		line-height: 25px;
		margin-bottom: 5px;
	}
ul#thread-fav{
	float: right;
	margin-bottom: 0;
}
	ul#thread-fav li{
		line-height: 25px;
		margin-bottom: 5px;
	}
	#thread-list div.result{
		clear: both;
	}


/* response-list */
#response-list{
	margin-bottom: 20px;
	border-top: 1px solid #CC9966;
}
	#response-list .response-box{
		border: 1px solid #CC9966;
		border-top: none;
	}
	.response-box div{
		padding: 5px 10px;
		border-top: 1px solid #CC9966;
	}
	.response-box .label{
		float: left;
		width: 530px;
		border-top: none;
		background: #fcf4c6;
	}
	.response-box .date{
		margin-left: 550px;
		border-top: none;
		background: #fcf4c6;
		text-align: right;
	}
	.response-box .description{
		
	}
	.response-box div.images li{
		display: inline;
	}
/* thread-form */
#thread-form{
	
}
	#thread-form dl{
		margin-bottom: 10px;
		border: 1px solid #CC9966;
		border-top: none;
		background: #fcf4c6;
	}
	#thread-form dt, #thread-form dd{
		padding: 5px 10px;
		border-top: 1px solid #CC9966;
	}
	#thread-form dt{
		float: left;
		width: 100px;
	}
	#thread-form dd{
		margin-left: 120px;
		border-left: 1px solid #CC9966;
		background: white;
	}
	#thread-form p{
		text-align: center;
	}
	#thread-form p img{
		vertical-align: bottom;
	}
	/* WYSIWYG */
	#thread-form .wysiwyg-field{
		/*padding: 0;*/
	}
/* response-form */
#response-form{
	
}
	#response-form dl{
		margin-bottom: 15px;
		border: 1px solid #CC9966;
		border-top: none;
		background: #fcf4c6;
	}
	#response-form dt, #response-form dd{
		padding: 5px 10px;
		border-top: 1px solid #CC9966;
	}
	#response-form dt{
		float: left;
		width: 100px;
	}
	#response-form dd{
		margin-left: 120px;
		border-left: 1px solid #CC9966;
		background: white;
	}
	#response-form p{
		text-align: center;
	}
	#response-form p img{
		vertical-align: bottom;
	}
	div.response-caution{
		height: 35px;
		padding: 8px 10px 2px 50px;
		_padding: 10px 10px 2px 50px;
		margin: 0 15px 10px 15px;
		background: url(http://hughug-web.com/img/box/attention_bg.jpg) no-repeat;
		font-size: 10px;
		_font-size: 9px;
	}
	/* WYSIWYG */
	#response-form .wysiwyg-field{
		/*padding: 0;*/
	}
	
	#response-form #images, #thread-form #images{
		margin-bottom: 10px;
		text-align: center;
	}
	
	* html #main_contents #wysiwyg-area textarea{
		width: 546px;
	}

a:link{
	color:#3366ff;
}
a:visited{
	color:#996633;
}