body {  
    text-align: center; 
	background-color: #ebeaa0; 
	font-size: 1.4em;
}  
.wrapper {  
    width: 570px;  
    margin: 0 auto;  
     
   
	padding:0 30px 0;  
}  

#header {
	width: 100%;
	height: 130px;
	background-color: #339933;
	padding-top:30px;
}
.title-w {
	float: left;
	width: 380px;
}
.sub_h {
	background-image: url(../../img/subtitle_h.png);
	height: 35px;
	width: 352px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
}
.title_h {
	background-image: url(../../img/title_h.png);
	height: 63px;
	width: 352px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
}
#footer {
	background-color: #ffffff;
	text-align: center;
	font-size: 0.8em;
	padding: 15px;
	margin-top:15px;
	
}
.cont-waku {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffff;
	border-style: solid;
	 border-width: 1px;
	border-color: #339933;
	margin: 0px ;
}
.list-waku {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffff;
	border-style: solid;
	 border-width: 1px;
	border-color: #339933;
	margin: 20px 0px ;
	padding:15px;
	text-align: left;
	overflow: auto;
}

.b-hosnear {
	height: 79px;
	width: 507px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	
	padding-bottom: 20px;
	margin-left: 28px;
	
}
a.b-hosnear  {
	height: 79px;
	width: 507px;
	display:block; /* クリックできる範囲を広げる */
   background-image: url(../../img/b_near.png);
   
}
.b-hoskey {
	height: 79px;
	width: 507px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-left: 28px;
	padding-bottom: 20px;
}
a.b-hoskey  {
	height: 79px;
	width: 507px;
	display:block; /* クリックできる範囲を広げる */
   background-image: url(../../img/b_key.png); 
}
.b-hosarea {
	height: 79px;
	width: 507px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-left: 28px;
	padding-bottom: 20px;
	
}
a.b-hosarea  {
	height: 79px;
	width: 507px;
	display:block; /* クリックできる範囲を広げる */
   background-image: url(../../img/b_station.png);
   
}
.b-hosarea {
	height: 79px;
	width: 507px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-left: 28px;
	padding-bottom: 20px;
	
}
a.b-hosarea  {
	height: 79px;
	width: 507px;
	display:block; /* クリックできる範囲を広げる */
   background-image: url(../../img/b_area.png);
   
}
.b-hossta {
	height: 79px;
	width: 507px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-left: 28px;
	padding-bottom: 30px;
	
}
a.b-hossta  {
	height: 79px;
	width: 507px;
	display:block; /* クリックできる範囲を広げる */
   background-image: url(../../img/b_station.png);
   
}
.b-sga {
	height:110px;
	width: 510px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-bottom: 20px;
	margin-left: 28px;
	
	
}
a.b-sga  {
	height:110px;
	width: 510px;
	display:block; /* クリックできる範囲を広げる */
   background-image: url(../../img/b_check2.png);
   
}

.info-w {
	text-align: left;
	padding: 20px;
}
.info-w h2 {
	font-size: 1.4em;
    font-weight: bold;
	padding-bottom: 0.5em;
	
}

.list ul li a {
	position: relative;
	display: block;
	padding: 10px 15px 10px 10px;
	border-top: 1px solid #ccc;
}
.list ul li a::before,
.list ul li a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}
.list ul li a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.list ul li a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}






h3 {
	font-size: 1.2em;
    font-weight: bold;

}.message {
	text-align: left;
	padding-top: 20px;
	margin-top: 20px;
	
	
}

.mes1 {
	font-size: 1.6em;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height:1.2em;
}
.result-f {
	font-size: 1.8em;
	color: #FF0004;
	line-height: normal;
	font-weight: bold;
}
.result-f-ok {
	font-size: 1.8em;
	color:#3FAC4A;
	line-height: normal;
	font-weight: bold;
}
.result-he {
	line-height: 2.2em;
	padding : 15px ;
}
.guardian-bg {
	background-color: #F1F1F1;
	padding : 1em ;
	text-align: left;
}
strong {
	font-weight: bold;
	font-size: 120%;
}
.re-tex {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 15px;
}
.guardian-bg p {
	margin-bottom: 0.6em;
}.graph {
	position: relative;
	background-image: url(../../img/graph_boy.png);
	background-repeat: no-repeat;
	height: 610px;
	width: 495px;
	margin:32px;
}
.graph2 {
	position: relative;
	background-image: url(../../img/graph_girl.png);
	background-repeat: no-repeat;
	height: 610px;
	width: 495px;
	margin:32px;
}
.result-t {
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	color: #FFFFFF;
	background-color: #3FAC4A;

	width: 548px;
	text-align: left;
	font-size: 1.6em;
}

.resul {
	clear: both;
	border-bottom: 2px solid #05AD00;
	margin:32px;
	width: 495px;
}
.re01 {
	float: left;
	width: 330px;
	text-align: left;
}
.table_rult{
	border-spacing: 0;
	*border-collapse: collapse; /* IE7 and lower */
}
.table_rult th,.table_rult td{
	border-top: 2px solid #02A21C;
	border-left: 2px solid #02A21C;
}
.tab-color {
	background:#ebeaa0;
	width: 100px;
}
.table_rult th{
	padding: 3px 6px;
	
text-align: center;
}
.table_rult td{
	padding: 2px 5px;
	
	
	text-align: right;
}
.table_rult th:last-child,.table_rult td:last-child{
	border-right: 2px solid #02A21C;
}
.table_rult tr:last-child th,.table_rult tr:last-child td{
	border-bottom: 2px solid #02A21C;
}
.table_rult tr:first-child :first-child{
	border-top-left-radius: 10px;
}
.table_rult tr:first-child :last-child{
	border-top-right-radius: 10px;
}
.table_rult tr:last-child :first-child{
	border-bottom-left-radius: 10px;
}
.table_rult tr:last-child :last-child{
	border-bottom-right-radius: 10px;
}
.table_rult th:first-child {
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}
 
