@charset "UTF-8";




/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

katsura form v2

このまま入れる先のstyle.cssと合体させてしまうのがおすすめです。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


/* form content
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*
table{border-collapse:collapse;width:100%;}
table tr th,table tr td{border:1px solid #ccc;box-sizing:border-box;}
table tr th .required{color:red;float:right;}
table tr th{width:229px;}
*/
table.table111{width:100% !important;}
input[type="text"],input[type="email"],select,textarea{padding:0.3em;}
input[type="text"],input[type="email"]{box-sizing:border-box !important;color:#000;vertical-align:top !important;}
textarea{box-sizing:border-box !important;color:#000;font-family:sans-serif;vertical-align:top !important;}
input[type="text"],input[type="email"], textarea, .input-L{width:100%;}
.input-S{width:10em !important;}
/*
#flow{border:1px solid #ccc;display:table;margin-left:0;padding-left:0;table-layout:fixed;width:100%;}
#flow li{border-right:1px solid #ccc;display:table-cell;text-align:center;}
#flow li:last-child{border-right:none;}
#flow .active{background-color:#00f;color:#fff;}
*/
.c-red,.error_messe{color:red;}
label{cursor:pointer;}
.required-item{background-color:#effcff;}
.formError{cursor:pointer;display:block;left:300px;position:absolute;text-align:left;top:300px;z-index:990;}
.formError .formErrorContent{-moz-border-radius:6px;-moz-box-shadow:0 0 6px #000;-o-border-radius:6px;-o-box-shadow:0 0 6px #000;-webkit-border-radius:6px;-webkit-box-shadow:0 0 6px #000;background:#ee0101;border:2px solid #ddd;border-radius:6px;box-shadow:0 0 6px #000;color:#fff;font-size:11px;min-width:120px;padding:4px 10px;position:relative;width:100%;z-index:991;}
.formError .formErrorArrow{margin:-2px 0 0 13px;position:relative;width:15px;z-index:996;}
.ui-dialog .formError{z-index:5000;}
.ui-dialog .formError .formErrorContent{z-index:5001;}
.ui-dialog .formError .formErrorArrow{z-index:5006;}
.inputContainer{float:left;position:relative;}
.formError.inline{display:inline-block;left:0;position:relative;top:0;}
.ajaxSubmit{background:#55ea55;border:1px solid #999;display:none;padding:20px;}
.formError.inline .formErrorContent{-moz-border-radius:0;-moz-box-shadow:none;-o-border-radius:0;-o-box-shadow:none;-webkit-border-radius:0;-webkit-box-shadow:none;border:none;border-radius:0;box-shadow:none;}
body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0;}
.formError .formErrorArrowBottom{-moz-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin:0 0 0 12px;top:2px;}
.formError .formErrorArrow div{-moz-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;background:#ee0101;border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;display:block;font-size:0;height:1px;line-height:0;margin:0 auto;}
.formError .formErrorArrowBottom div{-moz-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.formError .formErrorArrow .line10{border:none;width:13px;}
.formError .formErrorArrow .line9{border:none;width:11px;}
.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{border-bottom:0 solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd;width:1px;}
.formError .formErrorArrow .line2{background:#ddd;border:none;width:3px;}
.formError .formErrorArrow .line1{background:#ddd;border:none;width:1px;}

.greenPopup .formErrorContent,.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorContent,.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

@media (max-width: 767px) {
table tr th,
table tr td {display: block;width: 100%;}
input[type="text"],
input[type="email"] {min-width: 100% !important;}
}