@charset "utf-8";
/*
 * Copyright (c) 2012 takashi shinohara
 * this Library is licensed. http://aulta.jp/library/
 * http://aulta.jp/library/wordpress/contactForm7Confirm.html
 * last update: 2012-02-15, 0.0.1.
 */

/*
 * 入力時に付加するclass
 */
form.wpcf7-form-mode-edit{
	
}

/*
 * 確認時に付加するclass
 */
form.wpcf7-form-mode-confirm{
	
}
form.wpcf7-form-mode-confirm th{	/* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */
	width:180px;
}

/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
form.wpcf7-form ul.error-messages{
	color:red;
}

/*
 * 入力チェックに引っかかったときに tr.addClass('error')
 */
form.wpcf7-form table tr.error td{
	background-color:#FFA8EC;
}

/*
 * プレビュー時のテキスト
 */
form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm{
	color:green;
}

/*
 * ボタンエリア、確認へ
 */
form.wpcf7-form p.buttons-area-confirm{
	padding:20px;
	/* text-align:center; */
}

/*
 * ボタンエリア、書き直す、送信（「書き直す」が加わるため位置調整）
 */
form.wpcf7-form p.buttons-area .button-rewrite{
	margin-right:20px;
}
form.wpcf7-form p.buttons-area .wpcf7-submit{
	margin-left:20px;
}

.buttons-area-confirm > input,
.submit-button > input {
    display: block;
    width: 275px;
    text-align: center;
    margin: 0 auto 20px !important;
    outline: none;
    background: #fff;
    background: linear-gradient(rgb(9,82,156), rgb(1,53,104));
    border: 2px solid rgb(88,142,215);
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 50px;
    color: #fff;
}

.buttons-area-confirm > input:hover,
.submit-button > input:hover {
  opacity: 0.5;
  cursor: pointer;
}

ul.error-messages {
    width: 1000px;
    margin: 0 auto;
    max-width: 90%;
}