@charset "utf-8";

/* ===============　ページ全体のCSS指定　=============== */

* {
 margin:0px;
 padding:0px
}
body {
 background-image:url(image/back/wahuu.jpg);
 background-size:contain; /*cover or contain*/
 background-attachment: fixed;/*背景画像の固定*/
}

#container {
 width:900px;
 margin:auto;
 background-color:#FFFFCC;
 border-right:5px solid #fdeff2;
 border-left:5px solid #fdeff2;
}

/* ================　ヘッダーのCSS指定　================ */
header {
 height:352px;
 background-image: url("image/IMG_1879-1.png")
}
#title-words {
 padding-top:100px;
 padding-left:10px;
 color:#FFFFFF;
 font-size:40px;
 font-weight:bold;
}
#title-words a{
 text-decoration:none;
}
#title-words a:visited {
 color:#FFFFFF;
}

/* ================　メニューのCSS指定　================ */
nav {
 background-image:url("image/azuki.png");
}
nav ul {
 list-style-type:none;
}
nav li {
 width:130px;
 height:25px;
 float:left;
 background-image:url("image/azuki.png");
 padding:10px;
 text-align: center;
}
nav a{
 color:#FFFFFF;
 font-size:12pt;
 font-weight:bold;
 text-decoration:none;
}
nav a:hover {
 color:#FFFF00;
}

/* =================　メインのCSS指定　================= */
#main {
 padding:30px;
}

/* =================　各要素のCSS指定　================= */
h1 {
 background-color:#96514d;
 border-radius:5px;
 border-right:solid 10px #000000;
 border-left:solid 10px #000000;
 padding:5px 7px;
 margin-botom:20px;
 box-shadow:4px 4px 10px #999999;
 font-size:20pt;
 color:#FFFFFF;
 letter-spacing:1pt;
}
h2 {
	
	border-left: solid 10px #deb068;
	border-bottom: dotted 2px #800000;
	font-size:16pt;
}
img {
 width: 300px;
 heigth: 225px;
 float: right;
 margin: 35px 15px 15px 15px;
}
p {
 margin: 8px 0px ;
}
#setsumei {
 margin: 35px 0px 30px; 
}
#rank{
width:500px;
margin:auto
}
#ranktitle{
text-align:center;
}
#rankp{
padding-left:40px;
}
.pop{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .0.2s ease-in-out;
  transition: .0.2s ease-in-out;
}
.pop:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
#page-top {
    position: fixed;
    right: 350px;
    bottom: 20px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background:white;
    color: #737373;
}
/* ================　フッターのCSS指定　================ */
footer{
  background-color:#000000;
  padding:10px 0px;
  font-size:10pt;
  text-align:center;
  color:#FFFFFF;
}