@charset "utf-8";

/*====================================
全般
====================================*/
body {
	background-color: #00dfff;
	margin: 0px auto; /* 外部余白 */
	width: 90%;
}

#topspace {
	height: 80px;
}

#midllespace {
	height: 30px;
}

#bottomspace {
	height: 40px;
}

.h3area {
	background-color: #7fffff; /* 背景色 */
	display: inline-block; /* 表示形式 */
	margin: 0px; /* 外部余白 */
	width: 100%;
}

ul {
	display: inline-block;
	font-size: 0px;
	margin: 0px; /* 外部余白 */
	padding: 0px; /* 内部余白 */
	text-align: center; /* 揃え */
}

ul li {
	display: inline-block; /* 表示形式 */
	font-size: 20px;
}

ul li a {
	display: inline-block; /* 表示形式 */
	text-align: center; /* 揃え */
	text-decoration: none;
}

ol {
	display: inline-block;
	margin: 0px; /* 外部余白 */
	padding: 0px; /* 内部余白 */
	text-align: center; /* 揃え */
}

ol li {
	display: inline-block; /* 表示形式 */
}

ol li a {
	display: inline-block; /* 表示形式 */
	text-align: center; /* 揃え */
	text-decoration: none;
}

/*====================================
ヘッダ
====================================*/
#header small {
	color: #00007f; /* 文字色 */
	display: block; /* 表示形式 */
	margin: 10px auto; /* 外部余白 */
	text-align: center; /* 揃え */
}

/*====================================
タイトルエリア
====================================*/
#titlearea {
	height: 210px;
	margin: auto 20% auto auto; /* 外部余白 */
	width: 210px;
}

#titlearea h1 {
	display: block; /* 表示形式 */
	margin: 0px; /* 外部余白 */
	text-align: right; /* 揃え */
}

#titlearea h1 a {
	color: #ffffff;
	font-size: 48px;
	text-decoration: none;
}

/*====================================
メインエリア
====================================*/
#mainarea {
	text-align: center; /* 揃え */
}

#indexmenu {
	background-color: #0000bf; /* 背景色 */
	width: 320px;
}

#indexmenu li a {
	background-color: #0000bf; /* 背景色 */
	color: #ffffff; /* 文字色 */
	padding: 5px; /* 内部余白 */
	width: 150px;
}

#indexmenu li a:hover {
	background-color: #00007f; /* マウスオーバー時背景色 */
}

#indexmenu li a:active {
	background-color: #00004f; /* クリック時背景色 */
}

/*====================================
フッタ
====================================*/
#footer small {
	color: #00007f; /* 文字色 */
	display: block; /* 表示形式 */
	margin: 10px auto; /* 外部余白 */
	text-align: center; /* 揃え */
}

/*====================================
Cookie Consent Banner
====================================*/
#cookie-consent-banner {
	color: #00007f; /* 文字色 */
	display: block; /* 表示形式 */
	margin: 10px auto; /* 外部余白 */
	text-align: center; /* 揃え */
}