@charset "utf-8";

	body			{background-image: url('/drawr/bg.png');background-repeat: repeat-x;background-color:#fcfcfc;color: #707070;  -webkit-text-size-adjust: 100%;}
	a:link		{color: #707070;text-decoration: underline;}
	a:visited		{color: #707070;text-decoration: underline;}
	ul			{font-size: 12px;}
	li			{font-size: 12px;list-style-type: none;display: inline;}

	.pagecover	{}
	.entire		{width: 860px;font-size: 12px;margin-left: auto; margin-right: auto;}
	.header		{width: 188px;margin-top: 10px;margin-bottom: 10px;}

	.contents		{float: left;width: 633px;font-size: 12px;background-color: #fff; border: 10px solid #fff;}
	.subarea		{}

	.logheader		{background-color: #f8f8f8;width: 600px;vertical-align: bottom; margin: 5px 9px 13px 8px; padding: 10px 8px 8px;}
	.logbody		{display: block; background-color: #fff;}
	.loginfo		{font-size: 12px;color: #707070;background-color: #fff;padding:  6px 10px 10px 10px;display: flex;
  justify-content: space-between;}
	.left, .right {  display: inline-block;}

	.profile		{width: 180px; background: rgba(255, 255, 255, 0.7); float: right; margin: 0px 0px 8px 8px; padding: 10px 9px 9px;}
	.profilename	{text-align: center; font-size: 14px; font-weight: bold; padding: 5px 0px;}
	.bio			{font-size: 12px;    line-height: 18px; width: 100%; color: #333333;margin: 0;}
	.category		{font-size: 12px;    line-height: 18px; width: 100%; color: #333333;margin: 0;text-align:left;}
	.cattree depth1	{text-align:left;}


	.guide		{font-size: 12px; width: 100%;    color: #333333; padding: 0; margin: 7px 0px 7px 0px ;text-align:center;}
	.guide2		{font-size: 12px; width: 100%;    color: #333333; padding: 0; margin: 10px 0px 5px 0px ;text-align:center;}
	.name		{text-align: center; font-size: 14px;   font-weight: bold;    padding: 0px 0px; color: #333333;    line-height: 0px;}
	.icon			{max-height: 170px; max-width: 170px; margin-top: 15px;    display: block; margin-left: auto; margin-right: auto;}

	.pagenavi		{display: flex;-webkit-box-pack: end;justify-content: flex-end;font-size: 12px; float: right;}
	a.pagelinks	{display: inline-block; text-decoration: none; background: #000000; color: white; width: 25px; height: 25px; line-height: 25px;}

	.freespacearea	{font-size: 12px;line-height: 18px;width: 100%;color: #333333;}
	.footer		{width: 100%;display: flex;-webkit-box-pack: center; justify-content: center;}

	.information2	{display: flex;padding: 10px 0px;}

	.info2			{display: flex;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;width: 60px;}

	.info3			{font-size: 10px;}

        .grid {display: grid; grid-template-columns: 25px 25px 25px 25px 31px; grid-template-rows: 25px;  gap: 10px; justify-content: center;}

	/* Powered-by表記のデザイン */
	.poweredby	{margin: 0.25em 1em 0px 1em; padding: 1em 0; font-size: 0.85em;}

/* ======================== */
/* ■入力フォームの表示領域 */		/* ※これはQUICKPOST用です。新規投稿専用画面や編集画面ではCGI内蔵のCSSが使われるため、ここの記述は適用されません。 */
/* ======================== */
.postform {background-color: #FFF;margin: 0;	padding: 1em;}
.postform p {margin: 0;}
	textarea.tegalogpost {
		border: 2px black solid;	/* 枠線 */
		border-radius: 0.67em;		/* 枠の角丸 */
		background-color: white;	/* 背景色 */
		font-size: 0.9rem;			/* 文字サイズ */
		padding: 0.5em;				/* 内側の余白量 */
		margin-bottom: 0.25em;		/* 外側下の余白量 */
		box-sizing: border-box;		/* サイズ解釈方法 */
		width: 100%;				/* 横幅 */
		height: 4.3em;				/* 高さ */
		overflow-wrap: break-word;	/* 折り返し方法 */
		overflow: auto;				/* はみ出した場合の処理 */
	}
		/* ▽プレースホルダ(※入力文字数がゼロの際にだけ見える薄文字)の装飾 */
		textarea.tegalogpost:placeholder-shown { color: #777; }			/* 通常時 */
		textarea.tegalogpost:focus:placeholder-shown { color: #bbb; }	/* カーソルが入ったとき */
		textarea.tegalogpost:-ms-input-placeholder { color: #aaa; }		/* for IE */

	/* ------------------------------------------------ */
	/* ▼投稿コントロール部分(ボタンや字数カウンタなど) */
	/* ------------------------------------------------ */
	.line-control {
		margin: 0.25em 0;	/* 外側の余白量 */
	}

	/* ------------ */
	/* ▼投稿ボタン */
	/* ------------ */
	.postbutton {
		display: inline-block;		/* インラインブロック化 */
		background: white;			/* 背景色 */
		color: black;				/* 文字色 */
		font-size: 1rem;			/* 文字サイズ */
		font-weight: bold;			/* 太字 */
		text-decoration: none;		/* 下線を消す */
		padding: 0.25em 0.75em;		/* 内側の余白量 */
		border: 1px solid black;	/* 枠線 */
		border-radius: 1em;			/* 枠の角丸 */
	}

/* End of file */