@charset "utf-8";

div.ad-type019-form{
	position:relative;
}

div.form-box {
	width : 100%;
	border-collapse : collapse;
/*
	background : #84a7b3;
	position:relative;
*/
}

div.form-box .form-item-box {
	width : 100%;
}

div.form-box dl {
	display : table;
	width : 100%;
}

div.form-box dt,
div.form-box dd {
	display : table-cell;
	border : 1px solid #fff;
	padding : 12px 10px;
	vertical-align: middle;
	color : #555;
}

.pc-one-column div.form-box dt,
.pc-one-column div.form-box dd {
	padding : 12px 15px;
}

div.form-box dl .cell1 {
	width : 200px;
	font-weight : bold;
	background : #ddd;
	border-right : 2px solid #fff;
}
div.form-box dl .cell1 .form-rule{
	font-size: 88%;
	color:#666666;
	font-weight:normal;
}

div.form-box dl .cell2 {

	width : auto;
	color : #888;
	background : #eee;
}
div.form-box dl .cell2 .form-item {
	color	: #333333;
}

div.form-box dl .cell2 input[type=text],
div.form-box dl .cell2 select {

	border : 1px solid #ccc;
}

div.form-box dl .cell2 select {
	max-width : 200px;
}

div.form-box dl .cell2 input[type="text"]{
	margin-right:10px;
}

div.form-box dl .cell2 input[type="text"].email2:first-child{
	margin-bottom:5px;
}


div.form-box dl .cell2 input[type="checkbox"]{
	margin-right:10px;
	margin-left:20px;
}


div.form-box dl .cell2 input[type="checkbox"]:first-child{
	margin-right:10px;
	margin-left:0;
}


div.form-box dl .cell2 input[type=radio]{
	margin-right:10px;
	margin-left:20px;
}


div.form-box dl .cell2 input[type=radio]:first-child{
	margin-right:10px;
	margin-left:0px;
}

div.form-box dl .cell2 .radio-list label:last-child{
	margin-right:0px;
}

div.form-box dl .cell2 select.datetime {
	margin-right:5px;
	margin-left:20px;
}


div.form-box dl .cell2 select.Y{
	margin-left:0px;
}

div.form-box dl .cell2 select.H{;
	margin-left:0px;
}

div.form-box dl .cell2  label{
	margin-right:20px;
}
/* #3093 */
div.form-box.webac dl .cell2  label{
	margin-right:0px;
}


div.form-box dl .label-cell {
	width : 100%;
	border : 0;
/* #2000 kawakami */
/*	background : #fff;*/
/* */
}

div.img-auth-box img {
	float : left;
	margin : 0 10px 0  0;
}

div.img-auth-box a {
	float : left;
	font-size : 86%;
	line-height : 50px;
}

div.img-auth-box a:link,
div.img-auth-box a:active,
div.img-auth-box a:visited,
div.img-auth-box a:hover {
	text-decoration : underline;
}

/* validate */

div.form-box dl .cell2 input[type=text].required-item,
div.form-box dl .cell2 textarea.required-item {
	background-color : #EFDEDE;
}

div.form-box dl .cell2 input[type=radio].required-item {
	border : 1px solid #a24e4e;
}

div.form-box dl .cell2 select.required-item {
	border : 1px solid #a24e4e;
}

div.form-box dl .cell2 .validate-tip {
	color : #ff0000;
	font-size : 86%;
	background	: #FFFFFF;
	margin-top	: 2px;
	margin-bottom	: 5px;
	display		: inline-block;
}
div.form-box dl .cell2  input[type='text'] + .validate-tip{
	display		: block;
}

/* システムメッセージ */
.form-err-msg,
.form-cmp-msg {
	display : table;
	width : 100%;
	margin : 0 0 10px 0;
}
.form-err-msg {
	color : #f44;
	border : 1px solid #f44;
}
.form-cmp-msg {
	color : #69b200;
	border : 1px solid #69b200;
}
.form-err-msg li,
.form-cmp-msg li {
	display : table-row;
}
.form-err-msg li p,
.form-cmp-msg li p {
	display : table-cell;
	width : auto;
	padding : 0 5px;
}

/* jsメッセージ */
span.a-valid-msg {
	display: inline-block;
	padding:2px 5px;
	line-height: 1.4;
	position: absolute;
/*	background: #d52626;*/
	background: #FFFFFF;
/*	border: 2px solid #3b3b3b;*/
	border: 1px solid #aaa;
	border-color: rgba(170, 170, 170, 0.5);
	font-size:12px;
/*	color:#fff;*/
	color:#ff0000;

	-webkit-border-radius:3px ;
	-moz-border-radius:3px ;
	border-radius:3px ;

/*	background-color:#3b3b3b;
	background-image:-moz-linear-gradient(top,#555555,#222222);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555555),color-stop(1,#222222));*/

	/* #2455 matuuchi */
	z-index:5;
}
span.a-valid-msg:after,span.a-valid-msg:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
span.a-valid-msg:after {
/*	border-color: rgba(213, 38, 38, 0);
	border-bottom-color: #3b3b3b;
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;*/

	content: "";

	/* #2773 matuuchi */
	border: 4px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	margin-left: -3px;
/*	top:-17px;*/
	top:-9px;
}
span.a-valid-msg:before {
/*	border-color: rgba(245, 83, 83, 0);
	border-bottom-color: #3b3b3b;
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;*/

	content: "";

	/* #2773 matuuchi */
	border: 4px solid transparent;
	border-bottom: 6px solid #aaa;
	position: absolute;
	margin-left: -3px;
	/*/top:-18px;*/
	top:-10px;

}
.valid-error input,.valid-error textarea,.valid-error select{
	background-color:#EFDEDE;
}

/* #3093 matuuchi WEBAC */
.valid-item-msg{
	line-height : 1.5;
	color : #f44;
	font-weight : bold;
	padding-bottom : 5px;
}
#bg .form-err-msg.webac-msg:focus{
	outline:none;
}

.webac .form-err-msg{
	color : #b20000;
	border : 1px solid #b20000;
}

.webac .valid-item-msg{
	line-height : 1.5;
	color : #b20000;
	font-weight : bold;
	padding-bottom : 5px;
}

.webac span.a-valid-msg {
	display: inline-block;
	padding:2px 5px;
	line-height: 1.4;
	position: absolute;
/*	background: #d52626;*/
	background: #FFFFFF;
/*	border: 2px solid #3b3b3b;*/
	border: 1px solid #aaa;
	border-color: rgba(170, 170, 170, 0.5);
	font-size:12px;
/*	color:#fff;*/
	color:#b20000;

	-webkit-border-radius:3px ;
	-moz-border-radius:3px ;
	border-radius:3px ;

/*	background-color:#3b3b3b;
	background-image:-moz-linear-gradient(top,#555555,#222222);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555555),color-stop(1,#222222));*/

	/* #2455 matuuchi */
	z-index:5;
}