﻿@charset "utf-8";

.box1 {

	background-image: url(http://twilight-land.com/wp-content/uploads/2016/09/a1.png);

	border-radius: 8px;

	-webkit-box-shadow: 1px 2px 5px 1px #9C9C9C;

	box-shadow: 1px 2px 5px 1px #9C9C9C;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 8px;

	padding-left: 8px;

}

.box2 {

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	background-color: #FFFFFF;

	border-radius: 5px;

	border: 2px solid #D3D3D3;

	}

.box3 {

	background-image: url(http://twilight-land.com/wp-content/uploads/2016/09/line.png);

	line-height:1.75;

	margin-top:35px;

	margin-bottom:35px;

	}

#main h3{

	border-bottom-style: none;

	margin-top: 15px;

	margin-bottom: 15px;

	padding-top: 15px;

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 15px;

	background-image: url(http://twilight-land.com/wp-content/uploads/2016/09/s3.png);

	background-position: right bottom;

	background-repeat: repeat-x;

	color: #0D8405;

	font-size: 2em;

}

  .waku01 {

	padding: 7px;

	border: 1px solid #ccc;

	background: #fff;

	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);

	margin-right: 10px;

	margin-bottom: 10px;

  }

  .waku02 {

    position:relative; /* positionの基準とするためrelativeを与えます。 */

  }

  .waku02:before {

    content: ''; /* このプロパティが無いと擬似要素は機能しません、お決まりの呪文です。 */

    display: block; /* ブロック要素にします。 */

    position: absolute; /* absoluteで上に乗っけます。 */

    top: 0; /* 縦横の値を入れるのは基本です。入れないとだめ！っと思っておくほうが今後の為いいです。 */

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: inset 0 0 0px 8px rgba(255,255,255,0.6);

    }

.m2 {

	margin-top: 15px;

	margin-right: 0;

	margin-left: 0px;

	padding-top: 15px;

	padding-right: 5px;

	padding-left: 90px;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	background-position: left top;

	background-color: -moz-linear-gradient(;

	font-size: 1.4em;

	background-image: url(http://twilight-land.com/wp-content/uploads/2016/09/m_tamago-1.png);

	background-repeat: no-repeat;

	margin-bottom: 15px;

	height: 66px;

}

.clear {

	clear:both;

	}

.button a {

	background-color: #333;

	border: 2px solid #333;

	color: #fff;

	line-height: 50px;

	display: block;

}

.button a:hover {

	background-color: #fff;

	border-color: #59b1eb;

	color: #59b1eb;

}