.table_rult th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}
.mail {
	
	height: 37px;
	width: 318px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-top: 30px;
	
	margin-left: 106px;
	padding-bottom: 15px;
}
.mail a {
	height: 37px;
	width: 318px;
	display:block; /* クリックできる範囲を広げる */
   background-image: url(../../img/b_mail.png);
    text-indent:-9999px;
}
.taishoage {
	background-image: url(../../img/taisyou.png);
	height: 43px;
	width: 326px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-top: 30px;
	
	margin-left: 106px;
	padding-bottom: 15px;
}
.sga {
	background-image: url(../../img/what_sga.png);
	height: 44px;
	width: 329px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-top: 15px;
	
	margin-left: 106px;
	padding-bottom: 15px;
}
.high-rt {
	background-image: url(../../img/sindan.png);
	height: 70px;
	width: 384px;
	 text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background-repeat: no-repeat;
	margin-top: 15px;
	
	margin-left: 95px;
	padding-bottom: 15px;
}


.in-me {
	width: 570px;
	height: 270px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
.in-cara {
	float: left;
	width: 140px;
}
.in-come {
	padding-top: 1.5em;
	float: right;
	width: 420px;
	text-align: left;
}
#image-btn {
    border: 0px;
    width: 510px;
    height: 111px;
    background: url(../../img/b_check.png) left top no-repeat;
}.atten-mas {
	color: #E13123;
	text-align: left;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
dl {
  
}
dt {
	font-size: 0.8em;
	height: 1.5em;
	padding-top: 15px;
	
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left: 30px;
	margin-bottom: 15px;
  float:left;
  clear:left;
  width:90px;
  background-color: #D7EBDB;
  text-align: left;
}
dd  {
	font-size: 0.8em;
	height: 1.5em;
  float:left;
  width:400px;
  background-color: #D7EBDB;
  text-align: left;
  padding-top: 15px;

	padding-bottom: 15px;
	
	margin-bottom: 15px;
}
.mfp2 {
	background-color: #FFDDFF;
}
.list-waku h2 {
	font-size: 1.5em;
	font-weight: bold;
}.list-title {
	margin-bottom: 10px;
	border-bottom: 3px solid #339933;
}
.list-title p {
	color:#AAAAAA;
}
.shiny-button {
	margin-top: 15px;
	width:480px;
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-color: #D1A700;
  background-image: -webkit-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: -moz-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: -o-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  border-color: hsl(48, 42%, 35%);
  -webkit-box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6b5500;
  -moz-text-shadow: 1px 1px 1px #6b5500;
  -o-text-shadow: 1px 1px 1px #6b5500;
  text-shadow: 1px 1px 1px #6b5500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 30px 12px 30px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 22px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #e0b300;
  background-image: -webkit-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: -moz-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: -o-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  border-color: hsl(48, 40%, 34%);
  -webkit-box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #7a6100;
  -moz-text-shadow: 1px 1px 1px #7a6100;
  -o-text-shadow: 1px 1px 1px #7a6100;
  text-shadow: 1px 1px 1px #7a6100;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #c29b00;
  background-image: -webkit-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: -moz-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: -o-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: linear-gradient(top, #b89300 0%, #D1A700 100%);
  padding: 13px 30px 11px 30px;
}
.result-tab {
	margin-bottom: 15px;
	 width:100%;
}
.result-tab th {
	padding:5px 1em 5px 0px;
	color:#339933;
	vertical-align:baseline;
	border-bottom: 1px solid #339933;
}
.result-tab tr {
	border-bottom: 1px solid #339933;
}
.label {
	
		font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:0px solid #eeb44f;
	padding:4px 10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #339933 5%, #339933 100% );
	background:-ms-linear-gradient( top, #339933 5%, #339933 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#339933');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #339933), color-stop(100%, #339933) );
	background-color:#339933;
	color:#ffffff;
	display:inline-block;
	text-shadow:0px 0px 0px #cc9f52;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
 	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	margin:3px;
	font-weight: bold;
}
.label2 {
	float: right;
		font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:0px solid #eeb44f;
	padding:4px 10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #eeb44f 5%, #eeb44f 100% );
	background:-ms-linear-gradient( top, #eeb44f 5%, #eeb44f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeb44f', endColorstr='#eeb44f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eeb44f), color-stop(100%, #eeb44f) );
	background-color:#eeb44f;
	color:#ffffff;
	display:inline-block;
	text-shadow:0px 0px 0px #cc9f52;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
 	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	margin:3px;
	font-weight: bold;
}
.label2 a {
	color:#ffffff;
}
iframe {
	margin-top:20px;
}
input[type="text"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	 padding: 4px 10px;
}
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #1abc9c;
	border: 1px solid #1abc9c;
	
	
}
.key-frme {
	width:380px;
}
.top-fwaku {
	padding:15px;
	text-align: center;
}
.submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #428ec9;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
}
.uniform {
	
	padding:15px;
	
}
input[type="chexkbox"] {
	-webkit-transform: scale(2.0);
	transform: scale(2.0);
}.check-waku {
	float: left;
	width: 220px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 15px;
}
.help-block {
	float: left;
}
.main_menu {
	padding:15px;
	border-bottom: 3px solid #ccc;
	background-color:#009966;
	color:#FFFFFF;
	
}
.sub_menu li  {
	padding:15px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.sub_menu li a {
	display:block;
}
select
{width:100%; font-size:120%; padding:10px;}