@import "penlabo.css";

/*-----------------------------------------------------------------------------
 共通スタイル
-----------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	color:black;
	background-color:white;
}
a		{ color:black; }
h1		{ display:none; }
img		{ border:0; }
div, form, p, pre, dl
		{ margin:0; padding:0; }
/*------------------ リスト系 */
ul,li
		{ list-style-type:none; margin:0.2em 0 0.2em 0; padding:0; }
li a {
	color:#003366;
	text-decoration:none;
	border-left-style:solid;
	border-left-width:0.4em;
	border-left-color:#003366;
	padding-left:0.4em;
}
li a:hover {
	border-color:red;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#336699;
}
dd { margin-top:0.2em; margin-bottom:0.2em; }
dd a { color:#339999; }
dd a:hover {
	text-decoration:underline;
	color:#de974f;
}
li span, dd span
		{ font-size:9pt; color:gray; margin-left:0.4em; }
/*------------------ テーブル系 */
table,tr,td,th {
	border-collapse:collapse;
	border:1px white solid;
	margin:0.6em 0.4em;
	padding:0 0.2em;
	line-height:1em;
}
caption	{ margin-bottom:0.4em; }
th		{ color:#003366; text-align:center; background-color:#6699cc; font-weight:normal; }
th a	{ font-size:100%; text-decoration:none; }
td a	{ text-decoration:none; }
.a:hover, td a:hover
		{ background-color:#003366; color:white; }
.h		{ text-align:right; background-color:#003366; }
.t		{ background-color:#bbbbbb; }
.c, tr:hover
		{ background-color:#bbbbbb; }
/*-----------------------------------------------------------------------------
 ｺﾋﾟﾍﾟ支援（AAプレビュー画面）用
-----------------------------------------------------------------------------*/
#aaPreview {
	color:black;
	padding:0.4em;
	margin-top:0.2em;
	line-height:100%;
}
#aaPreview dl
		{ margin-top:0.4em; }
#aaPreview b {
	font-weight:bold;
	color:green;
}
/*------------------------------------------------------------------------------
 フォーム用
------------------------------------------------------------------------------*/
input[type="text"],textarea,select {
	border:1px gray solid;
	margin:1px;
}
div[align="center"],iframe {
	position:absolute;
	right:0px;
	top:10px;
	z-index:10;
}
select,input[type="checkbox"] {
	background-color:#99ccff;
	border-color:#003366;
	display:inline;
}
form,select	{ margin:0;padding:0;}
input[name="u"],input[name="bit"] {
	background-color:#99ccff;
	border-color:#003366;
	width:2em !important;
}
select,
textarea,
input[type="text"] {
	background-color:#99ccff;
	border-color:#003366;
}
/*-----------------------------------------------------------------------------
 #framestate（cgi）用
-----------------------------------------------------------------------------*/
#frame p { margin:0.2em 0 0.2em 0;padding:0;}

#frame {
	margin:0 1em 0 1em;
	padding:0.4em;
}

#frame dd	{ margin-left:1em; }
#frame .btn	{ background-color:#336699; color:lightgrey; }
#frame .cp	{ font-size:80%; padding:1px; display:inline; cursor:pointer; border:2px gray ridge; background-color:lightgrey; color:#003366; }
#frame caption span
		{ color:yellow; }
#frame .r	{ color:red; }
#frame .n	{ color:#6c6c6c; }
#frame .b	{ background-color:#6699cc; }/*誕生日用*/
#frame .o	{ color:tomato; font-weight:bold; text-align:center; }/*誕生日以外のイベント用*/
#frame .g	{ color:lime; font-weight:bold; }/*ユニーク用*/
#frame .y	{ color:yellow; font-weight:bold; }/*ぞろ目用*/
#frame .p	{ background-color:gray; color:white; }/*達成用*/
/*------------------------------------------------------------------------------
 AA編集関係のspanボタン
------------------------------------------------------------------------------*/
.styleBtn {
	color:buttontext;
	border-style:solid;
	border-width:1px;
	border-color:threedhighlight threedshadow threedshadow threedhighlight;
	background-color:threedface;
	font-size:80%;
	padding:2px 4px 2px 4px;
}
.style:hover {
	cursor:pointer;
}
.styleBtn:Active {
	border-color:threedshadow threedhighlight threedhighlight threedshadow;
}
/*------------------------------------------------------------------------------
 その他
------------------------------------------------------------------------------*/
#menu {
	float:left; font-size:100%; margin:0.2em; padding:0;
 	left:0.6em;
	top:0.6em;
	position:absolute;
}
#head {
	left:0;
	top:0;
	background-color:white;
	background-image:url(folding.gif);
	color:black;
	margin:0;
	padding-left:5em;
	padding-top:0.3em;
	font-size:100%;
	font-weight:normal;
	height:60px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
#system {
	position:absolute;
	z-index:5;
	width:40%;
	top:40%;
	left:30%;
	background-color:lightgrey;
	text-align:center;
	padding:0.4em;
	border:2px gray ridge;
}