@charset "UTF-8";

@import url("./moonisthere.css");


/* メインタイトル
----------------------------------------------- */
div.maintitle {
	display:table;

	width:100%;
	height:120px;

	background-color:#000000;
	background-image:url(./image/wingedmoon.jpg);
	background-repeat:no-repeat;
}

div.maintitle h1 {
	display:table-cell;

	width:100%;
	padding:0 1em 1em 0;

	text-align:right;
	vertical-align:bottom;
	white-space:nowrap;

	color:#f0f8ff;
	font-size:x-large;
	font-weight:normal;
}
/* -------------------------------------------- */


/* エントランス
----------------------------------------------- */
div.entrance {
	width:100%;
	height:768px;

	border-style:none;
	border-collapse:separate;

	background-image:url(./image/entrance.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

div.gate {
	width:100%;
	height:2em;

	text-align:center;
	white-space:nowrap;
	letter-spacing:0.25em;

	color:#ffffff;
	font-size:xx-large;
	line-height:2em;

	background-color:#000000;
}
/* -------------------------------------------- */


/* 注意書き
----------------------------------------------- */
div.notice {
	width:100%;
	margin:1px 0;
}

div.notice div.author {
	margin-bottom:1px;
	padding:0.4em;

	text-align:right;
	white-space:nowrap;

	color:#f0f8ff;
	font-size:large;
	line-height:1.2em;

	background-color:#000000;
}

div.notice ul.explain {
	list-style-type:none;
	list-style-position:inside;

	margin:0;
	padding:0.5em;

	text-align:right;
	white-space:nowrap;

	color:#f0f8ff;
	font-size:medium;
	line-height:1.4em;

	background-color:#000000;
}
/* -------------------------------------------- */


/* 署名
----------------------------------------------- */
div.signature {
	display:table;

	width:100%;

	background-color:#000000;
}

div.signature div.address {
	display:table-cell;

	width:50%;
	height:2em;
	padding-left:1em;

	text-align:left;
	vertical-align:middle;
	white-space:nowrap;

	color:#f0f8ff;
	font-size:large;
	line-height:1.2em;
}

div.signature div.copyright {
	display:table-cell;

	width:50%;
	height:2em;
	padding-right:1em;

	text-align:right;
	vertical-align:middle;
	white-space:nowrap;

	color:#6090ef;
	font-size:large;
	line-height:1.2em;
	font-style:normal;
}
/* -------------------------------------------- */


/* メニューページ ヘッダー
----------------------------------------------- */
div.crescent h1 {
	display:table-cell;

	width:100%;
	padding-left:150px;

	text-align:left;
	vertical-align:middle;
	white-space:nowrap;

	color:#f0f8ff;
	font-size:large;
	font-weight:normal;
}

div.crescent div.instructions {
	display:table-cell;

	width:12em;

	padding:0 0.5em 0.5em 0;

	text-align:right;
	vertical-align:bottom;
	white-space:nowrap;

	color:#f0f8ff;
	font-size:medium;
	line-height:1.4em;
}

div.crescent div.instructions div {
	display:table-cell;

	width:6em;
}
/* -------------------------------------------- */


/* メニューページ メイン
----------------------------------------------- */
div.main div.menu {
	padding:0.5em 0;

	text-align:right;
	vertical-align:top;
	white-space:nowrap;

	color:#203060;
	font-size:medium;
	line-height:1.2em;
}
/* -------------------------------------------- */


/* 素材引用元表示
----------------------------------------------- */
div.indicate {
	display:table;

	width:100%;

	background-color:#f0f8ff;
}

div.indicate div.note {
	display:table-cell;

	width:100%;
	padding:4px;

	text-align:right;
	vertical-align:middle;
	white-space:nowrap;

	color:#6090ef;
	font-size:medium;
	line-height:1.2em;
}

div.indicate div.banner {
	display:table-cell;

	margin-left:1em;
	padding:4px;

	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
}

div.indicate span {
	margin-left:0.5em;
	padding:4px;

	text-align:right;
	vertical-align:bottom;
	white-space:nowrap;

	color:#6090ef;
	font-size:medium;
	line-height:1.2em;
}
/* -------------------------------------------- */


/* イベント絵
----------------------------------------------- */
div.event {
	width:100%;
	margin-bottom:2em;

	text-align:center;
	white-space:nowrap;
}
/* -------------------------------------------- */