@charset "utf-8";



/*UI改善 公開画面padding左右15pxに変更 fujii*/
.type019-block .record-lists{
	margin-left: 15px;
	margin-right: 15px;
}

/*UI改善 管理画面padding左右15pxに変更 fujii*/
div.ad-type019-form,
div.vi-type019-form{
	position:relative;
	padding: 0 15px 0 15px;
}

div.form-box {
/*	position:relative;*/
	width:100%;
}

div.form-box dl .cell1 {
	display:table;
	width:100%;
}

div.form-box dl .cell1 > div.label{
	/* #1722 KAWANAKA */
	/* white-space: nowrap; */
	float:left;
	font-weight:bold;
}
/*UI改善 コメント位置変更fujii*/
div.form-box dl .cell1 > div.comment{
	/* #1722 KAWANAKA */
	float:right;
	font-size:88%;

	/* #1779 matuuchi */
	padding-left:0px;
	text-align:left;
}

/*UI改善 コメント位置変更fujii*/
div.form-box dl .cell2 > div.comment{
	/* #1722 KAWANAKA */
	font-size:88%;
	/* #1779 matuuchi */
	padding-left:0px;
	text-align:left;
	margin-bottom: 4px;
}


div.form-box dl .cell2{
	/*UI改善 fujii*/
	margin-bottom:30px;
	margin-top:3px;
}

/*UI改善 fujii*/
div.form-box dl .cell2 input[type="text"],
div.form-box dl .cell2 input[type="url"],
div.form-box dl .cell2 input[type="email"],
div.form-box dl .cell2 input[type="tel"],
div.form-box dl .cell2 textarea{
	width:100%;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.form-box dl .cell2 input[type="text"]:focus,
div.form-box dl .cell2 select:focus,
div.form-box dl .cell2 textarea:focus{
	border: 2px solid rgba(0,125,255,0.3);
}


div.form-box dl .cell2 input[type="text"].email2:first-child{
	margin-bottom:5px;
}


div.form-box dl .cell2 input[type="checkbox"]{
	margin-right:5px;
	margin-left:15px;
	margin-bottom: 8px;
	margin-top: 5px;
	width: 20px;
	height: 20px;
}


div.form-box dl .cell2 input[type="checkbox"]:first-child{
	margin-right:5px;
	margin-left:0;
}

/*UI改善 fujii*/
div.form-box dl .cell2 input[type=file]{
	height: 38px;
	margin-top: 2px;
	margin-bottom: 2px;
}


div.form-box dl .cell2 input[type=radio]{
	margin-right:5px;
	margin-left:15px;
	margin-bottom: 8px;
	margin-top: 5px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}


div.form-box dl .cell2 input[type=radio]:first-child{
	margin-right:5px;
	margin-left:0px;
}

div.form-box dl .cell2 .radio-list label:last-child{
	margin-right:0px;
}

/*エディタ入力時の対応*/
.form-labeling ul,
.protect_law_area ul{
    list-style-type: disc;
    padding-left:1em;
}
.form-labeling ol,
.protect_law_area ol{
    list-style-type: decimal;
    padding-left:1.2em;
}

/* #1730 KAWANAKA */
div.form-box dl .cell2 select{
	width:80%;
	height: 38px;
	margin-top: 2px;
	margin-bottom: 2px;
}

div.form-box dl .cell2 select.datetime {
	margin-right:5px;
	margin-left:20px;
}

div.form-box dl .cell2 select.m,
div.form-box dl .cell2 select.d,
div.form-box dl .cell2 select.i{
	width:24%;
	margin-right: 2px;
}

div.form-box dl .cell2 select.Y{
	margin-left:0px;
	width:24%;
	margin-right: 2px;
}

div.form-box dl .cell2 select.H{
	margin-left:0px;
	width:24%;
	margin-right: 2px;
}

div.form-box dl .cell2 span{
	margin-right: 4px;
}


div.form-box dl .cell2 input{
	height:44px;
}

div.form-labeling {
	margin: 0 0 10px 0;
}

/*UI改善 確認ボタン調整fujii*/
div.form-bottom button{
	width	: 100%;
	height : 44px;
	margin : 0 0 20px 0;
	/*border :1px solid #666;*/
	font-size: 16px;
}

/* 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 {
	font-size	: 88%;
	background	: #FFFFFF;
	color		: #FF0000;
	padding		: 2px;
	margin-top	: 2px;
	margin-bottom	: 5px;
	margin-left: 5px;
	display		: inline-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: static;
/*	background: #d52626;*/
	background: #FFFFFF;
/*	border: 1px solid #3b3b3b;*/
	border: 1px solid #aaa;
	border-color: rgba(170, 170, 170, 0.5);
	font-size:12px;
	color:#ff0000;

	-webkit-border-radius:2px ;
	-moz-border-radius:2px ;
	border-radius:2px ;

/*	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));*/

	z-index:10;

	margin : 0 0 4px 0;
	width : 100%;
}

/*UI改善 枠線追加 fujii*/
.valid-error input,
.valid-error textarea,
.valid-error select{
	background-color:#EFDEDE;
	border: 2px solid #DE6A6A;
}

/*UI改善 必須マークを変更fujii*/
.cell1 .label .strong{
	padding:1px 4px;
/*	line-height: 1.4;*/
/*	position: static;*/
	background: #D80000;
	border: 1px solid #fff;
	font-size:11px;
	color:#fff !important;
	margin : 0 0 0 5px;
}

/* #3093 matuuchi WEBAC */
.valid-item-msg{
	line-height : 1.2;
	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;
}

span.a-valid-msg {
	display:inline-block;
	padding:2px 5px;
	line-height: 1.4;
	position: static;
/*	background: #d52626;*/
	background: #FFFFFF;
/*	border: 1px solid #3b3b3b;*/
	border: 1px solid #aaa;
	border-color: rgba(170, 170, 170, 0.5);
	font-size:12px;
	color:#b20000;

	-webkit-border-radius:2px ;
	-moz-border-radius:2px ;
	border-radius:2px ;

/*	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));*/

	z-index:10;

	margin : 0 0 4px 0;
	width : 100%;
}
