@charset "utf-8";
/************* 登録・削除フォーム専用CSS *****************/

/* リセット */
#mlistdb_table table,#mlistdb_table td{
	margin:0;padding:0;border:0;border-spacing:0;  
	line-height:130%;font-size:13px;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
#mlistdb_table select,
#mlistdb_table input,
#mlistdb_table textarea,
#mlistdb_table option{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	color: #333333; font-size:13px;
	margin:1px;padding:3px;line-height:130%;border:1px solid #949494;
}
#mlistdb_table input, #mlistdb_table textarea, #mlistdb_table select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
#mlistdb_table select{ padding:1px; }

/* 外枠 */
#mlistdb_table{ width:500px; margin:0 auto;}
/* 最上段の項目の上線 */
#mlistdb_table .top_line{border-top:1px solid #989898;}
#mlistdb_table .yform{clear:both;}
/* 角丸、影 */
#mlistdb_table .formtable1.top_line{border-radius: 3px 0 0 0; }
#mlistdb_table .formtable2.top_line{border-radius: 0 3px 0 0; }
#mlistdb_table .formtable1.bottom_line{border-radius: 0 0 0 3px; }
#mlistdb_table .formtable2.bottom_line{border-radius: 0 0 3px 0; }
#mlistdb_table .formtable1, #mlistdb_table .formtable2{box-shadow: 1px 1px 2px rgba(20,20,20,0.1);}
/* 項目名 */
#mlistdb_table .formtable1{ 
	width:140px;font-weight:bold;  background-color:#ffffff; 
	border-left:1px solid #989898; border-right:1px solid #989898; border-bottom:1px solid #989898;
	padding:8px 3px 8px;border-spacing:0;text-align:center; vertical-align:top;
	display:table-cell; box-sizing:border-box;
 }
/* 入力フォーム部 */
#mlistdb_table .formtable2{ 
	width:350px;  background-color:#ffffff; 
	border-right:1px solid #989898;border-bottom:1px solid #989898;
	padding:5px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
 }
/* 入力フォーム サイズ */
#mlistdb_table .f1{width:100%;max-width:270px;}
#mlistdb_table .f2{width:100%;max-width:80px;}

/* 必須「*」*/
#mlistdb_table .esse{ color: #ff0000; }

/* [確認/送信/OK]ボタン */
#mlistdb_table .submit{padding:3px 30px 3px; margin:10px auto;}
/* [戻る]ボタン */
#mlistdb_table .retrn{padding:3px 20px 3px; margin:10px auto;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
input[type=submit]{background-color: #e9e9ed;color:#000000;}


/********** レスポンシブ ***********/
@media screen and (max-width:540px){ 
#mlistdb_table{ width:100%;}
/* 項目名 */
#mlistdb_table .formtable1{ width:100%; display:block; border-top:1px solid #989898;text-align:left;padding-left:10px;  background-color:#f0f2f2; }
/* 入力部 */
#mlistdb_table .formtable2{ width:100%; display:block; border:0;padding-left:5px;margin:1px 0 10px;}
#mlistdb_table .submit{margin:0;}
/* 角丸、影 */
#mlistdb_table .formtable1.top_line, #mlistdb_table .formtable2.top_line{border-radius: 3px;}
#mlistdb_table .formtable1.bottom_line, #mlistdb_table .formtable2.bottom_line{border-radius: 3px;}
#mlistdb_table .formtable1, #mlistdb_table .formtable2{border-radius: 3px;box-shadow:none;} 
}