/* HTML */
html{
	height: 100%;
}

/* ボディ */
body{
	font-family: 'メイリオ', 'Microsoft Sans Serif', 'Tahoma';
	line-height: 1.4;
	background-image: url(../../parts/img/background.png);
	height: 100%;
	cursor: pointer;
}

/* ヘッダ・フッタ */
div#header,
div#footer{
	position: fixed;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 30px;
	background-image: url(../../parts/img/background.png);
	font-size: 80%;
	cursor: default;
}

div#header{
	top: 0px;
	border-bottom: 1px solid #b3b9c3;
}

div#footer{
	bottom: 0px;
	border-top: 1px solid #b3b9c3;
}

	div#header h1{
		line-height: 22px;
		padding: 4px 8px;
	}

	div#footer p{
		line-height: 22px;
		padding: 4px 8px;
		text-align: right;
	}

/* イントロダクション */
/* 警告 */
div#introduction,
div#notice{
	background-image: url(../../parts/img/alpha_black_70.png);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 31px 0px 0px 0px;
}

	div#introduction div,
	div#notice div{
		background-image: url(../../parts/img/background.png);
		width: 92%;
		position: absolute;
		top: 10%;
		left: 4%;
		cursor: default;
		font-size: 90%;
	}

		div#introduction div h2,
		div#notice div h2{
			padding: 4px 8px;
		}

		div#introduction div p,
		div#notice div p{
			text-indent: 1em;
			padding: 0px 8px 4px 1.2em;
		}

		div#introduction div form,
		div#notice div form{
			padding: 0px 8px 4px 1.2em;
		}

			div#introduction div form fieldset,
			div#notice div form fieldset{
				padding: 0px 0px 0px 1em;
			}

				div#introduction div form fieldset input,
				div#notice div form fieldset input{
					width: 4em;
				}

				div#introduction div form fieldset input#user,
				div#notice div form fieldset input#user{
					width: 10em;
				}

		div#introduction div ul,
		div#notice div ul{
			padding-right: 8px;
			padding-bottom: 2px;
		}

			div#introduction div ul li,
			div#notice div ul li{
				padding: 0px 0px 2px 0px;
			}