@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_jump2 {
	text-align:center;
}

.contact_step_jump5 {
	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:70%;
}

.contact_step_jump2 input[type="submit"],
.contact_step_jump2 input[type="button"] {
	margin:0.5em 0; padding:0.3em;
	width:80%;
}

.contact_step_jump3 input[type="submit"],
.contact_step_jump3 input[type="button"] {
	margin:5px 0 30px 40px; padding:0.2em;
	width:30%;
	float:left;
}

.contact_step_jump4 input[type="submit"],
.contact_step_jump4 input[type="button"] {
	margin:5px 40px 30px 0; padding:0.2em;
	width:35%;
	float:right;
}

.contact_step_jump5 input[type="submit"],
.contact_step_jump5 input[type="button"] {
	margin:0.5em 0; padding:0.2em;
	width:40%;
}
/* 
----------------------------------------------------------------------------------------------------
 □ 問い合わせ：入力   .contact.inputform  （/contact/）
---------------------------------------------------------------------------------------------------- */
.contact.inputform {}

/* 
--------------------------------------------------
 ▽ 問い合わせフォーム設定（入力型）
-------------------------------------------------- */
.contact_input {
	width:310px;
	margin:5px auto;
	border:1px solid #CCC;
}
/* 項目名 */
.contact_input>dt {
	padding:5px 0 5px 3px;
	background:#E8F9FF;
	font-weight:bold;
	color:#0D77B0;
	border-bottom:1px solid #CCC;
}

/* 項目名（必須設定あり） */
.contact_input>dt.hissu {}
.contact_input>dt.hissu:before {
	margin-right:10px;
	padding:0 0.5em;
	display:block;
	float:left;
	content:"必須";
	color:#FFF;
	background-color:#DC5053;
}
/* 項目名（任意設定あり） */
.contact_input>dt.ninni {}
.contact_input>dt.ninni:before {
	margin-right:10px;
	padding:0 0.5em;
	display:block;
	float:left;
	content:"任意";
	color:#FFF;
	background-color:#636363;
}
/* 項目名（必須設定あり） */

.hissu2 {
	padding:3px;
	margin-left:10px;
	content:"必須";
	color:#FFF;
	background-color:#E15A5E;
}
	
/* 項目名（任意設定あり） 
.ninni {
	padding:3px;
	margin-left:10px;
	content:"任意";
	color:#FFF;
	background-color:#909090;
}
*/
/* 項目内容 */
.contact_input>dd {
	padding:10px 5px;
	background-color:#FFF;
	word-break:break-all;
	border-bottom:1px solid #CCC;
}
/* 項目内容ののフォームパーツ */
.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;
}

.p_l {
	padding-left:50px !important;
}

.f_smo {
	font-size:12px;
	color:#666666;
}

.kojin {
	margin:10px 0 10px 10px;
}

.ime_type1 {
	ime-mode:disabled;
}

.pp_list {
	width:80%;
}

.pp_list li {
	list-style:none;
}
/* 
--------------------------------------------------
 ▽ 各項目別設定
-------------------------------------------------- */
/* お問い合わせ項目（プルダウン型） */
.contact_subject {
	width:100%;
	padding:5px;
}
/* お問い合わせ項目（ラジオボタン型） */
.contact_subject2 {}

/* お問い合わせ項目（ラジオボタン型　その他の内容テキスト：表示切替機能付き） */
.contact_subject2_txt {
	width:100%;
}
.contact_subject2 li:last-of-type input:checked+label+#contact_subject2_txt {
	display:inline;
}

.contact_subject3 {
	}

/* お問い合わせ項目（ラジオボタン型　その他の内容テキスト：表示切替機能付き） */
.contact_subject3_txt {
	width:70%;
	padding:5px;
}

.contact_subject4_txt {
	width:22%;
	padding:5px;
}

.contact_subject3 li {
	width:48%;
	float:left;
	padding:5px 5px 5px 0;
}

.fl_no {
	width:40% !important;
	float:none !important;
}

.contact_subject3 li:last-of-type input:checked+label+#contact_subject2_txt {
	display:inline;
}

.comp {
	width:100%;
	padding:5px;
}

.contact_profession {
	width:100%;
	padding:5px;
}

/* 会社名 */
.contact_company {
	width:100%;
	padding:5px;
}
/* 部署・役職名 */
.contact_post {
	width:100%;
	padding:5px;
}
/* お名前 */
.contact_name {
	width:100%;
	padding:5px;
}
/* フリガナ */
.contact_kana {
	width:100%;
	padding:5px;
}
/* 性別 */
.contact_sex {}
.contact_sex li {
	width:5em;
	float:left;
	padding:5px;
}
/* 年齢 */
.contact_age {
	width:15%;
	padding:5px;
}
/* 住所 */
.contact_zip {
	margin-bottom:5px;
	width:35%;
	padding:5px;
}
.contact_state {
	margin-bottom:5px;
	width:100%;
	padding:5px;
}
.contact_address {
	width:100%;
	padding:5px;
}
/* 電話番号 */
.contact_tel {
	width:100%;
	padding:5px;
}
/* ファックス番号 */
.contact_fax {
	width:100%;
	padding:5px;
}
/* メールアドレス */
.contact_mail {
	width:100%;
	padding:5px;
}

.contact_etc {
	width:100%;
	padding:5px;
}

/* 問い合わせ内容（平常時） */
.contact_long_txt {
	width:100%;
	height:100px;
}

.contact_nen {
	width:25%;
	margin:0 5px 3px 5px;
	padding:3px;
}

.contact_tsuki01 {
	width:17%;
	margin:0 5px 3px 5px;
	padding:3px;
}

.contact_tsuki02 {
	width:10%;
	margin:0 5px 0 5px;
	padding:3px;
}

.contact_nichi01 {
	width:17%;
	margin:0 5px 3px 5px;
	padding:3px;
}

.contact_nichi02 {
	width:10%;
	margin:0 5px 0 5px;
	padding:3px;
}

.contact_ji01 {
	width:10%;
	margin:0 5px 3px 5px;
	padding:3px;
}

.contact_ji02 {
	width:10%;
	margin:0 5px 0 5px;
	padding:3px;
}

.contact_fun01 {
	width:10%;
	margin:0 5px 3px 5px;
	padding:3px;
}

.contact_fun02 {
	width:10%;
	margin:0 5px 0 5px;
	padding:3px;
}

.contact_id {
	width:100%;
	padding:3px;
}

.contact_pass {
	width:100%;
	padding:3px;
}
/* 
----------------------------------------------------------------------------------------------------
 □ 問い合わせ：確認   .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 {}