@charset "utf-8";

/*========================================================

■			common

========================================================*/
/*--------------------------------------
	アンケートモジュール
--------------------------------------
.MailForm{margin:5px 0 10px 0;width:100%;border:1px solid #dbdbdb;}
.MailForm .FieldTitle{padding:10px 15px;width:200px;background:#ededed;border-top:none;border-bottom:1px soliid #dbdbdb;border-right:1px soliid #dbdbdb !important;}
.MailForm .FieldValue{padding:10px 15px 10px 15px;color:#000000;border-top:none;border-left:none;border-bottom:#dbdbdb dotted 1px;}
.MailForm .FieldTitle .NormalBold{color:#000;font-weight:normal;}
#dnn_ctr401_ViewMailForm_cmdConfirm{margin-left:250px;}
#c-pchelp-inqarea{margin:40px auto 0 auto;width:580px;}*/

/*--------------------------------------
	メールフォーム
--------------------------------------
table.itemTable > tbody > tr > th{width:30%;vertical-align:middle;}
table.itemTable > tbody > tr > td{width:70%;vertical-align:middle;}
table.itemTable tbody tr td .advice{display:block;margin-top:4px;font-size:84%;color:#999;}
table.itemTable tbody tr td table.radioBtn{width:200px;display:block;}
table.itemTable tbody tr td table.radioBtn tbody,
table.itemTable tbody tr td table.radioBtn tbody tr{display:block;}
table.itemTable tbody tr td table.radioBtn td{display:inline-block;margin-right:10px;text-align:left;vertical-align:middle;}
table.itemTable tbody tr td table.radioBtn td > input{display:inline;width:auto;}
.inquiryBtn{padding:15px 0 25px;text-align:center;}
.inquiryBtn > span{display:inline-block;margin:0 10px;}
.inquiryBtn > span input{display:inline-block;padding:8px 16px;color:#333;background-color:#e3e3e3;border:none;border-radius:4px;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;}
.inquiryBtn > span input:hover{background-color:#999;color:#fff;}
.inquiryBtn > span.colorBtn input{display:inline-block;padding:8px 16px;background-color:#F5BBBB;border:none;border-radius:4px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.inquiryBtn > span.colorBtn input:hover{background-color:#E24F4F;color:#fff;}

*/


.inquiryForm table{border-collapse:collapse;border-spacing:0;border:none;}
.inquiryForm>table{width:100%;border-top:1px dotted #ccc;}
.inquiryForm>table tr:hover{background:#f6f6f6;}
.inquiryForm>table th{width:13em;}
.inquiryForm>table th,
.inquiryForm>table td{padding:10px;vertical-align:top;border-bottom:1px dotted #ccc;}
.inquiryForm>table table th,
.inquiryForm>table table td{padding:0 10px 0 0;border:none;}
.inquiryForm input[type="text"]{max-width:100%;margin:0 0 2px;}
.inquiryForm input.btnSearchZipCode{margin-left:5px;}
.inquiryForm textarea{width:100%;}
.inquiryForm .txtNote{display:block;padding:3px 0 0;font-size:86%;}
.inquiryForm .txtExample{display:block;padding:3px 0 0;font-size:86%;color:#999;}
.inquiryForm .txtAlert{color:#c00;}
.inquiryForm .inputName{width:10em;}
.inquiryForm .inputAge{width:3em;}
.inquiryForm .inputZip{width:5em;}
.inquiryForm .inputAdd{width:100%;}
.inquiryForm .inputTel{width:8em;}
.inquiryForm .inputMail{width:13em;}

.inquiryBtn{padding:20px 0;text-align:center;}
.inquiryBtn input{display:inline-block;margin:0 10px;padding:10px 25px;color:#333;background-color:#e3e3e3;border:none;border-radius:2px;transition:all ease-in-out 0.3s;cursor:pointer;}
.inquiryBtn input:hover{background-color:#aaa;}

.inquiryBtn input[id$="_btnInputConfirm"],
.inquiryBtn input[id$="_btnConfirmSend"]{background:#444;color:#fff;}
.inquiryBtn input[id$="_btnInputConfirm"]:hover,
.inquiryBtn input[id$="_btnConfirmSend"]:hover{background-color:#222;}





.skinTdcCl .inquiryBtn input[id$="_btnInputConfirm"],
.skinTdcCl .inquiryBtn input[id$="_btnConfirmSend"]{background:#c00;color:#fff;}
.skinTdcCl .inquiryBtn input[id$="_btnInputConfirm"]:hover,
.skinTdcCl .inquiryBtn input[id$="_btnConfirmSend"]:hover{background-color:#a00;}


.skinTdcCl.skinTdcClApp .inquiryBtn input[id$="_btnInputConfirm"],
.skinTdcCl.skinTdcClApp .inquiryBtn input[id$="_btnConfirmSend"]{background:#e24f4f;color:#fff;}
.skinTdcCl.skinTdcClApp .inquiryBtn input[id$="_btnInputConfirm"]:hover,
.skinTdcCl.skinTdcClApp .inquiryBtn input[id$="_btnConfirmSend"]:hover{background-color:#b13232;}

/*<p class="txtAlert">Emailが一致しません</p>*/