@charset "utf-8";
/* 
====================================================================================================
■ 問い合わせ：共通 .contact
 □ 問い合わせ：入力   .contact.inputform  （/contact/）
 □ 問い合わせ：確認   .contact.confirm    （/contact/confirm.html）
 □ 問い合わせ：完了   .contact.completion （/contact/completion.html）
 □ 問い合わせ：エラー .contact.error      （/contact/error.html）
----------------------------------------------------------------------------------------------------
※ 基本的にテンプレとしての簡易な整形レベルです。必ずサイトに合わせて各種設定を見直すこと。 
※ font-sizeに関しては、リセット後、#wrapperに18px相当で指定済。そこからの相対指定で行うこと。
　（親要素に既に%指定済の場合、子孫要素は基準が変わるので注意してください。）
※ サイト制作後、不要と思われるコメントはなるべく削除し整理すること。
==================================================================================================== */
/* 
====================================================================================================
■ 問い合わせ：共通 .contact
---------------------------------------------------------------------------------------------------- */
/* フォーム部分外の設定に関しては、content.cssにて設定しています。 */
.contact {}

/* 
--------------------------------------------------
 ▽ フォーム下部ページ遷移コントロール部
-------------------------------------------------- */
.contact_step_jump {
	text-align:center;
}
/* テキストタイプリンク */
.contact_step_jump a {
	line-height:42px;
}
/* 通常ボタン */
.contact_step_jump input[type="submit"],
.contact_step_jump input[type="button"] {
	margin:0.5em 0; padding:0.5em;
	width:100%;
}
/* 
----------------------------------------------------------------------------------------------------
 □ 問い合わせ：入力   .contact.inputform  （/contact/）
---------------------------------------------------------------------------------------------------- */
.contact.inputform {}

/* 
--------------------------------------------------
 ▽ 問い合わせフォーム設定（入力型）
-------------------------------------------------- */
.contact_input {
	margin-bottom:0.5em;
	border:1px solid #AAA;
}
/* 項目名 */
.contact_input>dt {
	padding:5px;
	background-color:#D1E26D;
	font-weight:bold;
}
/* 項目名（必須設定あり） */
.contact_input>dt.hissu {}
.contact_input>dt.hissu:before {
	padding:0 0.5em;
	display:block;
	float:left;
	content:"必須";
	color:#FFF;
	background-color:#AC7B3C;
	margin-right:6px;
}
/* 項目名（任意設定あり） */
.contact_input>dt.ninni {}
.contact_input>dt.ninni:before {
	padding:0 0.5em;
	display:block;
	float:left;
	content:"任意";
	color:#FFF;
	background-color:#8DA83C;
	margin-right:6px;
}
/* 項目内容 */
.contact_input>dd {
	padding:10px 5px;
	background-color:#EEEEEE;
}
/* 項目内容ののフォームパーツ */
.contact_input>dd input,
.contact_input>dd textarea {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.contact_input>dd input[type="radio"] {
	margin-top:-2px;
	position:relative;
}
/* 
--------------------------------------------------
 ▽ 各項目別設定
-------------------------------------------------- */
/* お問い合わせ項目（プルダウン型） */
#contact_subject {
	width:100%;
}
/* お問い合わせ項目（ラジオボタン型） */
#contact_subject2 {}

/* お問い合わせ項目（ラジオボタン型　その他の内容テキスト：表示切替機能付き） */
#contact_subject2_txt {
	display:none;
	width:100%;
}
#contact_subject2 li:last-of-type input:checked+label+#contact_subject2_txt {
	display:inline;
}
/* 会社名 */
#contact_company {
	width:100%;
}
/* 部署・役職名 */
#contact_post {
	width:100%;
}
/* お名前 */
#contact_name {
	width:100%;
}
/* フリガナ */
#contact_kana {
	width:100%;
}
/* 性別 */
#contact_sex {}
#contact_sex li {
	width:5em;
	float:left;
}
/* 年齢 */
#contact_age {
	width:3.5em;
}
/* 住所 */
#contact_zip {
	margin-bottom:0.3em;
	width:7em;
}
#contact_state {
	margin-bottom:0.3em;
	width:100%;
}
#contact_address {
	width:100%;
}
/* 電話番号 */
#contact_tel {
	width:100%;
}
/* ファックス番号 */
#contact_fax {
	width:100%;
}
/* メールアドレス */
#contact_mail {
	width:100%;
}
/* 問い合わせ内容（平常時） */
#contact_long_txt {
	width:100%; min-width:100%; max-width:100%; height:8em; min-height:8em;
}
/* 問い合わせ内容（フォーカス時） */
#contact_long_txt:focus {
	height:5.5em;
}
/* 問い合わせ内容（フォーカス時） */
#contact_long_txt:focus {
	height:5.5em;
}
.t_field  li{
	float:left;
	margin-right:10px;
}
.inquiry_size_ss{
    width:3em;
}
/* 
----------------------------------------------------------------------------------------------------
 □ 問い合わせ：確認   .contact.confirm    （/contact/confirm.html）
---------------------------------------------------------------------------------------------------- */
.contact.confirm {}

/* 
--------------------------------------------------
 ▽ 問い合わせフォーム設定（確認型）
-------------------------------------------------- */
.contact_check {
	margin-bottom:0.5em;
	border:1px solid #AAA;
}
/* 項目名 */
.contact_check>dt {
	padding:0 5px;
	background-color:#DDD;
	font-weight:bold;
}
/* 項目内容 */
.contact_check>dd {
	padding:0 5px;
	background-color:#FFF;
}
/* 
----------------------------------------------------------------------------------------------------
 □ 問い合わせ：完了   .contact.completion （/contact/completion.html）
---------------------------------------------------------------------------------------------------- */
.contact.completion {}

/* 
----------------------------------------------------------------------------------------------------
 □ 問い合わせ：エラー .contact.error      （/contact/error.html）
---------------------------------------------------------------------------------------------------- */
.contact.error {}


#preference1,
#preference2,
#preference3,
#preference4,
#preference5,
#preference6 {
	width:5em;
}