@charset "utf-8";
/************* 登録・削除ページ用CSS *****************/

body,tr,td,th {
	margin:0px;
	font-size:13px;
	line-height:125%;
	color:#505152; 
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

small{font-size: 12px;}
body{background-color:#ffffff; -webkit-text-size-adjust: 100%; }
a{text-decoration:none;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #ff0000; }
small{font-size: 12px;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.nowrap{ white-space:nowrap; }
.red{color:#ff0000;}
.bold{font-weight:bold;}
.esse { color: #ff0000; }

/* Sample用 QR配置 */
.upict{float:left;}

/* 大枠 */
.contents{
	width:800px;
	margin:20px auto 10px;padding:10px;box-sizing:border-box;
	text-align:center;
	background-color:#f1f3f6;
}

/* ヘッダ タイトル */
.top_title{ 
	font-size:15px;font-weight: bold;
	text-align:center;padding:10px 0 10px;
	background-color:#7b99e1;color:#ffffff;
}
/* フッタ タイトル */
.under_title{
	font-size:13px;
	text-align:center;padding:10px 0 10px;
	background-color:#7b99e1;color:#ffffff;
}
.under_title a{ color:#ffffff;}

/* 確認等のメッセージ */
.msg_table{
	max-width:600px; width:100%; margin:0 auto 20px;
	background-color:#ffffff;border:1px solid #a2a2a2;
	box-sizing:border-box;padding:10px;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}

/* エラーメッセージ */
.errormsg{
	border:1px solid #ff0000;color:#ff0000;background-color:#ffffff;
	max-width:450px; width:100%;
	padding:10px;margin:5px auto 10px;text-align:left;
	box-sizing:border-box;
	border-radius: 4px;
}

/* [確認/送信/OK]ボタン */
.submit{padding:3px 30px 3px; margin:10px auto;}
/* [戻る]ボタン */
.retrn{padding:3px 20px 3px; margin:10px auto;}

/********** レスポンシブ ***********/
@media screen and (max-width:820px){ 
.contents{width:98%;}
}