@charset "UTF-8";

/*JavaScript無効時の表示*/
div#error
{
	width: 100%;
	height: 50px;
	position: relative;
	background-color: red;
	color: white;
	text-align: center;
}

div#error p
{
	font-size: 120%;
	font-weight: bold;
	line-height: 50px;
}

/*入力必須欄未入力時に表示するバルーン*/
div.must
{
	font-size: 120%;
	font-weight: bold;
	width: 13em;
	height: 50px;
	background-color: red;
	color: white;
	border: 2px solid white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	z-index: 10;
	text-align: center;
	cursor: pointer;
	opacity: 0.8;
}

/*バルーンの吹き出し部の枠線*/
div.must:before
{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50px;
	left: 10px;
	border-width: 24px 12px 0 12px;
	border-color: white transparent transparent transparent;
	border-style: solid;
	border-left-color: rgba(255,255,255,0);
	border-right-color: rgba(255,255,255,0);
}

/*バルーンの吹き出し部*/
div.must:after
{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50px;
	left: 12px;
	border-width: 20px 10px 0 10px;
	border-color: red transparent transparent transparent;
	border-style: solid;
	border-left-color: rgba(255,0,0,0);
	border-right-color: rgba(255,0,0,0);
}

div.must p, #contents div.must p
{
	margin: 0;
	line-height: 50px;
	text-indent: 0;
	background: none;
}

div.must p:first-letter
{
	padding: 0;
}

/*[必須]の表示部*/
.attention
{
	color: red;
	font-weight: bold;
}

/*入力必須のフォーム*/
.required
{
	background-color: #D3EDFB;
}

.required:focus
{
	background-color: white;
}

/*入力例を表示するフォーム*/
.example
{
	color: #7f7f7f;
}

.example:focus
{
	color: black;
}

/*フォーム*/
form
{
	width: 90%;
	margin: 0 auto;
}

/*ラベル*/
label
{
	display: block;
	margin-bottom: 0.2em;
}

/*入力フォームグループ*/
fieldset
{
	margin-bottom: 0.5em;
	border: 2px solid #898989;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*ボタン*/
button
{
	width: 120px;
	height: 40px;
	border: none;
	cursor: pointer;
	text-indent: -99999px;
	background: url("../img/BBS_Button.png") no-repeat;
}

button[type="submit"]
{
	background-position: 0 0;
}

button[type="submit"]:hover
{
	background-position: 0 -40px;
}

button[type="reset"]
{
	background-position: -120px 0;
}

button[type="reset"]:hover
{
	background-position: -120px -40px;
}

/*テキスト入力エリア*/
textarea
{
	font-family: inherit;
	height: 10em;
}

input, textarea
{
	margin-left: 1em;
	margin-bottom: 0.5em;
	width: 40em;
	max-width: 760px;
	font-size: 120%;
	padding-top: 2px;
	padding-left: 4px;
	border: 1px solid #595959;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset, 1px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset, 1px 1px 2px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset, 1px 1px 2px rgba(0,0,0,0.4);
	outline-width: 0;
}

input:focus, textarea:focus
{
	border: 1px solid orange;
}

/*投稿表示エリア*/
section#messages, section#delete
{
	margin: 0.5em 0;
	border: 2px solid #898989;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

section#messages article div
{
	margin: 0.25em 2em;
}

section#messages input
{
	display: none;
}

section#messages dt
{
	display: inline;
	width: 3em;
	border: none;
}

section#messages dd
{
	display: inline;
	padding-left: 1em;
}

section#messages dt:last-of-type
{
	cursor: pointer;
	height: 14px;
	line-height: 14px;
	padding-right: 14px;
	position: relative;
	z-index: 5;
	background-color: rgb(89,109,178);
}

section#messages dt.selected
{
	background-color: rgb(255,212,0);
}

section#messages dt:last-of-type:after, section#messages dt.selected:after
{
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	background-image: url("../img/CheckBox.png");
}

section#messages dt:last-of-type:after
{
	background-position: 0 0;
}

section#messages dt.selected:after
{
	background-position: 0 -14px;
}

section#messages dd:last-of-type
{
	display: none;
}

section#delete dd
{
	padding: 0.1px;
}

section#delete input, section#delete button
{
	display: block;
	margin: 0.5em auto;
}

section#delete button[type="submit"]
{
	background-position: -240px 0;
}

section#delete button[type="submit"]:hover
{
	background-position: -240px -40px;
}

div.downward_link
{
	text-align: center;
}