@charset "utf-8";

/*＃========================================================
 *
 *	css file for "Qui System"
 *	file name : inquiry.css
 *	page name : "お問い合わせ"
 *
==========================================================*/

/* タイトル */


#inquiry hr {
	border: none;
	padding: 0;
	height: 1px;
	color: silver;
	background-color: silver;
	margin-top: 30px;
	margin-bottom: 0px;
	width: 100%;
}


em {
    font-style: normal;
    color: #ff0000;
}
.attention { color: #ff0000; }
.mini { font-size: 90%; margin: 3px 0 0 0;}


/* お問い合わせ　*/
div#inquiry {
	/*width: 531px;*/
	padding-left: 28px;
	padding-right: 28px;
}

div#inquiry_text {
	line-height: 1.7em;
	padding-right: 20px;
	text-align: left;
}

div#inquiry table  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #929292;
    border-left: 1px solid #929292;
    border-collapse: collapse;
    text-align: left;
}

div#inquiry table th {
    padding: 8px;
    border-right: 1px solid #929292;
    border-bottom: 1px solid #929292;
    background-color: #e6e6e6;
    font-weight: normal;
    text-align: left;
    width: 190px;
	font-size: 14px;
	letter-spacing:normal;
}

div#inquiry table td {
    padding: 15px 22px;
    border-right: 1px solid #929292;
    border-bottom: 1px solid #929292;
	font-size: 14px;
	width: 400px;
}


.need {
	color: red;
}


/* お問い合わせフォーム */
div#inquiry .box16em {
    width: 16em;
    padding: 2px;
    border: 1px solid #6f6f6f;
}

div#inquiry .box25em {
    width: 25em;
    padding: 2px;
    border: 1px solid #6f6f6f;
}

div#inquiry .box45 {
    width: 45px;
    padding: 2px;
    border: 1px solid #6f6f6f;
}
div#inquiry .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #6f6f6f;
}
div#inquiry .box120 {
    width: 120px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #6f6f6f;
}
div#inquiry .box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #6f6f6f;
}
div#inquiry .area300 {
    width: 300px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #6f6f6f;
}
div#inquiry .area450 {
    width: 450px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #6f6f6f;
}

/* お問い合わせフォームボタン */
div.tblareabtn {
    clear: both;
	width: 300px;
    margin: 15px auto 0 auto;
    text-align: center;
}
#cont_wrap div.tblareabtn img {
	vertical-align: top;
	margin-right: 20px;
	margin-top: 25px;
}



.form_btn {
	width: 538px;
	height: 64px;
	line-height: 64px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-image: url(../inquiry/btn_comf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	margin: 20px 50px;
}


/* フォーム注意書き */
.atten_text {
	border: 2px solid #F00;
	padding: 12px 10px;
	width: 23em;
	text-align: justify;
	margin-left: 20px;
}



.kome {
	margin-left: 2em;
	text-indent: -1em;
}


.btn_w {
/*    width: 150px;
    height: 40px;
	*/
}

/* お問い合わせありがとうページ */
div.inquiry_text {
	margin: 20px;
}

div.inquiry_text p {
	line-height: 250%;
}



/*-----------------------------------*/
/*　フォーム関係   */
/*-----------------------------------*/


.form_need{
	width: 13em;
	padding-right: 1em;
	margin: 0px;
}

input[type="text"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus{
	background: #F5E1E0;
	border:1px #dedede solid;
}

.btn_w {
	width: 100px;
	margin: 1em;
}

/*　入力フォーム　*/
.input_kana,
.input_han,
.input_textarea{
	border:1px #6f6f6f solid;
	padding: 5px;
	margin: 5px 0 5px;
	/*
	font: 14px/1.8em Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	*/
	font-size: 14px;
/*	line-height: 1.8em;動きがおかしいので削除*/ 
	letter-spacing: 0.1em;
	}


.input_kana{
	ime-mode:active;
}

.input_han{
	ime-mode:disabled;
}
.input_textarea{
	ime-mode:active;
	width: 27em;
	margin-bottom: 10px;
}