@charset "utf-8";


/* -- form.form-area -------------------------------------------------------------------------------- */

form#bbs-form blockquote {
	display: none;
	width: 90%;
	margin: 20px auto;
	border: 1px solid #cccccc;
	border-radius: 7px;
}

form#bbs-form blockquote h2 {
	width: 90%;
	margin: 20px auto 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #cccccc;
	font-size: 125%;
}

form#bbs-form blockquote ul {
	width: 90%;
	margin: 10px auto;
	font-size: 85%;
}

form#bbs-form blockquote ul li {
	color: #999999;
}

form#bbs-form blockquote p {
	width: 90%;
	margin: 20px auto;
}




/* -- button-area -------------------------------------------------------------------------------- */

span#response-cancel {
	background: #d9534f;
	border: 1px solid #d43f3a;
}

span#response-cancel:hover {
	cursor: pointer;
	background: #c9302c;
	border: 1px solid #ac2925;
}


span.response {
	background: #5bc0de;
	border: 1px solid #46b8da;
}

span.response:hover {
	cursor: pointer;
	background: #31b0d5;
	border: 1px solid #269abc;
}


div.response-area div.button-area {
	background: #f0f0f0;
}




/* -- div.bbs-post -------------------------------------------------------------------------------- */

div.response-area {
	width: 90%;
	margin: 20px auto;
	border: 1px solid #cccccc;
	border-radius: 7px;
	overflow: hidden;
}

div.response-area h3 {
	width: 90%;
	margin: 20px auto 10px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #cccccc;
	font-size: 125%;
}








/* -- responsive ----------------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {


/* -- form.form-area -------------------------------------------------------------------------------- */

form#bbs-form blockquote ul {
	margin: 15px auto;
}

form#bbs-form blockquote ul li {
	display: block;
	margin-left: 0;
}




/* -- div.bbs-post -------------------------------------------------------------------------------- */

div.bbs-post h3 {
	width: 90%;
	margin: 20px auto;
	position: static;
}


}
/* 1000pixel end */