﻿/* ナビ */
#navi {
	list-style:none;
	margin:0px;
	padding:0px;
  	font-family:"Meiryo UI";
	font-size:small;
	font-weight:bold;
}
#navi li {
	display:inline-block;
	width:140px;
	text-align:center;
	background-color:whitesmoke;
	height:20px;
	line-height:20px;
	margin-right:2px;
}
#navi li a {
	text-decoration:none;
	color:darkblue;
}

/* ヘッダ・フッタ */
#header,#footer {
	width:100%;
	background-color:darkblue;
	color:aliceblue;
	font-family:メイリオ;
}
#header {
	text-align:center;
	margin-bottom:10px;
}
#footer {
	margin-top:8px;
	text-align:right;
}
#footer em:before {
	content:"Copyright 2017-2020 ";
}

/* コンテンツ */
#contents {
	width:100%;
	font-family:メイリオ;
}
h2,h3,h4,h5,h6 {
	background-color:lightsteelblue;
	padding-left:5px;
	padding-right:5px;
}
h2,h3 {
	border-top-style:solid;
	border-top-width:thick;
	border-top-color:cornflowerblue;
	border-bottom-style:solid;
	border-bottom-width:thick;
	border-bottom-color:cornflowerblue;
}
hr {
	background-color:darkblue;
	height:3px;
}
p {
	padding-left:5px;
	padding-right:5px;
}
.greeting {
	height:150px;
}
.greeting_intro {
	float:left;
	display:block;
	width:70%
}
.greeting_face {
	float:right;
	text-align:right;
}
.greeting_face img {
	height:150px;
}
.italic {
	font-family:"Courier New", Courier, monospace;
	font-style:italic;
}
.right {
	display:block;
	text-align:right;
}

/* 工事中表示 */
.under_construction {
	height:40em;
	background-color:tan;
	background-image:url('../img/miyako2.jpg');
	background-position:center;
	background-repeat:no-repeat;
	padding:5px;
}
.under_construction_info {
	text-align:center;
	font-size:large;
	color:darkred;
}
.under_construction_info:before {
	content: "工事中";
	text-align:center;
	font-size:xx-large;
	font-weight:bold;
	color:maroon;
	text-shadow:0 0.05em 0.08em rgba(0,0,0,0.7);
	padding:5px;
	display:block;
}