/********************************************************
フォーム
********************************************************/
h3.banner_title{
	width: 100%;
	height: 100px;
	background-image: url(../images/tit.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.main_form{margin-bottom:45px;}
.main_form p{font-size:120%;color:#666;margin:12px 0px 0 0;border-left:3px solid #aaa;padding-left:10px;margin:20px 0 6px 0;}
.main_form textarea,input{width:900px;border:1px solid #aaaaaa;}
.main_form select{width:360px;height:35px;border:1px solid #aaaaaa;}
.main_form input{height:29px;overflow-y: hidden;}
.main_form textarea{height:300px;overflow-y: auto;}
.main_form button#button_default{width:900px;height:46px;background-color:#eee;border:1px solid #aaa;}
.main_form button#back{width:480px;height:46px;background-color:#eee;border:1px solid #aaa;}
.main_form button#send{width:480px;height:46px;background-color:#eee;border:1px solid #aaa;}

.main_form span.tt{font-size:90%;background-color:#eee;padding:4px;}
.main_form ul{}
.main_form ul.form_time{}
.main_form li{float:left;margin:6px 0 2px;}
/************************************************************************/
input[type=radio], input[type=checkbox] {
  display: none;
}
.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

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

div.MyMailForm_value{width:1000px;margin:5px 0 20px 0;border-bottom:1px solid #aaa;}

div#kakunin_button{width:100%}

div#kakunin_button ul{
	display:flex;
	display: -webkit-box; /* Android 2~4 */
	-webkit-box-pack: justify; /* Android 2~4 */
	flex-wrap: wrap;	/*子要素の折り返し設定*/
	display:-webkit-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;}
	
div#kakunin_button li{
-webkit-box-flex: 1; /* Android 2~4 */}

li.kb_left{margin:right:20px;}


.contact_container{
	width:1000px;
	margin:0px auto;
	padding:30px 0px 0px 0px;
margin-bottom:30px;}
	
.contact{}

.text-success{ width:400px;margin:0px auto;padding:0px 30px;text-align:center;}

.text-success p.txt{text-align:left;width:400px;}

.backhome{
	text-align:center;padding-top:20px;}
	
.backhome a{
	width:200px;padding:15px 0 15px;
	display: block;
	text-decoration: none;
	color: #333;
	background-color: #EAEAEA;
	border:1px solid #D8D8D8;}

.backhome a:hover{
	text-decoration: none;
	color: #fff;
	background-color:#AFDC8B;
	border:1px solid #D8D8D8;
}

.text-danger{}


input#name,#kana,#zip,#address,#tel,#email,#comment{box-shadow:2px 2px 4px 1px rgba(200,200,200,0.2) inset; 
-webkit-box-shadow:2px 2px 4px 1px rgba(200,200,200,0.2) inset;
   -moz-box-shadow:2px 2px 4px 1px rgba(200,200,200,0.2) inset;}
/********************************************************
ポップアップフォーム
********************************************************/

.window_form_container{
	width:100%;
	padding:30px 66px 10px 66px;
	background-color: #fcfbf8;}
	
.window_form{}

.window_form ul{	
	display:flex;
	display:-webkit-flex;
	width:1000px;}
	
.window_form li.ac{
	width: 650px;
	padding-top:50px;
	background-image: url(../images/index_tit_access.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.window_form li.form{
	padding-top:50px;
	background-image: url(../images/index_tit_contact.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:350px;}
/********************************************************
*********************************************************
********************************************************/

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position: relative;
	color: #fff;
	width: 150px;
	font-size: 11px;
	border: 1px solid #FFF;
	padding: 4px 10px 4px 10px;

}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
#headMessage {
	padding: 10px;
	color: #FFF;
}