@charset "utf-8";
body {
  background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)) fixed, url(http://lunaria.ddo.jp/images/bg.jpg) fixed;
  background-size: cover;
}

div {
  margin: 120px 0;
  text-align: center;
}
p {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", Courier New, sans-serif;
  line-height: 1.7;
  margin-bottom: 25px;
  font-size:1.5em;
  color:#000;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

h2{
    font-weight:bold;
    position: relative;
    padding: 10px;
    background: #ffffff;
    margin-right:20px;
	font-size:90%;
	color:#408080
}
h2:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color: #a6a6ff;
}
h2:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 22px 10px;
    border-style: solid;
    border-color: #b8b8ff;
    border-right-color: transparent;
}

.logo {
	width:95%;
}