h2{font-size:16px;margin:0;margin-bottom:3px;padding:3px;color:#669;border-bottom:1px solid #d8dfea;background-color: #f7f7f7;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

h3{font-size:14px;margin:0;margin-bottom:3px;padding:3px;color:#669;border-bottom:1px solid #d8dfea}

h2 {
	text-decoration:none;
	text-align:left;
	margin: 0 auto; padding:0px; font-size:14px;background-color:#FCF2F7;
	margin-bottom:10px;


text-align: center;

}


div#Rank {
    color:#5a168f;
    font-size: 14px;
 margin: 0 auto;

}

p{
    margin-right: auto;//ここで中央寄せを指定する。
    margin-left : auto;
    font-size: 18px;
    margin:0;
    margin-bottom:3px;
    padding:3px;
    color:#669;
    border-bottom:1px;
    width: 80%;
    max-width: 500px;
    margin-top: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    width: 80%;
    max-width: 500px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

p.resizeimage img {
 width: 100%;
 text-align:center;
 color:#8F4E70;
 border-style:solid;
 border-width:0px;
 border-color:#E2DEF0;
 max-width: 500px;
 max-height: 500px;
 margin: 0 auto;
}

p.resizeimage2 img {
 width: 100%;
 text-align:center;
 color:#8F4E70;
 border-style:solid;
 border-width:1px;
 border-color:#E2DEF0;
 max-width: 500px;
 max-height: 500px;
 margin: 0 auto;
background-color: #f2f388;
}


button {
    width: 86px;
    height: 76px;
    color: #4c567d;
    background-color: #f5e571;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

input#instabutton {
    background: url('img/insta-logo-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #eb71f5;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
}

input#viberbutton {
    background: url('img/viber-logo-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #604cd9;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;}


a.viberbutton{
    background: #604cd9;
    background-repeat: no-repeat;
    display: block;
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-position: 50% 50%;
}


a.twitterbutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #1da1f2;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;

}

a.facebookbutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #3b579d;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;

}

a.linebutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #00b900;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
  margin: 0 auto;
}


table.buttons{
 max-width: 800px;
  margin: 0 auto;

}

a.instabutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #eb71f5;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;

}


input#twitterbutton {
    background: url('img/twitter-logo-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #1da1f2;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;}

input#facebookbutton {
    background: url('img/facebook-logo-white-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #3b579d;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
}



input#backbutton {
	background: url('img/arrow-right.png');
	background-position: 50% 50%; 
	background-repeat: no-repeat;
    width: 86px;
    height: 76px;
    color: #4c567d;
    background-color: #FCF2F7;
    border-width: 0px;
    font-size: 18px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

input#goodbutton {
	background: url('img/arrow-left.png');
	background-position: 50% 50%; 
	background-repeat: no-repeat;
    width: 86px;
    height: 76px;
    color: #4c567d;
    background-color: #FCF2F7;
    border-width: 0px;
    font-size: 18px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

input#open {
    font-size: 18px;
    color: #4c567d;
    border-width: 0px;
    border-style: outset;
    background-color: #f7b3b3;
    border-color: buttonface;
    border-image: initial;
}

input#close {
    font-size: 18px;
    color: #4c567d;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

div#footer {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	   font-size:14px;
	   text-align:center;
	color:#112910;

	  }

div#header {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size:14px;
    text-align:center;
    color:#112910;
    /* max-width: 785px; */
    /* margin: 0 auto; */
    text-align: center;
   }

div#space{
height:100px;
}

body {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

body {
  background-image: url("https://artistts.org/love-children-animals-friends/info/bg/chatbackground.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  text-align: center;
}

.story-link {
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
  color: #6a5acd;
  text-decoration: none;
  transition: 0.3s;
}

.story-link:hover {
  color: #a48cff;
  text-shadow: 0 0 6px rgba(164, 140, 255, 0.6);
}