<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* --- 隕句�縺� ---------------------------------------------- */

h1#header{
	font-size:14px;
	line-height:50px;
	margin-left:30px;
}
h1#header a{
	text-decoration:none;
	color:#000;
}
h1#header a:hover{
	text-decoration:none;
	color:#337AB7;
}
#greeting{
	width:960px;
	margin:0 auto;
}



/* --- 譖ｸ縺崎ｾｼ縺ｿ逋ｻ骭ｲ驛ｨ蛻��CSS ---------------------------------- */
#container{
	width:960px;
	margin:30px auto 0;
	background-color:#FA9;
	box-sizing:border-box;
	padding:5px;
	border-radius:5px;
}
.decoratedInput{
	width:100px;
	border:none;
	border-radius:5px;
	box-shadow:none;
	padding:5px 8px;
}
input[type="submit"]{
	-webkit-appearance: none;
}
#form-top,#form-middle,#form-bottom,#form-submit{
	line-height:14px;
	border-radius:5px;
	display:flex;
	margin:5px 2px;
	justify-content:space-between;
}
#form-top #msg_title{
	margin-right:5px;
	flex-grow:2;
}
#form-top #nickname{
	flex-grow:1;
}
#form-middle #msg_txt{
	width:100%;
	line-height:18px;
	font-size:12px;
}
#form-bottom{
	justify-content:flex-end;
	align-items:center;
}
#form-bottom div:first-child{
	font-size:12px;
	line-height:20px;
	text-align:center;
	padding:0 15px 0 0;
}
#form-bottom div:nth-child(2){
	margin-right:5px;
}
#form-bottom div:nth-child(2) #delkey{
	display:block;
	margin:0 0 5px auto;
	line-height:18px;
	font-size:12px;
	width:120px;
}

#form-bottom div:nth-child(2) #pwtxt{
	display:block;
	margin:0 0 0 auto;
	line-height:18px;
	font-size:12px;
	width:120px;
}
#form-bottom div:last-child input{
	display:block;
	width:100px;
	line-height:22px;
	border:2px solid #999;
	margin:auto 0 0 auto;
	border-radius:0;
	background-color:#FFF;
	cursor:pointer;
}
#form-bottom div:last-child input:hover{
	background-color:#DDD;
}

/* --- 讀懃ｴ｢繝代�繝� -------------------------------------------- */
div.search
{
	width:960px;
	height:50px;
	line-height:50px;
	text-align:right;
	margin:10px auto 0;
}
#msg_search
{
	width:200px;
	height:20px;
	font-size:12px;
	padding:5px 5px 5px 10px;
	border:solid #999 2px;
	border-radius:4px 0 0 4px;
	vertical-align:middle;	/* valign縲蠢��� */
}
#button, #button02{
	width:80px;
	line-height:20px;
	font-size:12px;
	/* padding:0 30px; */
	margin:0;
	background-color:#FFF;
	vertical-align:middle;	/* valign縲蠢��� */
	cursor:pointer;
	border:2px solid #999;
}
#button:hover, #button02:hover{
	background-color:#DDD;
}


/* --- 險倅ｺ矩夢隕ｧ驛ｨ蛻��CSS ------------------------------------------ */
.newTopic {
	font-size:16px;
	padding-right:10px;
	font-weight: bold;
	color:#F30;
}

div.article{
	width:960px;
	margin:30px auto;
	border:5px solid #FCB;
	border-radius:6px;
	box-sizing:border-box;
}
div.article p.title{
	margin:0;
	line-height:20px;
	padding:10px 15px;
	background-color:#FCB;
}
div.article p.title span.info{
	font-size:16px;
	display:block;
	text-align:left;
}
div.article p.title span.time{
	font-size:14px;
	display:block;
	text-align:right;
	text-decoration:none;
}
div.article p.message{
	font-size:14px;
	margin:12px 12px 0;
}
div.article p.follower{
	font-size:12px;
	margin:5px 5px 6px;
	text-align:right;
}
div.reply{
	position:relative;
}
div.reply:before{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #FCB;
}
div.reply p.title:hover{
	text-decoration:none;
}


/* --- 險倅ｺ九�荳矩Κ縺ｫ縺ゅｋ縲悟�譁�ｒ隱ｭ繧縲阪瑚ｿ比ｿ｡謨ｰ縲阪瑚ｨ倅ｺ句炎髯､縲阪∽ｻ�&lt;hr/&gt;縺ｪ縺ｩ ----------------------- */
a.open{
	display:block;
	text-align:right;
	font-weight:normal;
}
a.delete{
	padding-right:5px;
	font-weight:bold;
}
.backnum{
	margin:0 auto 30px;
	text-align:center;
	width:90%;
	padding:0 !important;
}
.backnum a{
	color:#66F;
	display:inline-block;
	font-weight:bolder;
}

hr.border{
	width:96%;
	border:1.5px dashed #AAA;
	margin:30px auto;
}

/* --- 繧ｨ繝ｩ繝ｼ繝壹�繧ｸ縺ｪ縺ｩ ------------------------------------ */
.deleted{
	width:96%;
	margin:20px auto;
	text-align:center;
	color:#F30;
	font-weight:bold;
	font-size:16px;	
}

/* --- window繧ｵ繧､繧ｺ螟峨ｏ縺｣縺溘ｉ縺薙▲縺｡繧帝←逕ｨ ------------------------ */
@media screen and (max-width:960px){
	html,body,#greeting,div.search{
		width:100%;
		padding:0;
		margin:0;
	}
	#container{
		width:100%;
		background-color:#FA9;
		padding:5px;
		border-radius:0;
	}

	div.article, .deleted{
		width: 98%;
		border-radius:3px;
	}
}</pre></body></html>