@charset "utf-8";
/* common.css */

html, body { margin: 0; font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; font-size: 16px; }

/**************************************************
	@media Tablet & SP
**************************************************/
@media (max-width: 768px) {
html, body { padding: 10px; }
form { padding: 30px 10px; }
.pcOnly { display: none !important; }
table.formtable th,
table.formtable td { display: block; }
.formAttentionWrap { padding: 0 1em; }
button { margin-bottom: 20px; width: 100%; }
/* @media Tablet & SP */}

/**************************************************
	@media PC
**************************************************/
@media (min-width: 769px) {
html, body { padding: 20px; }
form { padding: 30px 70px; }
.spOnly { display: none !important; }
.pageWrap,
#footer { margin: 0 auto; width: 940px; }
table.formtable th { width: 200px; }
table.formtable td .clearfix > div { float: left; margin: 0; padding: 0; width: 340px; }
table.formtable td .clearfix > div:first-child { padding-right: 20px; width: 150px; }
button { min-width: 240px; width: auto !important; width: 240px; }
/* @media PC */}

/**************************************************
	common
**************************************************/
h1 { margin: 0; padding: 0; color: #595757; font-size: 2em; font-weight: normal; text-align: center; }
h1 + hr { width: 3em; height: 1px; border: none; background: #999; }
.formAttentionWrap h2 { margin: 0 0 20px; padding: 0 0 10px; color: #960008; font-size: 2em; font-weight: normal; text-align: center; border-bottom: 1px solid #960008; }
form { background: #EBEBEB; }
table.formtable { margin: 0 0 20px; width: 100%; }
table.formtable th,
table.formtable td { padding: 20px; font-weight: normal; text-align: left; vertical-align: top; }
table.formtable th { color: #fff; background: #09c; }
table.formtable td { background: #fff; }
.formControl {
    padding: 6px 12px;
	width: 90%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button { padding: 15px 0; color: #fff; cursor: pointer; background: #999; border: none; border-radius: 4px; }
button[type=submit] { background: #09c; }
/* footer */
#copyright { margin-top: 1em; font-size: 0.8em; text-align: center; }
/* reuse */
.red { color: #960008; }
.textIndent1 { padding-left: 1em; text-indent: -1em; }
.fontSmall { font-size: 0.8em; }

/* 入力画面 */
#formIndexWrap {}
.errorMessageText { color: #960008; }

/* 確認画面 */
#comfirmWrap {}

/* エラー画面 */
#errorWrap {}

/* 送信完了画面 */
#resultWrap h2 { margin: 50px 0 10px; text-align: center; }
#resultWrap h3 { color: #09c; font-size: 1.8em; font-weight: normal; text-align: center; border-bottom: 1px solid #09c; }

/* text-align */
.textLeft { text-align: left !important; } .textCenter { text-align: center !important; } .textRight { text-align: right !important; }
@media (max-width: 768px) { .spLeft { text-align: left !important; } .spCenter { text-align: center !important; } .spRight { text-align: right !important; } }

/* clearfix */
.clearfix{zoom:1;overflow:hidden;}.clearfix:after{content:"";display:block;clear:both;}