body {
	font-size: 100%;
}

.form-box h5 {
	font-size:23px;
	text-align:center;
	line-height:130%;
	border-left:7px solid #ffff66;
	border-right:7px solid #ffff66;
}

.form-box h5 {
	border-left:7px solid #ffff66;
	border-right:7px solid #ffff66;
	margin:10px 0 15px 0;
	padding:12px 10px;
	background: #fffff66; /* Old browsers */
	background: -moz-linear-gradient(left, #fffff66 0%, #666666 50%, #ffff66 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fffff66), color-stop(50%,#666666), color-stop(100%,#fffff66)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #fffff66 0%,#666666 50%,#fffff66 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #fffff66 0%,#666666 50%,#fffff66 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #fffff66 0%,#666666 50%,#fffff66 100%); /* IE10+ */
	background: linear-gradient(left, #fffff66 0%,#666666 50%,#fffff66 100%); /* W3C */
	color:#FFF;
	text-shadow:2px 2px 2px #ddd;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
}

.form-box h5:before,
.form-box h5:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.form-box h5:after{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

.form-box h4 {
	line-height:150%;
}

address {
	text-align:center;
	line-height:170%;
	font-size:80%;
	text-shadow:1px 1px 2px #ddd;
	margin:5px;
}

.table th {
	width:35%;
}


.table td {
	font-size:90%;
}

.image-left,
.image-right {
	width:35%;
	max-width:300px;
	height:auto;
}

.table-layout1 .1st,
.table-layout2 .1st {
	width:35%;
	max-width:300px;
	min-width:100px;
}

.top-image {
	width:100%;
	max-width:640px;
	height:auto;
	margin:0 auto;
}

a.anchor{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}

body {

    padding-right: 5px;
    padding-left: 5px;

}

img.toiawase_button:hover{
 
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.8;
 
	/* リンクをホバーしたときのカーソルにする。*/
	cursor: pointer;
background-color:#ffffff;
}

 
/* twitter画像をクリックした瞬間 */
img.toiawase_button:active{
 
	/* 要素を若干下に下げることで、押した感じを出す。*/
 
	/* 今いる位置から相対的に3px下に配置する。*/
	position: relative;
	top: 3px;
/*スマホからのアクセスを想定している場合は、imgタグに ontouchstart="" を指定しましょう*/
}