@charset "Shift_JIS";

/*============================================================
//
//  目次-------------------------
//  ・共通項目
//  ・ヘッダー
//  ・コンテンツ共通
//  ・フッター
//
//
//==========================================================*/

/* メニュータブ調節 */
#header #menu ul li#bbs a{
	display: block;
	background-position: 0 -30px;
}
#header #menu ul li#top a{
	display: block;
	background-position: 0 0px;
}


#cnts-bbs{
	width: 880px;
	margin-top: 30px;
	margin-left: 20px;
	text-align: left;
}


/* タイトル周りレイアウト */
#cnts-bbs #title{
	width: 200px;
	float: left;
}
#cnts-bbs #ti-lead{
	width: 320px;
	float: right;
}

#cnts-bbs #title-lay{
	border-bottom: 1px solid #999999;
	margin-bottom: 15px;
}

/* タイトル */
#cnts-bbs #title h3{
	width: 200px;
	height: 23px;
	font-size: 10px;
	line-height: 100%;
	text-indent: -9999px;
	background: url(http://www.dvddata-mag.com/bbs/image/bbs_title.gif) no-repeat;
}

/* リード */
#cnts-bbs #ti-lead{
	font-size: 10px;
	line-height: 120%;
	text-align: right;
}

/* レイアウト */
#cnts-bbs #bbs-left{
	width: 420px;
	float: left;
}
#cnts-bbs #bbs-right{
	width: 440px;
	float: right;
}

/* 左：入力フォーム */
#cnts-bbs #bbs-left #form{
	border: 1px dashed #666666;
	padding: 10px;
}

#cnts-bbs #bbs-left #form .form-left{
	width: 50px;
	float: left;
	margin-bottom: 5px;
}
#cnts-bbs #bbs-left #form .form-right{
	width: 340px;
	margin-left: 5px;
	float: right;
	margin-bottom: 5px;
}

#cnts-bbs #bbs-left #form .form-left p{
	padding-top: 3px;
	text-align: right;
}
#cnts-bbs #bbs-left #form .form-left p.com{
	padding-top: 45px;
}
#cnts-bbs #bbs-left #form .form-right input{
	width: 260px;
	font-size: 12px;
}
#cnts-bbs #bbs-left #form .form-right textarea{
	width: 320px;
	height: 105px;
	font-size: 12px;
}

#cnts-bbs #bbs-left #form #button{
	margin-left: 55px;
	margin-bottom: 15px;
}
#cnts-bbs #bbs-left #form #option{
	margin-left: 55px;
	font-size: 10px;
}


/* 右：エントリ表示 */
#cnts-bbs #bbs-right .comment .title-lay{
	background: #996666;
	padding: 3px;
	margin-bottom: 5px;
}

#cnts-bbs #bbs-right .comment .title-lay .title{
	width: 350px;
	float: left;
}
#cnts-bbs #bbs-right .comment .title-lay .button{
	width: 50px;
	float: right;
}

#cnts-bbs #bbs-right .comment .title-lay .button form{
	padding: 0;
	margin: 0;
}

#cnts-bbs #bbs-right .comment .title-lay .title p,
#cnts-bbs #bbs-right .response .title p{
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	text-align: left;
}

#cnts-bbs #bbs-right .comment .name{
	width: 270px;
	float: left;
}
#cnts-bbs #bbs-right .comment .date{
	width: 130px;
	float: right;
	text-align: right;
}

#cnts-bbs #bbs-right .comment .name p,
#cnts-bbs #bbs-right .comment .date p,
#cnts-bbs #bbs-right .response .name p,
#cnts-bbs #bbs-right .response .date p{
	font-size: 10px;
	color: #996666;
	margin-bottom: 10px;
}

#cnts-bbs #bbs-right .comment .text,
#cnts-bbs #bbs-right .response .text{
	margin-bottom: 15px;
}



#cnts-bbs #bbs-right .response{
	width: 400px;
	margin-left: 40px;
}

#cnts-bbs #bbs-right .response .title{
	padding: 3px;
	background: #666666;
	margin-bottom: 5px;
}

#cnts-bbs #bbs-right .response .name{
	width: 170px;
	float: left;
}
#cnts-bbs #bbs-right .response .date{
	width: 130px;
	float: right;
	text-align: right;
}

#cnts-bbs #error{
	text-align: center;
}

#cnts-bbs #error .ertitle{
	margin-bottom: 10px;
}
#cnts-bbs #error .txt{
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 15px;
}



/* ページャー */
#cnts-bbs #bbs-right #pager{
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: right;
}
#cnts-bbs #bbs-right #pager a{
	color: #333333;
}