@charset "utf-8";
/* CSS Document */


/* ----------------フォント指定---------------- */
/* 項目 */
.form_label label,.form_label p{font-size:24px;}
/* 記入 */
input[type="text"],input[type="email"],input[type="password"],input[type="file"],textarea,select{font-size:18px;padding:0.3em 1em;}
.form_input label{font-size:18px;padding:0.5em 0;}/* チェックリストやラジオボタン用 */

@media only screen and (max-width:960px){
.form_label label,.form_label p{font-size:16px; font-weight:900;}
input[type="text"],input[type="email"],input[type="password"],textarea,select{font-size:16px; margin-bottom:5px;}
}


/* ----------------フォームの横並び---------------- */
.form_group{display:table; width:100%; border-bottom:1px solid #9e9e9e;}
.form_label{display:table-cell;vertical-align:middle; padding-right:10px; width:25%; background:#e8e8e8;padding:1.5em 2em; text-align:center;border-right:1px solid #9e9e9e;}
.form_input{display:table-cell;vertical-align:middle; width:75%;padding:1.5em 2em;}

#form_group_first .form_label{border-radius:10px 0 0 0;}
#form_group_last{border-bottom:none;}
#form_group_last .form_label{border-radius:0 0 0 10px;}

.vertical_top{vertical-align:top;}
@media only screen and (max-width:960px){
.form_group{display:block;margin-bottom:0;  border-bottom:none;}
.form_label{display:block;padding:10px; width:100%; border:none;text-align:left;}
.form_input{display:block; width:100%; padding:1em 0.5em;}

form .form_group:first-child{border-top:none;}
.form_group .text_right{text-align:left;}

#form_group_first .form_label{border-radius:10px 10px 0 0;}
}
/* ----------------/フォームの横並び---------------- */


/* ----------------記入欄---------------- */
input[type="text"],input[type="email"],input[type="password"],input[type="file"],textarea,select{
vertical-align:central;
background-color: #fff;
border: 1px solid #ddd;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 2px 2px rgba(0, 0, 0, 0.3) inset;
border-radius:5px;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="file"]:focus,textarea:focus{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted #89c3eb;/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


/* 記入欄の長さ */
.input15 {width: 15%;}
.input20 {width: 20%;}
.input25 {width: 25%;}
.input30 {width: 30%;}
.input40 {width: 40%;}
.input50 {width: 50%;}
.input60 {width: 60%;}
.input70 {width: 70%;}
.input75 {width: 75%;}
.input80 {width: 80%;}
.input85 {width: 85%;}
.input90 {width: 90%;}
.input100{width:100%;}
@media only screen and (max-width:960px){
.input15 {width: 30%;}
.input20,.input25{width:50%;}
.input30 {width: 60%;}
.input40,.input50,.input60,.input70,.input75,.input80,.input85,.input90{width: 100%;}
}
/* ----------------/記入欄---------------- */



/* ----------------フォームボタン---------------- */
/* フォームボタン　画像なし shadow_btn */
.shadow_btn{display:block; width:16em; text-align:center;margin:60px auto;color:#fff;font-weight:900;text-shadow:none;position:relative; line-height:2.5em;border-radius:10px;font-size:24px;
background:#d60000;box-shadow:0px 5px 0px 0px #ba0000; border:none;}
.shadow_btn:active{top:3px;background:#d60000;box-shadow:none;}
@media only screen and (max-width:960px){
.shadow_btn{font-size:80%;}
}

/* フォームボタン　画像 */
.image_btn_submit{border:none;width: 480px;height:84px;background: url(../form/form_btn_submit.png) left top no-repeat;}
.image_btn_reset {border:none;width: 480px;height: 84px;background: url(../form/form_btn_reset.png) left top no-repeat;}
.image_btn_submit:hover,.image_btn_reset:hover{cursor:pointer;
opacity: 0.7;
-moz-transition-property: all;-webkit-transition-property: all;-o-transition-property: all;-ms-transition-property: all;
-moz-transition-duration:500ms;-webkit-transition-duration:500ms;-o-transition-duration:500ms;-ms-transition-duration:500ms;
-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;
}
@media only screen and (max-width:960px){
.image_btn_submit,.image_btn_reset{width:240px;height:42px;background-size:100% 100%; margin:10px auto; display:block;}
}

/* フォームボタン　背景だけ画像 */
.btn_submit_bg{border:none;width:540px;height:80px;background: url(../img/btn_bg.png) left top no-repeat; margin:50px auto 0; display:block;}
.btn_submit_bg{font-size:30px; padding:0 0 5px;line-height:1;font-weight:900;color:#fff; text-shadow:none;}
.btn_submit_bg:hover{cursor:pointer; opacity:0.7;}

@media only screen and (max-width:960px){
.btn_back_bg{border:none;width: 240px;height: 42px;background: url(../form/form_btn_back.png) left top no-repeat; background-size:100% 100%;float:none; display:block; margin:0 auto;}
.btn_submit_bg{border:none;width:240px;height:42px;background: url(../img/btn_bg.png) left top no-repeat; background-size:100% 100%;float:none; display:block; margin:20px auto 0;}
.btn_back_bg,.btn_submit_bg{font-size:18px;font-weight:900;line-height:42px;padding:0 0 5px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.btn_back_bg:hover,.btn_submit_bg:hover{cursor:pointer;}
}

/* フォームボタン　ラインで囲む */
.btn_line {cursor: pointer;-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;background-image: none;white-space: nowrap;text-align: center;font-weight:900;padding:15px 0;font-size: 24px;
color: #b92862;background-color: #fff;border:3px solid #b92862;display: block;width:80%;margin:0 auto;}
.btn_line:focus,.btn_line.active:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;background-color:rgba(185,40,98,.1);}
.btn_line:hover,.btn_line:focus{background-color:rgba(185,40,98,.1);}
.btn_line:active{outline: 0;background-image: none;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
/* ----------------/フォームボタン---------------- */



input[type="radio"],input[type="checkbox"]{margin:10px 0;}


/* label , チェックボックスなどでinlineとblock*/
label.inline_label{cursor: pointer; margin-right:5px; white-space:nowrap;}
label.block_label{cursor: pointer; display:block;}

/*チェックボックスなどで選択不可能部分*/
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label,label.disabled{cursor: not-allowed;}

/*textareaの高さ*/
textarea{height:10em;}


/*ファイルアップロード*/
.fileUploder{position:relative;overflow:hidden;}
.fileUploder .flu_btn{position:absolute;top:5px;left:51%;/* 左の枠分ずらす */z-index:1;display:block;width:138px;height:31px;text-indent:-9999px;overflow:hidden;border:none;background:url(../form/flu_btn.gif) no-repeat 0 0;}
.fileUploder .flu_btn:hover{background-position:0 100%;}
.fileUploder .flu_file{position:absolute;top:0;right:0;/*念のため→*/z-index:99;width:100%;height:100%;/*IE対策→*/font-size:315px;opacity:0;/*IE8対策→*/-ms-filter:"alpha(opacity=0)";}
@media only screen and (max-width:960px){
.fileUploder .flu_btn{position:static;}
}


/*input group*/
.input_group {position: relative;display: table;border-collapse: separate;}
.input_group .input_group_input {position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0;}
.input_group .input_group_input:focus {z-index: 3;}
.input_group_addon,.input_group .input_group_input {display: table-cell;}
.input_group_addon:not(:first-child):not(:last-child),.input_group .input_group_input:not(:first-child):not(:last-child) {border-radius: 0;}
.input_group_addon{width:1%;white-space:nowrap;vertical-align:middle;padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;}

.input_group .input_group_input:first-child,
.input_group_addon:first-child,
.input_group-btn:first-child > .btn,
.input_group-btn:first-child > .btn-group > .btn,
.input_group-btn:first-child > .dropdown-toggle,
.input_group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input_group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input_group_addon:first-child {border-right: 0;}
.input_group .input_group_input:last-child,
.input_group_addon:last-child,
.input_group-btn:last-child > .btn,
.input_group-btn:last-child > .btn-group > .btn,
.input_group-btn:last-child > .dropdown-toggle,
.input_group-btn:first-child > .btn:not(:first-child),
.input_group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input_group_addon:last-child {border-left: 0;}



/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}

/* 注意書き */
.form_help{color:#ccc; font-size:80%;}


/* セレクトの矢印など
select::-ms-expand {display: none;}
select {
vertical-align:middle;
padding-right:20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../form/select_arrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%) !important;
background: url(../form/select_arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%) !important;
}
option[selected] {color:#999;}
 */

/* datepicker */
img.ui-datepicker-trigger{vertical-align:middle; padding-left:5px;}
#ui-datepicker-div{z-index:10 !important;}
@media only screen and (max-width:960px){
.ui-datepicker {font-size:95%;}
}

/* validationEngine */
.formError .formErrorContent ,.formError .formErrorArrow div{background:#d13434; text-shadow:none; font-weight:900;}

#txt_confirm .baseWfull{
border-radius: 10px;
}

#txt_confirm {
margin: 30px 0;
font-size: 24px;
color: #ffffff;
text-shadow: none;
}

#txt_confirm a {
color: #ffffff;
text-shadow: none;
}

#txt_confirm dl {display:table; width:100%; border-bottom:1px solid #9e9e9e;}

#txt_confirm dl dt {
display:table-cell;vertical-align:middle; padding-right:10px; width:25%; background:#e8e8e8;padding:1.5em 2em; text-align:center;border-right:1px solid #9e9e9e;}

#txt_confirm dl dd {
display:table-cell; vertical-align:middle; width:75%; padding:1.5em 2em;
}

@media only screen and (max-width:960px){
#txt_confirm dl{display:block;margin-bottom:0;  border-bottom:none;}
#txt_confirm dl dt{display:block;padding:10px; width:100%; border:none;text-align:left;}
#txt_confirm dl dd {display:block; width:100%; padding:1em 0.5em;}
#txt_confirm {font-size: 18px;}
form dl:first-child{border-top:none;}
#txt_confirm dl dd {text-align:left;}
}