@charset "utf-8";

/* ===============　ページ全体のCSS指定　=============== */
*{
  margin:0px;
  padding:0px;
}
body{
  background-color:#666666;
  background-image:url("image/kabegami.png");
    background-size:35%;
  background-repeat:repeat;
}
#container{
  width:700px;
  margin:auto;
  background-color:#FFF;
  border-left:5px solid #FF9933;
  border-right:5px solid #FF9933;
}

/* ================　ヘッダーのCSS指定　================ */
header{
  height:200px;
  background-image:url("image/title-back.jpg");
}
#title-words{
  padding-top:145px;
  padding-left:10px;
  color:#d2691e;
  font-size:30pt;
  font-weight:bold;
}

/* ================　メニューのCSS指定　================ */
nav{
  background-image:url("image/menu-back.png");
}
nav ul{
  list-style-type:none;
  display:flex;
}
nav li{
  flex-grow:1;
  width:120px;
  height:0px;
  float:left;
  background-image:url("image/menu-back.png");
  padding:10px;
  text-align:center;
}
nav a{
  color:#000;
  font-size:10pt;
  font-weight:bold;
  text-decoration:none;
}
nav a:hover{
  color:#FFFF00;
}

/* =================　メインのCSS指定　================= */
#main{
  padding:30px; 
}
#side {
width:75%;
}
/* =================　各要素のCSS指定　================= */
h1{
  background-color:#FF3333;
  border-radius:5px;
  border-left:solid 10px #000000;
  border-right:solid 10px #000000;
  padding:5px 7px;
  margin-bottom:20px;
  box-shadow:4px 4px 10px #999999;
  font-size:14pt;
  color:#FFFFFF;
  letter-spacing:1pt;
}

/* ================　フッターのCSS指定　================ */
footer{
  background-color:#000000;
  padding:10px 0px;
  font-size:10pt;
  text-align:center;
  color:#FFFFFF;
}