@charset "utf-8";
/* CSS Document */
*html body{padding-left:0;}

/*------------------------- form -------------------------*/
.attentionList01 {
margin-bottom: 20px;
}

table.formstyle {
	border: none;
	width:100%;
	margin-bottom: 15px;
}

table.formstyle th{
	border-bottom: 2px #fff solid;
	border-right: none;
	background: #ffebed;
	vertical-align: top;
	padding: 10px;
	font-weight: bold;
	width: 30%!important;
}
table.formstyle td{
	border-bottom: 2px #fff solid;
	background: #f6f6f6;
	padding: 10px;
}

/*table.formstyle iframe {
	border: 1px solid #CCC;
	width: 98%;
	height: 125px;
	/*height: 300px;
	background: #fff;
}*/

input, textarea{
    border: 1px solid #CCC;
}
.formstyle tr td .ifpersonal {
    border: 1px solid #CCC;
    width: 100%;
    height: 125px;
    /*height: 300px;*/
    background: #fff;
  overflow:auto; /* scrollからautoに変更 */
  -webkit-overflow-scrolling:touch;
  margin-bottom: 5px;
}

.formstyle tr td .ifpersonal iframe{
width:100%;
height:100%;
  border:none; /* 追加で指定 */
  display:block; /* 追加で指定 */
}
table.formstyle textarea { display: block; width: 100%; font-size: 20px; margin-bottom: 10px;}
/*table.formstyle textarea { display: block; width: 100%; font-size: 20px; margin-bottom: 20px;}*/


div#mainImg {
	text-align: left;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #de1020;
	margin-bottom: 20px;
}

div#mainImg2 {
	height: 120px;
	text-align: left;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #de1020;
	margin-bottom: 20px;
}



div#mainImg { background:url(../images/bg_main.gif) no-repeat bottom right; position:relative; }
.user div#mainImg { background:none; position:relative; }

p.message { width: 50%; }

div#mainImg .btnContactuser{
	width: 252px;
	height: 62px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position:absolute;
	right:20px;
	bottom:20px;
	margin-bottom: 0!important;
}

div#mainImg .btnContactuser a span{
	font-size: 14px;
	text-align: left!important;
}

div#mainImg .btnContactuser a:hover{ filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*FF*/ opacity:0.70;}


.btn_gray,
.btn_blu {
	background: none!important;
	font-size: 1px!important;
	line-height: 0;
	width: 172px;
}

.btn_gray span.cancel {
	background: url(../images/btn_cancel.gif) no-repeat;
	padding-top: 52px;
	width: 172px;
	height: 0;
	_height: 52px;
}

.btn_blu span.next {
	background: url(../images/btn_submit.gif) no-repeat;
	padding-top: 52px;
	width: 172px;
	height: 0;
	_height: 52px;
}

.formAttention {
	width: 770px;
	background: #eee;
	padding: 15px;
}

.formAttention2 {
	width: 660px;
	background: #eee;
	padding: 15px;
	margin-bottom:20px;
}

.berry {
text-align: center;
}
.red{color:#F00;}


#cvBtnArea { padding: 20px 0 40px;}
#cvBtnArea .buttonBlack,
#cvBtnArea .buttonGreen { display: inline; padding: 10px 30px!important; font-size: 18px!important; }

@media screen and (max-width: 767px) {
	div#mainImg { background-image: none; }
	p.message { width: 100%; }
	div#mainImg p.btnContactuser { width: 100%; position:relative; bottom: auto; right: auto; }
	table.formstyle { display:block; width: auto!important;}

	table.formstyle th,
	table.formstyle td { display: block; width: auto!important; padding: 10px; text-align: left!important;}

	table.formstyle th input,
	table.formstyle td input,
	table.formstyle iframe,
	table.formstyle textarea { display: block; width: 100%; font-size: 20px; margin-bottom: 20px;}

	table.formstyle input[type="radio"] ,
	table.formstyle input[type="checkbox"] {display: inline; width: auto; }

	#cvBtnArea { padding: 20px 0;}
	#cvBtnArea .buttonBlack,
	#cvBtnArea .buttonGreen { margin-bottom: 10px; display: block; padding: 10px 0!important; font-size: 18px!important; }
	.formAttention {
		width: auto;
		background: #eee;
		padding: 15px;
	}

	.formAttention2 {
		width: auto;
		background: #eee;
		padding: 15px;
		margin-bottom:20px;
	}
}

/*----- 2018.03 -----*/
.mt05{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mb05{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
ul.selcted_form_crosslist li:not(:first-child){
	margin: .3rem 0 0;
}