@charset "utf-8";

/*************
/* input,select,textarea
*************/
input,select,textarea{
	color:#443333;
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background-color:#fff;
	box-shadow: none;
}
label{
	color:#443333;
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
input[type="text"]:focus{
	border-color:#aa99bb;
/*	outline-color:#DEF;*/
	outline: 0;
	box-shadow: none;
}
input[type="tel"]:focus{
	border-color:#aa99bb;
/*	outline-color:#DEF;*/
	outline: 0;
	box-shadow: none;
}
select:focus{
	border-color:#aa99bb;
	outline:0;
	box-shadow: none;
}
select{
	border: 1px solid #ddd;
	font-size:1.4em;
	vertical-align: middle;
}
select:hover{
	border: 1px solid #777788;
}
select option{
	font-size:1em;
	line-height:1.3em;
	color:#443333;
	box-shadow: none;
}
option, optgroup{
	padding:5px 0;
}

textarea:focus{
	border-color:#aa99bb;
	outline:0;
	box-shadow: none;
}

::-webkit-input-placeholder {
  color: #f0f0f8;
}
::-moz-placeholder {
  color: #f0f0f8; opacity: 1;
}
:-ms-input-placeholder {
  color: #f0f0f8;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }

.inp2{
	border: 1px solid #ddd;
	width: 96%;
	font-size:1.4em;
	line-height:2em;
	vertical-align: middle;
	background-color:#FFF;
	padding-left:0.2em;
	padding-right:0.2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.inp3{
	border: 1px solid #ddd;
	width: 85px;
	font-size:1.4em;
	line-height:2em;
	vertical-align: middle;
	background-color:#FFF;
	text-align:center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.inp5{
	border: 1px solid #ddd;
	width: 45%;
	min-width: 100px;
	font-size:1.4em;
	line-height:2em;
	vertical-align: middle;
	background-color: #FFF;
	padding-left:0.2em;
	padding-right:0.2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.pw100{
	display:block;
	width:100%;
}
.inptxt{
	display:block;
	float:left;
	border:none !important;
	font-size:85% !important;
	line-height:1.2em !important;
}
.inp8{
	border: 1px solid #ddd;
	width: 47%;
	margin:0px 2% 0 0;
	font-size:1.4em;
	line-height:2em;
	vertical-align: middle;
	background-color:#FFF;
	padding-left:0.2em;
	padding-right:0.2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width : 520px){
	.inp8{
		width: 44%;
		margin:0px 1% 0 0;
	}
}
@media screen and (max-width : 816px){
	.inp9{
		width: 96%;
		float:none;
	}
}
.inp2:hover, .inp3:hover, .inp5:hover, .inp8:hover, .inp9:hover, textarea:hover{
	border: 1px solid #777788;
}
.inpdisable{
	border: 1px solid #FFF;
	width: 60px;
	font-size:1.4em;
	line-height:2em;
	vertical-align: middle;
	background-color:#FFF;
	text-align:center;
	padding-right:0 !important;
	padding-left:0 !important;
	color:#292929;
	-webkit-text-fill-color: #292929;
	-webkit-appearance: none;
	opacity: 1;
}
@media screen and (max-width : 520px){
	.inpdisable{
		font-size:1.4em;
		width: 55px;
	}
}
@media screen and (max-width : 360px){
	.inpdisable{
		font-size:1.2em;
		width: 50px;
	}
}
.sel{
}
.sel2{
	width:3.3em;
	padding-left:1em;
}
.bikou1{
	display:block;
	border: 1px solid #ddd;
	width:96%;
	font-size:1.3em;
	line-height:1.3em;
	height:8em;
	background-color:#FFF;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.4em;
	padding-bottom:0.3em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.bikou1:hover{
	border: 1px solid #777788;
}
.bikou1:focus{
	border-color:#aa99bb;
	outline:0;
	box-shadow: none;
}

.bikou2{
	display:block;
	border: 1px dotted #ddddee;
	width:96%;
	font-size:1em;
	line-height:1.3em;
	height:8em;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.4em;
	padding-bottom:0.3em;
/*	overflow:hidden;
	overflow-y:scroll;*/
	background-color:#FFF;
	resize: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.bikou3{
	display:block;
	width:96%;
	height:8em;
	padding:0.2em;
	font-size:1.4em;
	line-height:1.3em;
	border:solid 1px #ddd;
	background-color:#ffffff;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
/*	box-shadow: 0.1em 0.1em 0.1em 0.1em rgba(61,160,199,0.1) inset;*/
/*	box-shadow: 0px 0px 4px 1px rgba(255,160,64,0.2) inset;*/
}

label{
	font-size:1.2em;
	padding-left:0.3em;
	padding-right:0em;
}
td.pad label{
	font-size:1.2em;
	padding-left:0.3em;
	padding-right:1.6em;
	white-space:nowrap;
}
label input{
	margin-right:0.6em;
	padding:0.5em;
	border:solid 2px #777788;
}


/*************
/* radio,checkbox
*************/
/*
input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #eeeef8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #e8e8f4;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #3da0c7;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #bbb;
  border-radius: 6px;
  content: '';
}
.radio:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 20px;
  left: 17px;
  display: block;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  background-color: #3da0c7;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #3da0c7;
  border-bottom: 3px solid #3da0c7;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
*/

input[type=checkbox] {
  display: none;
}

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #eeeef8;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:hover {
  background-color: #e8e8f4;
}
.checkbox:hover:after {
  border-color: #3da0c7;
}
.checkbox:after {
  -webkit-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #bbb;
  border-radius: 6px;
  content: '';
}
.checkbox:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #3da0c7;
  border-bottom: 3px solid #3da0c7;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

label input[type=radio] {
  border:none;
}