@charset "utf-8";

body,tr,td,th,input,textarea,select,option{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	font-size:13px;
}
html, body {
	margin:0 8px 0;
	line-height:110%; 
	background-color:#ffffff;
	color:#333333;
}
a:link{ color: #0000ff; }
a:visited{ color: #000080; }
a:active{ color: #ff0000; }
a:hover{ color: #ff0000; }
td, th{ line-height:110%;}

big{ font-size: 110%; line-height:110%;font-weight:bold;}
small{ font-size:90%; line-height:110%;}
img{border:0px;}

.vtop{ vertical-align:top; }
.vmid{ vertical-align:middle; }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
.nobr{ white-space: nowrap; }
input{ margin:1px; vertical-align:middle;}
input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}

.content{
	width:700px;
	margin: auto;
	text-align:center;
}

/* 必須アイコン */
.esse{
	vertical-align:middle; 
	margin-right:1px;
}


/* タイトル部 Tableタグ */
.TitleTable{
	border:1px solid #989898; 
	width:100%;
	background-color:#eef2f7; 
	text-align:center;
	margin:5px 0 10px;
	padding:8px 0 8px;
	height:50px;
}


.yform{clear:both;}
/* フォームの 項目用 TDタグ */
.formTD1{
	width:200px;
	background-color:#eef2f7; 
	border-left:1px solid #989898; border-right:1px solid #989898; border-bottom:1px solid #989898;
	padding:8px 3px 8px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}
/* フォームの 入力部用 TDタグ */
.formTD2{
	width:500px;
	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;
}
 /* ブロックのタイトル */
.BlockTitle{
	margin:15px 0 10px;
	font-size:15px; 
	font-weight:bold; 
	text-align:left;
}
 /* ブロックの注意書き */
.BlockTxt td{ text-align:left;font-size:13px; }
.BlockTxt table{ margin:10px auto 10px; }


/* 最上段の項目の上線 */
.top_line{border-top:1px solid #989898;}

/* 画像認証用フォーム */
.seq_form{background-color: #e5f2fb;font-weight: bold;}

/* エラーメッセージの外枠 */
.errorMSG{
	border:1px solid #ff0000; 
	text-align:left;
	width:400px; max-width:100%;
	padding:10px;box-sizing:border-box;
	margin: auto;
}

/* 確認/送信,リセットボタン周辺 */
.submitset{
	text-align:center;
	margin:15px 0 20px; 
}
/* 確認/送信ボタン */
#send{width:100px;}
/* リセット/戻るボタン */
#rset{width:100px;}

/* ファイルアップロード中のメッセージ */
#fileupmsg{
	margin:10px;
	color:#ff0000;
	font-size:15px;
}

/* 郵便番号入力住所表示 */
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
.addframe{position:static;}


/*** 規約表示 ***/
/* 表示枠 */
.kiyaku_frame{
	border:solid 1px #dde1e2;
	padding:7px;
	background-color:#ffffff; 
}
/* チェックBOX ＆ 同意文 */
.kiyaku_chek{
	margin:10px 0 3px;
	font-weight:bold;
}
/* 注意書き */
.kiyaku_Inst{
	color:#ff0000;
}


/* ラジオ、チェックBOX*/
.menulist, .menulist ul{
	margin:0; padding:0; width:100%; text-align:left;
}
.menulist li{
	padding:0px;margin:2px 1px 2px;
	text-align:left;list-style-type:none;
	float:left;
}
.menulist input{margin:-2px 3px 0 0;}
/* リスト幅 */ 
.liwid2{width:49%;}
.liwid3{width:32%;}
.liwid4{width:24%;}
.liwid5{width:19%;}
.liwid6{width:16%;}
.liwid7{width:13%;}
.liwid8{width:12%;}
.liwid9{width:10%;}
.liwid10{width:9%;}
/* グループ設定時の ラジオボタン、チェックボックス、ファイルアップ フォームの外枠 */
.group_table{margin:5px 0 5px;}

/******** レスポンシブ ******/
/******** 700未満 ******/
@media screen and (max-width:710px){ 
.content{ width:100%; }
/*項目名*/
.formTD1{ width:100%; display:block; border-top:1px solid #989898;}
/*入力部*/
.formTD2{ width:100%; display:block; border:0; margin-bottom:10px;}
}

/******** 600未満 ******/
@media screen and (max-width:600px){ 
.liwid2{width:100%;}
.liwid3, .liwid4{width:49%;}
.liwid5, .liwid6, .liwid7, .liwid8{width:32%;}
.liwid9, .liwid10{width:24%;}
}
/******** 400未満 ******/
@media screen and (max-width:400px){ 
.liwid2, .liwid3, .liwid4{width:100%;}
.liwid8, .liwid9, .liwid10, .liwid5, .liwid6, .liwid7{width:49%;}
}