﻿.style1 {
	border: 2px solid #008000;
	text-align: center;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin:35px;

/*
	border: 2px solid #008000;
	text-align: center;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin:35px;
*/
}
.tha {
    border-right:1px solid #008000;
    border-bottom:1px solid #008000;
    background-image:url(../image/midori-line.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
	height: 45px;
	font-size: 110%;
	color: white;
	font-weight: bold;
}
.tda {
/*	background: #C5FEBA;*/
	height:27px;
	border: 1px solid #008000;
	background-image:url(../image/cha-line.gif);
/*	white-space: pre;*/
	overflow-wrap:normal;
	font-size:80%;
	color:#FFFFFF;
	padding:8px;
}
.td3 {
	background: #FFFFFF;
	width: 35%;
	height:35px;
	border: 1px solid #008000;
	font-size: 90%;
}
.td4 {
	background: #FFFFFF;
	width: 35%;
	height:80px;
	border: 1px solid #008000;
	font-size: 90%;
	white-space: pre;
}
.td5 {
	background: #C5FEBA;
	width: 80%;
	height:35px;
	text-align: center;
	border: 1px solid #008000;
	background-image:url(../image/usumidori-line.gif);
	font-size: 90%;
	padding:3px;
}
.tblb {
	border-width: 0px;
	background: #800000;
	width: 300px;
	height: 30px;
	margin-left:35px;

}
.td2 {
/*	background: #C5FEBA url('image/usumidori-line.gif');*/
	height: 35px;
	border: 1px solid #008000;
	text-align: left;
	font-size: 90%;
	padding: 2px;
	white-space: pre;/*pre-line;*/
}
body{
	font-family: "ＭＳ ゴシック";
	background-color: #E9F8EC;
}
.nps {
position:fixed;
top:30%;
left:50%;
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}


a:hover img{
 opacity:0.5;
}
.tblc{
	width:80%;
	margin-left:10px;
}
