@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 {}

/* 
--------------------------------------------------
 ▽ フォーム下部ページ遷移コントロール部
-------------------------------------------------- */
/*
input[type=submit] {
	width:80%;
	margin:10px 10px 0 0;
	padding:14px 15px 13px 15px;
	position:relative;
    background: -moz-linear-gradient(top, #FFEDA3, #E39E25 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFEDA3), to(#E39E25));
/* IE 5.5-7 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEDA3', endColorstr='#E39E25', GradientType=0);
/* IE 8+ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEDA3', endColorstr='#E39E25', GradientType=0)";
/* IE 10 
    background: linear-gradient(to bottom, #FFEDA3, #E39E25 100%);
	border:#FEFEFE 1px solid;
	box-shadow:#DAA24A 0 0 0 1px;
	border-radius:5px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}*/

.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:320px;
	margin:10px auto;
	border-top:#155073 1px solid;
}
/* 項目名 */
.contact_input>dt {
	margin:0 0 1px 0;
	padding:10px 0 10px 7px;
	background:rgba(39, 80, 104, 0.7);
	font-weight:bold;
	color:#FFF;
	border-bottom:#155073 1px solid;
}

/* 項目名（必須設定あり） */
.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:#C30000;
}
/* 項目名（任意設定あり） */
.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 {
	margin:0 10px 0 0;
	padding:0 0.5em;
	background-color:#C30000;
	font-weight:bold;
	color:#FFF;
}
	
/* 項目名（任意設定あり） 
.ninni {
	padding:3px;
	margin-left:10px;
	content:"任意";
	color:#FFF;
	background-color:#909090;
}
*/
/* 項目内容 */
.contact_input>dd {
	margin:0 0 1px 0;
	padding:10px 5px;
	background: rgba(0, 0, 75, 0.3);
	word-break:break-all;
	border-bottom:#155073 1px solid;
	color:#FFF;
}
/* 項目内容ののフォームパーツ */
.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;
	padding:5px;
}
.contact_input>dd input[type="radio"] {
	margin-top:-2px;
	position:relative;
}

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

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

.kojin2 {
	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 {
	padding:5px;
	line-height:1.7;
}
.contact_subject2 li {
	width:auto;
	float:left;
	padding:5px;
}

.con_no1 {
	width:33% !important;
}

.con_no2 {
	width:33% !important;
}

.con_no3 {
	width:33% !important;
}

.con_no4 {
	width:33% !important;
}

/* お問い合わせ項目（ラジオボタン型　その他の内容テキスト：表示切替機能付き） */
.contact_subject2_txt {
	width:100%;
	padding:5px;
}
.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 {
	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_business {
	width:100%;
	padding:5px;
	word-break:break-all;
}

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

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

/* 納品先 */
.contact_nouhin {
	width:100%;
	padding:5px;
	word-break:break-all;
}

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

.contact_etc {
	width:100%;
	padding:5px;
	word-break:break-all;
}

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

.contact_nen {
	width:25%;
	margin:0 5px 3px 5px;
	padding:3px;
	word-break:break-all;
}

.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 {}