﻿
table { background-color:#f8f5ec; }

form {
  padding: 0 1.5em;
}

.form-wrapper {
  background: #f8f5ec;
  margin:0.5em auto;
  padding: 0 1em;
  max-width: 370px;
}

.form-item {
	<!-- margin-bottom: 0.75em;     下線-->
	width: 100%;
}

.form-item input {
	background: #f8f5ec;
  	border: none;
	<!--  border-bottom: 1px solid #aaaaaa;	-->
  	color: #666;
  	font-size: 14px;
  	height: 30px;
  	transition: border-color 0.3s;
  	width: 100%;
}

.form-item input:focus {
	<!--  border-bottom: 1px solid #000000;	-->
  	outline: none;
}

.button {
	 border:0px solid;				/* 平面ボタン */
    width:350px;						/* ボタン幅 */
    font-size:18px;					/* フォントサイズ */
    font-weight:normal;				/* 文字太さ */
    text-decoration:none;			/* 文字飾り */
    display:block;
    text-align:center;				/* 文字位置 */
    padding:15px 0 15px;			/* 文字周り空白 */
    color:#ffffff;					/* 文字色 */
    background-color:#a8c64e;		/* 背景色 */
    border-radius:25px;

    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);  /* 影 */

    outline: none;					/* 周りの線表示 */
}
/* ボタンが押された */
.button:active {

    box-shadow: 4px 4px 4px rgba(0,0,0,0.0);  /* 影を消す */
	 outline: none;
}

.circle {

  color: #000000;
  border: 1px solid #555555;
  background-color:#ffffff;
  padding: 0;
  margin: 1;
  width: 10px;
  height: 10px;
  line-height: 15px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position:relative;
  top:3;
  left:8;
}

#radio1 input {
  opacity: 0; /* ラジオボタンを透明に */
}
#radio1 label {
  display: block;
  margin: 0px;
  padding: 6px 0px 6px;
  text-align:center;
  font-size:13px;					/* フォントサイズ */
  font-weight:normal;				/* 文字太さ */
  width: 100px;
  height: 15px;
  float: left; /* floatレイアウトで横並びに */

}
#radio1:after { /* clearfix */
  content: "";
  display: block;
  clear: left;
}
input#yes1 + label {
  border-radius: 25px; 
}
input#no1 + label {
  border-radius: 25px; 
}
#radio1 input[type="radio"]:checked + label {
  background-color: #aba791;
  color: #ffffff;
}
.button_kensaku {
	 border:0px solid;				/* 平面ボタン */
    width:100px;						/* ボタン幅 */
    font-size:18px;					/* フォントサイズ */
    font-weight:normal;				/* 文字太さ */
    text-decoration:none;			/* 文字飾り */
    display:block;
    text-align:center;				/* 文字位置 */
    padding:10px 0 10px;			/* 文字周り空白 */
    color:#ffffff;					/* 文字色 */
    background-color:#aba791;		/* 背景色 */
    border-radius:25px;

    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);  /* 影 */

    outline: none;					/* 周りの線表示 */
}
/* ボタンが押された */
.button_kensaku:active {

    box-shadow: 2px 2px 2px rgba(0,0,0,0.0);  /* 影を消す */
	 outline: none;
}


